dawarich/e2e/v2/map/interactions.spec.js
Evgenii Burmakin 8934c29fce
0.36.2 (#2007)
* fix: move foreman to global gems to fix startup crash (#1971)

* Update exporting code to stream points data to file in batches to red… (#1980)

* Update exporting code to stream points data to file in batches to reduce memory usage

* Update changelog

* Update changelog

* Feature/maplibre frontend (#1953)

* Add a plan to use MapLibre GL JS for the frontend map rendering, replacing Leaflet

* Implement phase 1

* Phases 1-3 + part of 4

* Fix e2e tests

* Phase 6

* Implement fog of war

* Phase 7

* Next step: fix specs, phase 7 done

* Use our own map tiles

* Extract v2 map logic to separate manager classes

* Update settings panel on v2 map

* Update v2 e2e tests structure

* Reimplement location search in maps v2

* Update speed routes

* Implement visits and places creation in v2

* Fix last failing test

* Implement visits merging

* Fix a routes e2e test and simplify the routes layer styling.

* Extract js to modules from maps_v2_controller.js

* Implement area creation

* Fix spec problem

* Fix some e2e tests

* Implement live mode in v2 map

* Update icons and panel

* Extract some styles

* Remove unused file

* Start adding dark theme to popups on MapLibre maps

* Make popups respect dark theme

* Move v2 maps to maplibre namespace

* Update v2 references to maplibre

* Put place, area and visit info into side panel

* Update API to use safe settings config method

* Fix specs

* Fix method name to config in SafeSettings and update usages accordingly

* Add missing public files

* Add handling for real time points

* Fix remembering enabled/disabled layers of the v2 map

* Fix lots of e2e tests

* Add settings to select map version

* Use maps/v2 as main path for MapLibre maps

* Update routing

* Update live mode

* Update maplibre controller

* Update changelog

* Remove some console.log statements

---------

Co-authored-by: Robin Tuszik <mail@robin.gg>
2025-12-06 20:54:49 +01:00

64 lines
1.9 KiB
JavaScript

import { test, expect } from '@playwright/test'
import { closeOnboardingModal } from '../../helpers/navigation.js'
import {
navigateToMapsV2WithDate,
waitForLoadingComplete,
clickMapAt,
hasPopup
} from '../helpers/setup.js'
test.describe('Map Interactions', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/map/v2?start_at=2025-10-15T00:00&end_at=2025-10-15T23:59')
await closeOnboardingModal(page)
await waitForLoadingComplete(page)
await page.waitForTimeout(500)
})
test.describe('Point Clicks', () => {
test('shows popup when clicking on point', async ({ page }) => {
await page.waitForTimeout(1000)
// Try clicking at different positions to find a point
const positions = [
{ x: 400, y: 300 },
{ x: 500, y: 300 },
{ x: 600, y: 400 },
{ x: 350, y: 250 }
]
let popupFound = false
for (const pos of positions) {
try {
await clickMapAt(page, pos.x, pos.y)
await page.waitForTimeout(500)
if (await hasPopup(page)) {
popupFound = true
break
}
} catch (error) {
// Click might fail if map is still loading
console.log(`Click at ${pos.x},${pos.y} failed: ${error.message}`)
}
}
if (popupFound) {
const popup = page.locator('.maplibregl-popup')
await expect(popup).toBeVisible()
const popupContent = page.locator('.point-popup')
await expect(popupContent).toBeVisible()
} else {
console.log('No point clicked (points might be clustered or sparse)')
}
})
})
test.describe('Hover Effects', () => {
test('map container is interactive', async ({ page }) => {
const mapContainer = page.locator('[data-maps--maplibre-target="container"]')
await expect(mapContainer).toBeVisible()
})
})
})