) => {
+ if (pointerStartY.current === null) return;
+ pointerStartY.current = null;
+ centerZoneAboveCard(latestDragHeight.current, 0);
+ if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+ event.currentTarget.releasePointerCapture(event.pointerId);
+ }
+ };
+
+ useEffect(() => {
+ expandedHeight.current = 0;
+ pointerStartY.current = null;
+ if (contentRef.current) contentRef.current.style.removeProperty('height');
+ }, [selectedZoneId]);
+
useEffect(() => {
if (!isOpen || !zone || !mapRefHolder?.current) return;
if (zone.is_active === false) return;
@@ -59,6 +126,9 @@ export function MobileZoneCard({ onBackToResults }: MobileZoneCardProps) {
const map = mapRefHolder.current;
const sheetHeight = contentRef.current?.getBoundingClientRect().height ?? 0;
if (!map) return;
+ expandedHeight.current = Math.max(expandedHeight.current, sheetHeight);
+ latestDragHeight.current = sheetHeight;
+ document.documentElement.style.setProperty('--bottom-sheet-offset', `${sheetHeight + 20}px`);
try {
map.setLocation({
center: mobileZoneMapCenter(zoneCenter, map.zoom, sheetHeight, map.projection),
@@ -79,6 +149,7 @@ export function MobileZoneCard({ onBackToResults }: MobileZoneCardProps) {
if (!open) handleClose();
}}
dismissible
+ handleOnly
modal={false}
noBodyStyles
disablePreventScroll
@@ -93,7 +164,16 @@ export function MobileZoneCard({ onBackToResults }: MobileZoneCardProps) {
style={{ maxHeight: 'calc(var(--keyboard-aware-height, 100dvh) - 80px)' }}
>
{t('zone.card')}
-
+
+
+
{selectedZoneId != null && (
= [
{ name: 'main-map', url: '/map' },
@@ -11,6 +12,7 @@ const flows: Array<{ name: string; url: string }> = [
test.describe('A11Y axe-core scan (D-25)', () => {
for (const { name, url } of flows) {
test(`${name}: critical violations === 0`, async ({ page }) => {
+ await mockYandexMaps(page);
await page.goto(url);
await page.waitForLoadState('networkidle');
diff --git a/tests/e2e/atomic-state.spec.ts b/tests/e2e/atomic-state.spec.ts
index 16c0269..bf2c6b9 100644
--- a/tests/e2e/atomic-state.spec.ts
+++ b/tests/e2e/atomic-state.spec.ts
@@ -1,12 +1,22 @@
-import { test, expect } from '@playwright/test';
+import { test, expect, type Request } from '@playwright/test';
+import { mockYandexMaps } from './support/mock-yandex-maps';
+
+test.use({ viewport: { width: 1280, height: 720 }, locale: 'ru-RU' });
+
+const isZonesListRequest = (url: string) => /\/zones(?:\?|$)/.test(url);
test.describe('Atomic state transitions (D-35 NFR-08)', () => {
test('parallel filter+time+zone change → no intermediate flash', async ({ page }) => {
- await page.goto('/map');
- await page.waitForLoadState('networkidle');
+ await mockYandexMaps(page);
+ const errors: string[] = [];
+ page.on('pageerror', (err) => errors.push(err.message));
- // Wait for initial zones rendered
- await expect(page.locator('[class*="ymaps3"]').first()).toBeVisible({ timeout: 10_000 });
+ const initialZones = page.waitForResponse(
+ (response) => isZonesListRequest(response.url()) && response.ok(),
+ { timeout: 30_000 },
+ );
+ await page.goto('/map');
+ await initialZones;
// Trigger 3 state changes near-simultaneously via URL state
const url = new URL(page.url());
@@ -17,60 +27,77 @@ test.describe('Atomic state transitions (D-35 NFR-08)', () => {
// Race: navigation + observe overlay appearance
await page.goto(url.toString());
- // ModeTransitionOverlay should appear during transition
- // Per Phase 3 D-08 + Phase 4 expansion: overlay subscribes to useIsFetching
- // Either appears briefly (preferred) OR is gated below 200ms threshold
- // Acceptance: page reaches stable state without runtime errors
- const errors: string[] = [];
- page.on('pageerror', (err) => errors.push(err.message));
-
await page.waitForLoadState('networkidle', { timeout: 15_000 });
+ await expect(page.locator('#root > *').first()).toBeAttached();
expect(errors, 'no runtime errors during atomic transition').toEqual([]);
});
test('rapid filter toggle → AbortController cascades, only final requests complete', async ({
page,
}) => {
+ await mockYandexMaps(page);
+ const initialZones = page.waitForResponse(
+ (response) => isZonesListRequest(response.url()) && response.ok(),
+ { timeout: 30_000 },
+ );
await page.goto('/map');
- await page.waitForLoadState('networkidle');
+ await initialZones;
+
+ const filterTrigger = page.getByRole('button', { name: /Открыть фильтры/ });
+ await expect(filterTrigger).toBeVisible({ timeout: 20_000 });
+ await filterTrigger.click();
+ const onlyFree = page.getByRole('checkbox', { name: 'Только свободные' });
+ await expect(onlyFree).toBeVisible();
// Track all /zones requests AND their completion status
- const requests: Array<{ url: string; aborted: boolean; completed: boolean }> = [];
+ const requests = new Map();
page.on('request', (req) => {
- if (req.url().includes('/zones')) {
- const entry = { url: req.url(), aborted: false, completed: false };
- requests.push(entry);
- req
- .response()
- .then(() => {
- entry.completed = true;
- })
- .catch(() => {
- entry.aborted = true;
- });
+ if (isZonesListRequest(req.url())) {
+ requests.set(req, { url: req.url(), aborted: false, completed: false });
}
});
+ page.on('requestfinished', (req) => {
+ const entry = requests.get(req);
+ if (entry) entry.completed = true;
+ });
+ page.on('requestfailed', (req) => {
+ const entry = requests.get(req);
+ if (entry) entry.aborted = true;
+ });
- // Toggle filter 5 times rapidly via URL state
- for (let i = 0; i < 5; i++) {
- const url = new URL(page.url());
- url.searchParams.set('fNoFree', i % 2 === 0 ? 'true' : 'false');
- await page.goto(url.toString());
- // No wait — race
- }
+ const finalZones = page.waitForResponse(
+ (response) =>
+ isZonesListRequest(response.url()) &&
+ new URL(response.url()).searchParams.get('min_free_count') === '1' &&
+ response.ok(),
+ { timeout: 10_000 },
+ );
- await page.waitForLoadState('networkidle', { timeout: 10_000 });
+ // Toggle inside one mounted application. The mock /zones endpoint has a
+ // small realistic delay, so superseded React Query requests remain in
+ // flight long enough for AbortSignal cancellation to be observable.
+ await onlyFree.evaluate(async (element) => {
+ const input = element as HTMLInputElement;
+ for (let i = 0; i < 5; i += 1) {
+ input.click();
+ await new Promise((resolve) => window.setTimeout(resolve, 25));
+ }
+ });
- // I-2 fix: tightened heuristic.
- // After 5 rapid toggles, AbortController should cancel earlier requests;
- // only the LAST request per query-key should complete.
- // Expected: ≤ 2 completed (final /zones list + possibly /zones/ for selected zone).
- // If completed > 2 → AbortController is missing on filter changes → REGRESSION (NFR-08).
- const completedRequests = requests.filter((r) => r.completed && !r.aborted);
+ const finalResponse = await finalZones;
+ await finalResponse.finished();
+ await expect(page).toHaveURL(/fNoFree=true/);
+
+ const requestEntries = [...requests.values()];
+ expect(
+ requestEntries.length,
+ 'rapid toggles should start multiple /zones list requests',
+ ).toBeGreaterThan(1);
+ const completedRequests = requestEntries.filter((r) => r.completed && !r.aborted);
expect(
completedRequests.length,
- `Expected ≤2 completed /zones requests after 5 rapid toggles (final list + final detail). Got ${completedRequests.length}. AbortController may be missing or misconfigured. Heuristic rationale: 5 toggles × 1 zones query + 1 settle slack = ≤6 raw; with abort cascade = ≤2 completed.`,
- ).toBeLessThanOrEqual(2);
+ `Expected only the final /zones list request to complete; got ${completedRequests.length} of ${requestEntries.length}.`,
+ ).toBeLessThanOrEqual(1);
});
});
diff --git a/tests/e2e/filters.spec.ts b/tests/e2e/filters.spec.ts
index f6b89bd..e189191 100644
--- a/tests/e2e/filters.spec.ts
+++ b/tests/e2e/filters.spec.ts
@@ -1,61 +1,57 @@
import { test, expect } from '@playwright/test';
+test.use({ viewport: { width: 1280, height: 720 }, locale: 'ru-RU' });
+
test.describe('Phase 2 filters — URL serialization (FILTER-12)', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/');
- // ждём mount FiltersToolbar
- await expect(page.getByRole('toolbar', { name: 'Фильтры парковок' })).toBeVisible({
- timeout: 10_000,
- });
+ const trigger = page.getByRole('button', { name: /Открыть фильтры/ });
+ await expect(trigger).toBeVisible({ timeout: 20_000 });
+ await trigger.click();
+ await expect(page.getByRole('heading', { name: 'Фильтры парковок' })).toBeVisible();
});
test('hideNoFree → ?fNoFree=true в URL (FILTER-01)', async ({ page }) => {
- await page.getByRole('button', { name: /Только свободные/ }).click();
+ await page.getByRole('checkbox', { name: 'Только свободные' }).check();
await expect(page).toHaveURL(/fNoFree=true/);
});
test('hidePrivate → ?fNoPriv=true в URL (FILTER-04)', async ({ page }) => {
- await page.getByRole('button', { name: /Без частных/ }).click();
+ await page.getByRole('checkbox', { name: 'Скрыть частные' }).check();
await expect(page).toHaveURL(/fNoPriv=true/);
});
test('hideAccessible → ?fNoAcc=true в URL (FILTER-05)', async ({ page }) => {
- await page.getByRole('button', { name: /Без для инвалидов/ }).click();
+ await page.getByRole('checkbox', { name: 'Инвалидные парковки' }).check();
await expect(page).toHaveURL(/fNoAcc=true/);
});
test('hideInactive (default true) → toggle off → ?fInactive=false (FILTER-07)', async ({
page,
}) => {
- await page.getByRole('button', { name: /Скрыть неактивные/ }).click();
+ await page.getByRole('checkbox', { name: 'Скрыть неактивные' }).uncheck();
await expect(page).toHaveURL(/fInactive=false/);
});
test('locationType chip in popover → ?fLoc=street (FILTER-06)', async ({ page }) => {
- // Sub-step: открыть popover (chip-trigger «Тип: все») → внутри отметить чек-бокс «Улица»
- await page.getByRole('button', { name: /Тип расположения парковки/ }).click();
await page.getByRole('checkbox', { name: 'Улица' }).check();
await expect(page).toHaveURL(/fLoc=street/);
});
test('minConf slider в popover → ?fMinConf=... в URL (FILTER-02)', async ({ page }) => {
- // Sub-step: открыть popover «Уверенность ≥ 0%» → взаимодействовать со slider'ом
- await page.getByRole('button', { name: /Минимальная уверенность данных/ }).click();
- // .nth(1): aria-label дублируется на trigger'е и на range-input'е внутри popover
- const slider = page.getByLabel('Минимальная уверенность данных').nth(1);
+ const slider = page.getByRole('slider', { name: 'Минимальная уверенность данных' });
await slider.fill('0.5');
await expect(page).toHaveURL(/fMinConf=0\.5/);
});
test('maxPay slider в popover → ?fMaxPay=... в URL (FILTER-03)', async ({ page }) => {
- await page.getByRole('button', { name: /Максимальная цена в час/ }).click();
- const slider = page.getByLabel('Максимальная цена в час').nth(1);
+ const slider = page.getByRole('slider', { name: 'Максимальная цена в час' });
await slider.fill('200');
await expect(page).toHaveURL(/fMaxPay=200/);
});
test('Сброс — кнопка появляется и очищает URL', async ({ page }) => {
- await page.getByRole('button', { name: /Только свободные/ }).click();
+ await page.getByRole('checkbox', { name: 'Только свободные' }).check();
await expect(page).toHaveURL(/fNoFree/);
await page.getByRole('button', { name: /^Сбросить$/ }).click();
await expect(page).not.toHaveURL(/fNoFree/);
@@ -68,11 +64,12 @@ test.describe('Phase 2 filters — URL serialization (FILTER-12)', () => {
await expect(page).not.toHaveURL(/fNoFree/);
// Toggle ON
- await page.getByRole('button', { name: /Только свободные/i }).click();
+ const onlyFree = page.getByRole('checkbox', { name: 'Только свободные' });
+ await onlyFree.check();
await expect(page).toHaveURL(/fNoFree=true/);
// Toggle OFF — должен удалить параметр (clearOnDefault через nuqs)
- await page.getByRole('button', { name: /Только свободные/i }).click();
+ await onlyFree.uncheck();
await expect(page).not.toHaveURL(/fNoFree/);
});
});
diff --git a/tests/e2e/map.spec.ts b/tests/e2e/map.spec.ts
index 21d7c87..c1a3e31 100644
--- a/tests/e2e/map.spec.ts
+++ b/tests/e2e/map.spec.ts
@@ -1,6 +1,8 @@
import { test, expect } from '@playwright/test';
+import { mockYandexMaps } from './support/mock-yandex-maps';
test('карта монтируется и показывает зоны (badges visible at zoom >= 14)', async ({ page }) => {
+ await mockYandexMaps(page);
await page.goto('/');
// MapPage → MapCanvas → ZoneLayer (после первого ответа /zones) + ZoneBadgesLayer.
// Таймаут с запасом под загрузку ymaps3-CDN на медленных машинах.
@@ -11,6 +13,8 @@ test('карта монтируется и показывает зоны (badges
test('MAP-05: непрерывный пан 5с → не более 3 запросов /zones (debounce + AbortSignal)', async ({
page,
}) => {
+ test.setTimeout(45_000);
+ await mockYandexMaps(page);
const zonesRequests: string[] = [];
page.on('request', (req) => {
const url = req.url();
diff --git a/tests/e2e/real-api.spec.ts b/tests/e2e/real-api.spec.ts
index 7d3e55a..00215f0 100644
--- a/tests/e2e/real-api.spec.ts
+++ b/tests/e2e/real-api.spec.ts
@@ -101,7 +101,7 @@ test.describe('Real API smoke (D-16)', () => {
provider: 'yandex',
},
});
- expect(r.status(), `POST /routing/new returned ${r.status()}`).toBe(200);
+ expect([200, 201], `POST /routing/new returned ${r.status()}`).toContain(r.status());
const data = await r.json();
// Per routing.mdx §8.5 Route model — `selected_candidate` is required.
expect(data).toHaveProperty('selected_candidate');
diff --git a/tests/e2e/support/mock-yandex-maps.ts b/tests/e2e/support/mock-yandex-maps.ts
new file mode 100644
index 0000000..844d938
--- /dev/null
+++ b/tests/e2e/support/mock-yandex-maps.ts
@@ -0,0 +1,104 @@
+import type { Page } from '@playwright/test';
+
+const YANDEX_MAPS_STUB = String.raw`
+(() => {
+ const controlsModule = { __parktrackModule: 'controls' };
+
+ function createReactify(React) {
+ const Empty = () => null;
+ const Container = ({ children }) => React.createElement(React.Fragment, null, children);
+ const Marker = ({ children }) =>
+ React.createElement('div', { className: 'ymaps3-stub-marker' }, children);
+ const Control = ({ children }) => React.createElement('button', { type: 'button' }, children);
+ const Map = React.forwardRef(function YandexMapStub({ children, location }, ref) {
+ const locationRef = React.useRef(location);
+ locationRef.current = location;
+
+ React.useImperativeHandle(
+ ref,
+ () => ({
+ update(next) {
+ locationRef.current = { ...locationRef.current, ...next };
+ },
+ setLocation(next) {
+ locationRef.current = { ...locationRef.current, ...next };
+ },
+ get zoom() {
+ return locationRef.current?.zoom ?? 15;
+ },
+ zoomRange: { min: 0, max: 21 },
+ }),
+ [],
+ );
+
+ return React.createElement(
+ 'div',
+ {
+ className: 'ymaps3-stub',
+ 'data-testid': 'yandex-map-stub',
+ style: { position: 'absolute', inset: 0 },
+ },
+ children,
+ );
+ });
+
+ const core = {
+ YMap: Map,
+ YMapDefaultSchemeLayer: Empty,
+ YMapDefaultFeaturesLayer: Empty,
+ YMapFeature: Empty,
+ YMapMarker: Marker,
+ YMapListener: Empty,
+ YMapFeatureDataSource: Container,
+ YMapLayer: Empty,
+ YMapControls: Container,
+ YMapControlButton: Control,
+ };
+ const controls = {
+ YMapZoomControl: Empty,
+ YMapGeolocationControl: Empty,
+ YMapRotateTiltControl: Empty,
+ };
+
+ return {
+ module(value) {
+ return value?.__parktrackModule === 'controls' ? controls : core;
+ },
+ useDefault(value) {
+ return value;
+ },
+ };
+ }
+
+ const importPackage = async (packageName) => {
+ if (packageName === '@yandex/ymaps3-reactify') {
+ return {
+ reactify: {
+ bindTo(React) {
+ return createReactify(React);
+ },
+ },
+ };
+ }
+ if (packageName === '@yandex/ymaps3-default-ui-theme') return controlsModule;
+ return {};
+ };
+ importPackage.registerCdn = () => {};
+
+ window.ymaps3 = {
+ __parktrackModule: 'core',
+ ready: Promise.resolve(),
+ import: importPackage,
+ search: async () => [],
+ };
+})();
+`;
+
+export async function mockYandexMaps(page: Page): Promise {
+ // The app starts MSW before rendering. A service worker handles requests
+ // before Playwright's page.route(), so routing the SDK URL here would let an
+ // unhandled MSW request reach Yandex with the fake CI key. Install the shim
+ // before any application script instead; loadYmaps() then sees ymaps3 and
+ // never creates the external SDK script element.
+ await page.addInitScript({ content: YANDEX_MAPS_STUB });
+}
diff --git a/tests/e2e/time-selector.spec.ts b/tests/e2e/time-selector.spec.ts
index 3279708..a28f93c 100644
--- a/tests/e2e/time-selector.spec.ts
+++ b/tests/e2e/time-selector.spec.ts
@@ -1,57 +1,118 @@
import { test, expect } from '@playwright/test';
+import type { Page } from '@playwright/test';
+
+test.use({ viewport: { width: 1280, height: 720 } });
+test.setTimeout(60_000);
+
+const returnToNowButtonName = /Вернуться к Сейчас|Return to Now/i;
+const hourAgoButtonName = /Час назад|An hour ago/i;
+const inAnHourButtonName = /Через час|In an hour/i;
+
+function timeParam(page: Page): string | null {
+ return new URL(page.url()).searchParams.get('t');
+}
+
+async function openTimeSelector(page: Page) {
+ try {
+ await page.waitForSelector('#root > *', { state: 'attached', timeout: 30_000 });
+ } catch (error) {
+ const title = await page.title().catch(() => '');
+ const rootHtml = await page
+ .locator('#root')
+ .evaluate((root) => root.innerHTML.slice(0, 2000))
+ .catch(() => '<root unavailable>');
+ const pageContent = await page
+ .content()
+ .then((content) => content.slice(0, 2000))
+ .catch(() => '<page content unavailable>');
+ throw new Error(
+ [
+ 'Application did not render inside #root.',
+ `url=${page.url()}`,
+ `title=${title}`,
+ `rootHtml=${rootHtml}`,
+ `pageContentStart=${pageContent}`,
+ error instanceof Error ? error.message : String(error),
+ ].join('\n'),
+ );
+ }
+
+ const timeButton = page
+ .getByTestId('time-selector-trigger')
+ .or(page.getByRole('button', { name: /Время|Time|Сейчас|Now/i }))
+ .first();
+
+ try {
+ await expect(timeButton).toBeVisible({ timeout: 30_000 });
+ } catch (error) {
+ const title = await page.title().catch(() => '<title unavailable>');
+ const rootHtml = await page
+ .locator('#root')
+ .evaluate((root) => root.innerHTML.slice(0, 2000))
+ .catch(() => '<root unavailable>');
+ throw new Error(
+ [
+ 'Time selector trigger did not render.',
+ `url=${page.url()}`,
+ `title=${title}`,
+ `rootHtml=${rootHtml}`,
+ error instanceof Error ? error.message : String(error),
+ ].join('\n'),
+ );
+ }
+
+ await timeButton.click();
+ await expect(page.getByTestId('time-selector-content')).toBeVisible({ timeout: 20_000 });
+}
test.describe('Phase 3 — TimeSelector URL serialization', () => {
test.beforeEach(async ({ page }) => {
+ await page.setViewportSize({ width: 1280, height: 720 });
await page.goto('/');
- // Auth-ready ~500мс + TimeSelectorStrip mount
- await expect(page.getByRole('toolbar', { name: 'Селектор времени' })).toBeVisible({
- timeout: 10_000,
- });
+ await openTimeSelector(page);
});
- test('Прошлое → URL содержит ?t=past:ISO', async ({ page }) => {
- await page.getByRole('button', { name: 'Прошлое' }).click();
- await expect(page).toHaveURL(/[?&]t=past%3A/);
+ test('Прошлое → URL содержит ISO в прошлом', async ({ page }) => {
+ await page.getByRole('button', { name: hourAgoButtonName }).click();
+ await expect.poll(() => timeParam(page)).toMatch(/^\d{4}-\d{2}-\d{2}T.+Z$/);
+ expect(Date.parse(timeParam(page)!)).toBeLessThan(Date.now());
});
- test('Будущее → URL содержит ?t=future:ISO', async ({ page }) => {
- await page.getByRole('button', { name: 'Будущее' }).click();
- await expect(page).toHaveURL(/[?&]t=future%3A/);
+ test('Будущее → URL содержит ISO в будущем', async ({ page }) => {
+ await page.getByRole('button', { name: inAnHourButtonName }).click();
+ await expect.poll(() => timeParam(page)).toMatch(/^\d{4}-\d{2}-\d{2}T.+Z$/);
+ expect(Date.parse(timeParam(page)!)).toBeGreaterThan(Date.now());
});
test('Сейчас (default) → URL не содержит ?t= (clearOnDefault)', async ({ page }) => {
- await page.getByRole('button', { name: 'Прошлое' }).click();
- await expect(page).toHaveURL(/[?&]t=past/);
- await page.getByRole('button', { name: 'Сейчас' }).click();
- await expect(page).not.toHaveURL(/[?&]t=/);
+ await page.getByRole('button', { name: hourAgoButtonName }).click();
+ await expect.poll(() => timeParam(page)).not.toBeNull();
+ await page.getByRole('button', { name: returnToNowButtonName }).click();
+ await expect.poll(() => timeParam(page)).toBeNull();
});
test('Reset CTA «Вернуться к Сейчас» очищает URL', async ({ page }) => {
- await page.getByRole('button', { name: 'Прошлое' }).click();
- await expect(page).toHaveURL(/[?&]t=past/);
- await page
- .getByRole('button', { name: /Вернуться к Сейчас/ })
- .first()
- .click();
- await expect(page).not.toHaveURL(/[?&]t=/);
+ await page.getByRole('button', { name: inAnHourButtonName }).click();
+ await expect.poll(() => timeParam(page)).not.toBeNull();
+ await page.getByRole('button', { name: returnToNowButtonName }).first().click();
+ await expect.poll(() => timeParam(page)).toBeNull();
});
test('Preset «Час назад» → URL обновлён', async ({ page }) => {
- await page.getByRole('button', { name: 'Прошлое' }).click();
- await expect(page).toHaveURL(/[?&]t=past%3A/);
const before = page.url();
- await page.getByRole('button', { name: 'Час назад' }).click();
+ await page.getByRole('button', { name: hourAgoButtonName }).click();
// URL должен поменяться (новый ISO timestamp)
await expect.poll(() => page.url(), { timeout: 2000 }).not.toBe(before);
- await expect(page).toHaveURL(/[?&]t=past%3A/);
+ await expect.poll(() => timeParam(page)).toMatch(/^\d{4}-\d{2}-\d{2}T.+Z$/);
});
- test('Deeplink ?t=past:ISO → segment «Прошлое» pressed при загрузке', async ({ page }) => {
+ test('Deeplink ?t=past:ISO → прошлый режим восстановлен при загрузке', async ({ page }) => {
+ await page.setViewportSize({ width: 1280, height: 720 });
await page.goto('/?t=past:2026-04-22T09:00:00.000Z');
- await expect(page.getByRole('button', { name: 'Прошлое' })).toHaveAttribute(
- 'aria-pressed',
- 'true',
- { timeout: 10_000 },
- );
+ await openTimeSelector(page);
+ await expect(page.getByRole('button', { name: returnToNowButtonName })).toBeVisible({
+ timeout: 10_000,
+ });
+ expect(timeParam(page)).toBe('past:2026-04-22T09:00:00.000Z');
});
});