mirror of
https://github.com/Freika/dawarich.git
synced 2026-01-10 17:21:38 -05:00
8934c29fce
* 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>
86 lines
3.2 KiB
JavaScript
86 lines
3.2 KiB
JavaScript
import { test, expect } from '@playwright/test'
|
|
import { closeOnboardingModal } from '../../../helpers/navigation.js'
|
|
|
|
test.describe('Heatmap Layer', () => {
|
|
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 page.waitForTimeout(2000)
|
|
})
|
|
|
|
test.describe('Creation', () => {
|
|
test('heatmap layer can be enabled', async ({ page }) => {
|
|
await page.click('button[title="Open map settings"]')
|
|
await page.waitForTimeout(500)
|
|
|
|
await page.click('button[data-tab="layers"]')
|
|
await page.waitForTimeout(300)
|
|
|
|
const heatmapLabel = page.locator('label:has-text("Heatmap")').first()
|
|
const heatmapToggle = heatmapLabel.locator('input.toggle')
|
|
await heatmapToggle.check()
|
|
|
|
// Wait for heatmap layer to be created
|
|
await page.waitForFunction(() => {
|
|
const element = document.querySelector('[data-controller*="maps--maplibre"]')
|
|
if (!element) return false
|
|
const app = window.Stimulus || window.Application
|
|
const controller = app?.getControllerForElementAndIdentifier(element, 'maps--maplibre')
|
|
return controller?.map?.getLayer('heatmap') !== undefined
|
|
}, { timeout: 3000 }).catch(() => false)
|
|
|
|
const hasHeatmap = await page.evaluate(() => {
|
|
const element = document.querySelector('[data-controller*="maps--maplibre"]')
|
|
if (!element) return false
|
|
const app = window.Stimulus || window.Application
|
|
const controller = app?.getControllerForElementAndIdentifier(element, 'maps--maplibre')
|
|
return controller?.map?.getLayer('heatmap') !== undefined
|
|
})
|
|
|
|
expect(hasHeatmap).toBe(true)
|
|
})
|
|
|
|
test('heatmap can be toggled', async ({ page }) => {
|
|
await page.click('button[title="Open map settings"]')
|
|
await page.waitForTimeout(500)
|
|
await page.click('button[data-tab="layers"]')
|
|
await page.waitForTimeout(300)
|
|
|
|
const heatmapToggle = page.locator('label:has-text("Heatmap")').first().locator('input.toggle')
|
|
|
|
await heatmapToggle.check()
|
|
await page.waitForTimeout(500)
|
|
expect(await heatmapToggle.isChecked()).toBe(true)
|
|
|
|
await heatmapToggle.uncheck()
|
|
await page.waitForTimeout(500)
|
|
expect(await heatmapToggle.isChecked()).toBe(false)
|
|
})
|
|
})
|
|
|
|
test.describe('Persistence', () => {
|
|
test('heatmap setting persists', async ({ page }) => {
|
|
await page.click('button[title="Open map settings"]')
|
|
await page.waitForTimeout(500)
|
|
await page.click('button[data-tab="layers"]')
|
|
await page.waitForTimeout(300)
|
|
|
|
const heatmapToggle = page.locator('label:has-text("Heatmap")').first().locator('input.toggle')
|
|
await heatmapToggle.check()
|
|
await page.waitForTimeout(500)
|
|
|
|
const settings = await page.evaluate(() => {
|
|
return localStorage.getItem('dawarich-maps-maplibre-settings')
|
|
})
|
|
|
|
// Settings might be null if not saved yet or only saved to backend
|
|
if (settings) {
|
|
const parsed = JSON.parse(settings)
|
|
expect(parsed.heatmapEnabled).toBe(true)
|
|
} else {
|
|
// If no localStorage settings, verify the toggle is still checked
|
|
expect(await heatmapToggle.isChecked()).toBe(true)
|
|
}
|
|
})
|
|
})
|
|
})
|