andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

LGTM

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-14 08:09:19 +01:00
parent a8165249a4
commit a4103b0896
64 changed files with 5376 additions and 3832 deletions
Download patch file Download diff file Expand all files Collapse all files

21
video/src/dashboard.ts
View file

@ -103,7 +103,7 @@ export class DashboardRecorder {
throw new Error('No recorded hexagon response is available for map clicking');
}
const mapBox = await this.page.locator('[data-tutorial="map"]').boundingBox();
const mapBox = await this.mapBoundingBox();
if (!mapBox) throw new Error('Map container has no bounding box');
const clear = await this.clickableBox(mapBox);
@ -152,6 +152,23 @@ export class DashboardRecorder {
return candidates.slice(0, limit).map(({ score: _score, ...target }) => target);
}
/**
* Locate the map container's bounding box. DesktopMapPage tags it with
* `[data-tutorial="map"]`, but MobileMapPage does not, so on mobile we
* fall back to the maplibre-gl canvas element. The canvas is always
* present once the map has loaded (we already wait for `canvas` in
* prepareTimeline). The first canvas in the document IS the map.
*/
private async mapBoundingBox(): Promise<
{ x: number; y: number; width: number; height: number } | null
> {
const desktopAnchor = this.page.locator('[data-tutorial="map"]').first();
if ((await desktopAnchor.count()) > 0) {
return desktopAnchor.boundingBox();
}
return this.page.locator('canvas').first().boundingBox();
}
/**
* The pixel rect inside `mapBox` that's safe to click — i.e. not under
* the dashboard's left filters pane, right details pane, or (on mobile)
@ -279,7 +296,7 @@ export class DashboardRecorder {
const snapshot = this.lastPostcodes;
if (!snapshot || snapshot.features.length === 0) return [];
const mapBox = await this.page.locator('[data-tutorial="map"]').boundingBox();
const mapBox = await this.mapBoundingBox();
if (!mapBox) throw new Error('Map container has no bounding box');
const clear = await this.clickableBox(mapBox);