m038andClaude Opus 4.8
7407129812
Phase-1 fallout: delete tests for deleted pages, re-point moved-behavior tests to the trip/home page where the content now lives. - maps.spec: keep M4/M7/M8 (home+trip maps); drop M1-3,5,6,9-11 (/map, /dailies & /stories mini-maps) - map-ux: re-point MUX4/5 sort toggle to #trip-sort-toggle on trip page - nav: N1->trip page, N2->home, drop N3 (/stats) + N5 (obsolete skip) - dailies: T1->trip page; T2->trip page with oldest-first assertion; fix T3-T6 stale entry-detail selectors (.entry-* -> .journal-post-*, pre-existing failures from an earlier entry redesign) - stories: S1/S5 -> trip feed story cards ([data-type=story]) - gpx-journey: load MapUtils from the trip page instead of /map - a11y: A4 photo strips -> trip page; drop AX3 (covered by AX2) - post/helpers: verify posted entry on the trip page (ACTIVE_TRIP_URL) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
65 lines
3.3 KiB
JavaScript
65 lines
3.3 KiB
JavaScript
// @ts-check
|
|
// Tests: M4, M7, M8 — MapLibre GL renders on the two live map surfaces (home + trip page).
|
|
// The standalone /map, /dailies mini-map and /stories mini-map surfaces were retired
|
|
// (see docs/working/plans/2026-07-04-standalone-page-cleanup.md); their coverage now
|
|
// lives on the trip and home maps, both driven by MapUtils.initEntryMap().
|
|
// Requires demo data: run `make demo-load` before this suite.
|
|
const { test, expect } = require('@playwright/test');
|
|
|
|
// ── M4: Home map renders MapLibre canvas ─────────────────────────────────────
|
|
test('M4: Home page map renders MapLibre GL canvas without JS errors', async ({ page }) => {
|
|
const errors = [];
|
|
page.on('pageerror', e => errors.push(e.message));
|
|
|
|
await page.goto('/');
|
|
await expect(page.locator('#home-map canvas.maplibregl-canvas')).toBeVisible({ timeout: 10000 });
|
|
expect(errors, 'No JS errors on home page').toHaveLength(0);
|
|
});
|
|
|
|
// ── M7: Clicking a trip-page map marker adds is-highlighted to the entry card ──
|
|
test('M7: clicking map marker briefly highlights the corresponding entry card', async ({ page }) => {
|
|
await page.goto('/trips/italy-2026-demo');
|
|
// Wait for map canvas and at least one marker
|
|
await expect(page.locator('#trip-map canvas.maplibregl-canvas')).toBeVisible({ timeout: 10000 });
|
|
await expect(page.locator('.maplibregl-marker').first()).toBeVisible({ timeout: 15000 });
|
|
|
|
// Wait for tripMap to finish animating (fitBounds animation completes)
|
|
await page.waitForFunction(function () {
|
|
return window.tripMap &&
|
|
!window.tripMap.isMoving() &&
|
|
!window.tripMap.isZooming() &&
|
|
!window.tripMap.isRotating();
|
|
}, { timeout: 15000 });
|
|
|
|
// Click the first marker (force bypasses overlap when start/end share the same location)
|
|
await page.locator('.maplibregl-marker').first().click({ force: true });
|
|
|
|
// Within 500ms of click + delay, one journal-post should have is-highlighted
|
|
await expect(page.locator('.journal-post.is-highlighted')).toBeVisible({ timeout: 1500 });
|
|
});
|
|
|
|
// ── M8: Home map has GPX journey source on active trip ────────────────────────
|
|
test('M8: home map has a journey source after GPX settles (active trip)', async ({ page }) => {
|
|
// Requires travelling: true in user/config/site.yaml.
|
|
// Requires GPX files attached to the active trip (italy-2026-demo has 7).
|
|
const errors = [];
|
|
page.on('pageerror', e => errors.push(e.message));
|
|
|
|
await page.goto('/');
|
|
await expect(page.locator('#home-map canvas.maplibregl-canvas')).toBeVisible({ timeout: 10000 });
|
|
await expect(page.locator('#home-map .maplibregl-marker').first()).toBeVisible({ timeout: 15000 });
|
|
|
|
await page.waitForFunction(function () {
|
|
return window.homeMap &&
|
|
(window.homeMap.getSource('home-journey') !== undefined ||
|
|
window.homeMap.getSource('home-gpx-0') !== undefined);
|
|
}, { timeout: 20000 });
|
|
|
|
const hasSource = await page.evaluate(function () {
|
|
return !!(window.homeMap.getSource('home-journey') || window.homeMap.getSource('home-gpx-0'));
|
|
});
|
|
|
|
expect(hasSource, 'Home map has a journey or GPX source').toBe(true);
|
|
expect(errors, 'No JS errors on home page').toHaveLength(0);
|
|
});
|