dawarich/e2e/v2/map/navigation.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

66 lines
2.2 KiB
JavaScript

import { test, expect } from '@playwright/test'
import { closeOnboardingModal } from '../../helpers/navigation.js'
import {
navigateToMapsV2,
waitForMapLibre,
getMapZoom
} from '../helpers/setup.js'
test.describe('Map Navigation', () => {
test.beforeEach(async ({ page }) => {
await navigateToMapsV2(page)
await closeOnboardingModal(page)
})
test.describe('Controls', () => {
test('displays navigation controls', async ({ page }) => {
await waitForMapLibre(page)
const navControls = page.locator('.maplibregl-ctrl-top-right')
await expect(navControls).toBeVisible()
const zoomIn = page.locator('.maplibregl-ctrl-zoom-in')
const zoomOut = page.locator('.maplibregl-ctrl-zoom-out')
await expect(zoomIn).toBeVisible()
await expect(zoomOut).toBeVisible()
})
test('zooms in when clicking zoom in button', async ({ page }) => {
await waitForMapLibre(page)
const initialZoom = await getMapZoom(page)
await page.locator('.maplibregl-ctrl-zoom-in').click()
await page.waitForTimeout(500)
const newZoom = await getMapZoom(page)
expect(newZoom).toBeGreaterThan(initialZoom)
})
test('zooms out when clicking zoom out button', async ({ page }) => {
await waitForMapLibre(page)
// First zoom in to ensure we can zoom out
await page.locator('.maplibregl-ctrl-zoom-in').click()
await page.waitForTimeout(500)
const initialZoom = await getMapZoom(page)
await page.locator('.maplibregl-ctrl-zoom-out').click()
await page.waitForTimeout(500)
const newZoom = await getMapZoom(page)
expect(newZoom).toBeLessThan(initialZoom)
})
})
test.describe('Date Picker', () => {
test('displays date navigation inputs', async ({ page }) => {
const startInput = page.locator('input[type="datetime-local"][name="start_at"]')
const endInput = page.locator('input[type="datetime-local"][name="end_at"]')
const searchButton = page.locator('input[type="submit"][value="Search"]')
await expect(startInput).toBeVisible()
await expect(endInput).toBeVisible()
await expect(searchButton).toBeVisible()
})
})
})