tests: Add on_edit integration tests

umap/tests/integration/test_on_edit.py

@@ -0,0 +1,186 @@
+import re
+
+from playwright.sync_api import expect
+
+from umap.models import DataLayer, Map
+
+from ..base import DataLayerFactory
+
+
+def test_map_name_impacts_ui(live_server, page, tilelayer):
+    page.goto(f"{live_server.url}/en/map/new/")
+
+    gear_icon = page.get_by_title("Edit map properties")
+    expect(gear_icon).to_be_visible()
+    gear_icon.click()
+
+    name_input = page.locator("form").locator('input[name="name"]').first
+    expect(name_input).to_be_visible()
+
+    name_input.fill("something else")
+
+    expect(page.get_by_role("button", name="something else").nth(1)).to_be_visible()
+
+
+def test_zoomcontrol_impacts_ui(live_server, page, tilelayer):
+    page.goto(f"{live_server.url}/en/map/new/")
+
+    gear_icon = page.get_by_title("Edit map properties")
+    expect(gear_icon).to_be_visible()
+    gear_icon.click()
+
+    # Should be visible by default
+    zoom_in = page.get_by_label("Zoom in")
+    zoom_out = page.get_by_label("Zoom out")
+
+    expect(zoom_in).to_be_visible()
+    expect(zoom_out).to_be_visible()
+
+    # Hide them
+    page.get_by_role("heading", name="User interface options").click()
+    hide_zoom_controls = (
+        page.locator("div")
+        .filter(has_text=re.compile(r"^Display the zoom control"))
+        .locator("label")
+        .nth(2)
+    )
+    hide_zoom_controls.click()
+
+    expect(zoom_in).to_be_hidden()
+    expect(zoom_out).to_be_hidden()
+
+
+def test_map_color_impacts_data(live_server, page, tilelayer):
+    page.goto(f"{live_server.url}/en/map/new/")
+
+    gear_icon = page.get_by_title("Edit map properties")
+    expect(gear_icon).to_be_visible()
+    gear_icon.click()
+
+    # Click on the Draw a marker button on a new map.
+    create_marker_p1 = page.get_by_title("Draw a marker")
+    expect(create_marker_p1).to_be_visible()
+    create_marker_p1.click()
+
+    # Add a new marker
+    marker_pane_p1 = page.locator(".leaflet-marker-pane > div")
+    map_el = page.locator("#map")
+    map_el.click(position={"x": 200, "y": 200})
+    expect(marker_pane_p1).to_have_count(1)
+
+    # Change the default color
+    page.get_by_role("heading", name="Shape properties").click()
+    page.locator("#umap-feature-shape-properties").get_by_text("define").first.click()
+    page.get_by_title("Lime", exact=True).click()
+
+    # Assert the new color was used
+    marker_style = page.locator(".leaflet-marker-icon .icon_container").get_attribute(
+        "style"
+    )
+    assert "lime" in marker_style
+
+
+def test_limitbounds_impacts_ui(live_server, page, tilelayer):
+    page.goto(f"{live_server.url}/en/map/new/")
+
+    gear_icon = page.get_by_title("Edit map properties")
+    expect(gear_icon).to_be_visible()
+    gear_icon.click()
+
+    page.get_by_role("heading", name="Limit bounds").click()
+    default_zoom_url = f"{live_server.url}/en/map/new/#5/51.110/7.053"
+    page.goto(default_zoom_url)
+    page.get_by_role("button", name="Use current bounds").click()
+
+    zoom_in = page.get_by_label("Zoom in")
+    zoom_out = page.get_by_label("Zoom out")
+
+    # It should be possible to zoom in
+    zoom_in.click()
+    page.wait_for_timeout(500)
+    assert page.url != default_zoom_url
+
+    # But not to zoom out of the window
+    zoom_out.click()  # back to normal
+    page.wait_for_timeout(500)
+    assert "leaflet-disabled" in zoom_out.get_attribute("class")
+
+
+def test_sortkey_impacts_datalayerindex(map, live_server, page):
+    # Create points with a "key" property.
+    # But we want them to sort by key (First, Second, Third)
+    DataLayerFactory(
+        map=map,
+        data={
+            "type": "FeatureCollection",
+            "features": [
+                {
+                    "type": "Feature",
+                    "geometry": {
+                        "type": "Point",
+                        "coordinates": [13.6, 48.5],
+                    },
+                    "properties": {"name": "Z First", "key": "1st Point"},
+                },
+                {
+                    "type": "Feature",
+                    "geometry": {
+                        "type": "Point",
+                        "coordinates": [13.7, 48.4],
+                    },
+                    "properties": {"name": "Y Second", "key": "3d Point"},
+                },
+                {
+                    "type": "Feature",
+                    "geometry": {
+                        "type": "Point",
+                        "coordinates": [13.5, 48.6],
+                    },
+                    "properties": {"name": "X Third", "key": "2d Point"},
+                },
+            ],
+        },
+    )
+    map.edit_status = Map.ANONYMOUS
+    datalayer = map.datalayer_set.first()
+    datalayer.edit_status = DataLayer.ANONYMOUS
+    datalayer.save()
+    map.save()
+    page.goto(f"{live_server.url}{map.get_absolute_url()}")
+
+    # By default, features are sorted by name  (Third, Second, First)
+    page.get_by_role("button", name="See data layers").click()
+    page.get_by_role("button", name="Browse data").click()
+
+    first_listed_feature = page.locator("#browse_data_datalayer_123 > ul > li").nth(0)
+    second_listed_feature = page.locator("#browse_data_datalayer_123 > ul > li").nth(1)
+    third_listed_feature = page.locator("#browse_data_datalayer_123 > ul > li").nth(2)
+    assert "X Third" == first_listed_feature.text_content()
+    assert "Y Second" == second_listed_feature.text_content()
+    assert "Z First" == third_listed_feature.text_content()
+
+    # Change the default sortkey to be "key"
+    page.get_by_role("button", name="Edit").click()
+    page.get_by_role("link", name="Edit map properties").click()
+    page.get_by_role("heading", name="Default properties").click()
+
+    # Click "define"
+    page.locator(
+        "div:nth-child(5) > .fields > .umap-form > div:nth-child(4) > .header > a:nth-child(2)"
+    ).click()
+    page.locator('input[name="sortKey"]').click()
+    page.locator('input[name="sortKey"]').fill("key")
+
+    # Click the checkmark to apply the changes
+    page.locator("div:nth-child(4) > div:nth-child(2) > .button").first.click()
+
+    # Features should be sorted by key  (First, Second, Third)
+    page.get_by_role("button", name="See data layers").click()
+    page.get_by_role("button", name="Browse data").click()
+
+    first_listed_feature = page.locator("#browse_data_datalayer_123 > ul > li").nth(0)
+    second_listed_feature = page.locator("#browse_data_datalayer_123 > ul > li").nth(1)
+    third_listed_feature = page.locator("#browse_data_datalayer_123 > ul > li").nth(2)
+    assert "Z First" == first_listed_feature.text_content()
+    assert "Y Second" == second_listed_feature.text_content()
+    assert "X Third" == third_listed_feature.text_content()