import re from copy import deepcopy import pytest from playwright.sync_api import expect from ..base import DataLayerFactory pytestmark = pytest.mark.django_db DATALAYER_DATA = { "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": { "name": "test marker", "description": "Some description", }, "geometry": { "type": "Point", "coordinates": [14.6889, 48.5529, 241], }, }, ], } @pytest.fixture def bootstrap(map, live_server): DataLayerFactory(map=map, data=DATALAYER_DATA) def test_should_open_popup_on_click(live_server, map, page, bootstrap): page.goto(f"{live_server.url}{map.get_absolute_url()}") expect(page.locator(".umap-icon-active")).to_be_hidden() page.locator(".leaflet-marker-icon").click() expect(page.locator(".umap-icon-active")).to_be_visible() expect(page.locator(".leaflet-popup-content-wrapper")).to_be_visible() expect(page.get_by_role("heading", name="test marker")).to_be_visible() expect(page.get_by_text("Some description")).to_be_visible() # Close popup, clicking on the map, but outside of the popup. page.locator("#map").click(position={"x": 50, "y": 50}) expect(page.locator(".umap-icon-active")).to_be_hidden() def test_should_handle_locale_var_in_description(live_server, map, page): data = deepcopy(DATALAYER_DATA) data["features"][0]["properties"]["description"] = ( "this is a link to [[https://domain.org/?locale={locale}|Wikipedia]]" ) DataLayerFactory(map=map, data=data) page.goto(f"{live_server.url}{map.get_absolute_url()}") page.locator(".leaflet-marker-icon").click() link = page.get_by_role("link", name="Wikipedia") expect(link).to_be_visible() expect(link).to_have_attribute("href", "https://domain.org/?locale=en") def test_should_use_custom_label_key_in_popup_default_template(live_server, map, page): data = deepcopy(DATALAYER_DATA) data["features"][0]["properties"] = { "libellé": "my custom label", } data["_umap_options"] = {"labelKey": "libellé"} DataLayerFactory(map=map, data=data) page.goto(f"{live_server.url}{map.get_absolute_url()}") page.locator(".leaflet-marker-icon").click() expect(page.locator(".umap-popup h4")).to_have_text("my custom label") def test_should_display_tooltip_with_variable(live_server, map, page, bootstrap): map.settings["properties"]["showLabel"] = True map.settings["properties"]["labelKey"] = "Foo {name}" map.save() page.goto(f"{live_server.url}{map.get_absolute_url()}") expect(page.get_by_text("Foo test marker")).to_be_visible() def test_should_open_popup_panel_on_click(live_server, map, page, bootstrap): map.settings["properties"]["popupShape"] = "Panel" map.save() page.goto(f"{live_server.url}{map.get_absolute_url()}") panel = page.locator(".panel.left.on") expect(panel).to_be_hidden() page.locator(".leaflet-marker-icon").click() expect(panel).to_be_visible() expect(panel).to_have_class(re.compile(".*expanded.*")) expect(panel.get_by_role("heading", name="test marker")).to_be_visible() expect(panel.get_by_text("Some description")).to_be_visible() # Close popup page.locator("#map").click() expect(panel).to_be_hidden() def test_extended_properties_in_popup(live_server, map, page, bootstrap): map.settings["properties"]["popupContentTemplate"] = """ Rank: {rank} Locale: {locale} Lang: {lang} Lat: {lat} Lon: {lon} Alt: {alt} Zoom: {zoom} Layer: {layer} """ map.save() page.goto(f"{live_server.url}{map.get_absolute_url()}") expect(page.locator(".umap-icon-active")).to_be_hidden() page.locator(".leaflet-marker-icon").click() expect(page.locator(".umap-icon-active")).to_be_visible() expect(page.locator(".leaflet-popup-content-wrapper")).to_be_visible() expect(page.get_by_text("Rank: 1")).to_be_visible() expect(page.get_by_text("Locale: en")).to_be_visible() expect(page.get_by_text("Lang: en")).to_be_visible() expect(page.get_by_text("Lat: 48.5529")).to_be_visible() expect(page.get_by_text("Lon: 14.6889")).to_be_visible() expect(page.get_by_text("Alt: 241")).to_be_visible() expect(page.get_by_text("Zoom: 7")).to_be_visible() expect(page.get_by_text("Layer: test datalayer")).to_be_visible() def test_only_visible_markers_are_added_to_dom(live_server, map, page): data = { "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": { "name": "marker 1", "description": "added to dom", }, "geometry": { "type": "Point", "coordinates": [14.6, 48.5], }, }, { "type": "Feature", "properties": { "name": "marker 2", "description": "not added to dom at load", }, "geometry": { "type": "Point", "coordinates": [12.6, 44.5], }, }, ], } DataLayerFactory(map=map, data=data) map.settings["properties"]["showLabel"] = True map.save() page.goto(f"{live_server.url}{map.get_absolute_url()}") markers = page.locator(".leaflet-marker-icon") tooltips = page.locator(".leaflet-tooltip") expect(markers).to_have_count(1) expect(tooltips).to_have_count(1) # Zoom in/out to show the other marker page.get_by_label("Zoom out").click() expect(markers).to_have_count(2) expect(tooltips).to_have_count(2) page.get_by_label("Zoom in").click() expect(markers).to_have_count(1) expect(tooltips).to_have_count(1) # Drag map to show/hide the marker map_el = page.locator("#map") map_el.drag_to( map_el, source_position={"x": 100, "y": 600}, target_position={"x": 100, "y": 200}, ) expect(markers).to_have_count(2) expect(tooltips).to_have_count(2) map_el.drag_to( map_el, source_position={"x": 100, "y": 600}, target_position={"x": 100, "y": 200}, ) expect(markers).to_have_count(1) expect(tooltips).to_have_count(1) def test_should_display_tooltip_on_hover(live_server, map, page, bootstrap): map.settings["properties"]["showLabel"] = None map.settings["properties"]["labelKey"] = "Foo {name}" map.save() page.goto(f"{live_server.url}{map.get_absolute_url()}") expect(page.get_by_text("Foo test marker")).to_be_hidden() page.locator(".leaflet-marker-icon").hover() expect(page.get_by_text("Foo test marker")).to_be_visible()