umap-project 1.14.0a1__py3-none-any.whl → 1.14.0a2__py3-none-any.whl

umap/static/umap/test/Feature.js

@@ -0,0 +1,382 @@
+describe('L.U.FeatureMixin', function () {
+  before(function () {
+    this.server = sinon.fakeServer.create()
+    this.server.respondWith(
+      /\/datalayer\/62\/\?.*/,
+      JSON.stringify(RESPONSES.datalayer62_GET)
+    )
+    this.map = initMap({ umap_id: 99 })
+    this.datalayer = this.map.getDataLayerByUmapId(62)
+    this.server.respond()
+  })
+  after(function () {
+    this.server.restore()
+    resetMap()
+  })
+
+  describe('#edit()', function () {
+    var link
+
+    it('should have datalayer features created', function () {
+      assert.equal(
+        document.querySelectorAll(
+          '#map > .leaflet-map-pane > .leaflet-overlay-pane path.leaflet-interactive'
+        ).length,
+        2
+      )
+      assert.ok(qs('path[fill="none"]')) // Polyline
+      assert.ok(qs('path[fill="DarkBlue"]')) // Polygon
+    })
+
+    it('should toggle edit panel on shift-clic', function () {
+      enableEdit()
+      happen.click(qs('path[fill="DarkBlue"]'), { shiftKey: true })
+      assert.ok(qs('form#umap-feature-properties'))
+      assert.ok(qs('#map.umap-ui'))
+      happen.click(qs('path[fill="DarkBlue"]'), { shiftKey: true })
+      assert.notOk(qs('#map.umap-ui'))
+    })
+
+    it('should open datalayer edit panel on ctrl-shift-clic', function () {
+      enableEdit()
+      happen.click(qs('path[fill="DarkBlue"]'), { shiftKey: true, ctrlKey: true })
+      assert.ok(qs('div.umap-layer-properties-container'))
+    })
+
+    it('should take into account styles changes made in the datalayer', function () {
+      happen.click(
+        qs('#browse_data_toggle_' + L.stamp(this.datalayer) + ' .layer-edit')
+      )
+      var colorInput = qs('form#datalayer-advanced-properties input[name=color]')
+      changeInputValue(colorInput, 'DarkRed')
+      assert.ok(qs('path[fill="none"]')) // Polyline fill is unchanged
+      assert.notOk(qs('path[fill="DarkBlue"]'))
+      assert.ok(qs('path[fill="DarkRed"]'))
+    })
+
+    it('should open a popup toolbar on feature click', function () {
+      enableEdit()
+      happen.click(qs('path[fill="DarkRed"]'))
+      var toolbar = qs('ul.leaflet-inplace-toolbar')
+      assert.ok(toolbar)
+      link = qs('a.umap-toggle-edit', toolbar)
+      assert.ok(link)
+    })
+
+    it('should open a form on popup toolbar toggle edit click', function () {
+      happen.click(link)
+      var form = qs('form#umap-feature-properties')
+      var input = qs('form#umap-feature-properties input[name="name"]')
+      assert.ok(form)
+      assert.ok(input)
+    })
+
+    it('should not handle _umap_options has normal property', function () {
+      assert.notOk(qs('form#umap-feature-properties input[name="_umap_options"]'))
+    })
+
+    it('should give precedence to feature style over datalayer styles', function () {
+      var input = qs('#umap-ui-container form input[name="color"]')
+      assert.ok(input)
+      changeInputValue(input, 'DarkGreen')
+      assert.notOk(qs('path[fill="DarkRed"]'))
+      assert.notOk(qs('path[fill="DarkBlue"]'))
+      assert.ok(qs('path[fill="DarkGreen"]'))
+      assert.ok(qs('path[fill="none"]')) // Polyline fill is unchanged
+    })
+
+    it('should remove stroke if set to no', function () {
+      assert.notOk(qs('path[stroke="none"]'))
+      var defineButton = qs(
+        '#umap-feature-shape-properties .formbox:nth-child(4) .define'
+      )
+      happen.click(defineButton)
+      var input = qs('#umap-feature-shape-properties input[name="stroke"]')
+      assert.ok(input)
+      input.checked = false
+      happen.once(input, { type: 'change' })
+      assert.ok(qs('path[stroke="none"]'))
+      assert.ok(qs('path[fill="none"]')) // Polyline fill is unchanged
+    })
+
+    it('should not override already set style on features', function () {
+      happen.click(
+        qs('#browse_data_toggle_' + L.stamp(this.datalayer) + ' .layer-edit')
+      )
+      changeInputValue(qs('#umap-ui-container form input[name=color]'), 'Chocolate')
+      assert.notOk(qs('path[fill="DarkBlue"]'))
+      assert.notOk(qs('path[fill="DarkRed"]'))
+      assert.notOk(qs('path[fill="Chocolate"]'))
+      assert.ok(qs('path[fill="DarkGreen"]'))
+      assert.ok(qs('path[fill="none"]')) // Polyline fill is unchanged
+    })
+
+    it('should reset style on cancel click', function () {
+      clickCancel()
+      assert.ok(qs('path[fill="none"]')) // Polyline fill is unchanged
+      assert.ok(qs('path[fill="DarkBlue"]'))
+      assert.notOk(qs('path[fill="DarkRed"]'))
+    })
+
+    it('should set map.editedFeature on edit', function () {
+      enableEdit()
+      assert.notOk(this.map.editedFeature)
+      happen.click(qs('path[fill="DarkBlue"]'))
+      happen.click(qs('ul.leaflet-inplace-toolbar a.umap-toggle-edit'))
+      assert.ok(this.map.editedFeature)
+      disableEdit()
+    })
+
+    it('should reset map.editedFeature on panel open', function (done) {
+      enableEdit()
+      assert.notOk(this.map.editedFeature)
+      happen.click(qs('path[fill="DarkBlue"]'))
+      happen.click(qs('ul.leaflet-inplace-toolbar a.umap-toggle-edit'))
+      assert.ok(this.map.editedFeature)
+      this.map.displayCaption()
+      window.setTimeout(function () {
+        assert.notOk(this.map.editedFeature)
+        disableEdit()
+        done()
+      }, 1001) // CSS transition time.
+    })
+  })
+
+  describe('#utils()', function () {
+    var poly, marker
+    function setFeatures(datalayer) {
+      datalayer.eachLayer(function (layer) {
+        if (!poly && layer instanceof L.Polygon) {
+          poly = layer
+        }
+        if (!marker && layer instanceof L.Marker) {
+          marker = layer
+        }
+      })
+    }
+    it('should generate a valid geojson', function () {
+      setFeatures(this.datalayer)
+      assert.ok(poly)
+      assert.deepEqual(poly.toGeoJSON().geometry, {
+        type: 'Polygon',
+        coordinates: [
+          [
+            [11.25, 53.585984],
+            [10.151367, 52.975108],
+            [12.689209, 52.167194],
+            [14.084473, 53.199452],
+            [12.634277, 53.618579],
+            [11.25, 53.585984],
+            [11.25, 53.585984],
+          ],
+        ],
+      })
+      // Ensure original latlngs has not been modified
+      assert.equal(poly.getLatLngs()[0].length, 6)
+    })
+
+    it('should remove empty _umap_options from exported geojson', function () {
+      setFeatures(this.datalayer)
+      assert.ok(poly)
+      assert.deepEqual(poly.toGeoJSON().properties, { name: 'name poly' })
+      assert.ok(marker)
+      assert.deepEqual(marker.toGeoJSON().properties, {
+        _umap_options: { color: 'OliveDrab' },
+        name: 'test',
+      })
+    })
+  })
+
+  describe('#openPopup()', function () {
+    let poly
+    before(function () {
+      this.datalayer.eachLayer(function (layer) {
+        if (!poly && layer instanceof L.Polygon) {
+          poly = layer
+        }
+      })
+    })
+
+    it('should open a popup on click', function () {
+      assert.notOk(qs('.leaflet-popup-content'))
+      happen.click(qs('path[fill="DarkBlue"]'))
+      var title = qs('.leaflet-popup-content')
+      assert.ok(title)
+      assert.include(title.innerHTML, 'name poly')
+      happen.click(qs('#map')) // Close popup
+    })
+
+    it('should handle locale parameter inside description', function (done) {
+      poly.properties.description =
+        'This is a link to [[https://domain.org/?locale={locale}|Wikipedia]]'
+      happen.click(qs('path[fill="DarkBlue"]'))
+      window.setTimeout(function () {
+        let content = qs('.umap-popup-container')
+        assert.ok(content)
+        assert.include(
+          content.innerHTML,
+          '<a href="https://domain.org/?locale=en" target="_blank">Wikipedia</a>'
+        )
+        happen.click(qs('#map')) // Close popup
+        done()
+      }, 500) // No idea why needed…
+    })
+  })
+
+  describe('#highlight()', function () {
+    it('should highlight marker on click', function () {
+      assert.notOk(qs('.umap-icon-active'))
+      happen.click(qs('div.leaflet-marker-icon'))
+      assert.ok(qs('.umap-icon-active'))
+      happen.click(qs('#map')) // Close popup
+      assert.notOk(qs('.umap-icon-active'))
+    })
+
+    it('should still highlight marker after hide() and show()', function () {
+      this.datalayer.hide()
+      this.datalayer.show()
+      happen.click(qs('div.leaflet-marker-icon'))
+      assert.ok(qs('.umap-icon-active'))
+    })
+
+    it('should highlight path', function () {
+      happen.click(qs('path[stroke-opacity="0.6"]'))
+      var path = qs('path[stroke-opacity="1"]')
+      assert.ok(path)
+    })
+
+    it('should highlight polygon', function () {
+      var path = qs('path[fill="DarkBlue"]')
+      happen.click(path)
+      assert.isAbove(path.attributes['fill-opacity'].value, 0.5)
+    })
+  })
+
+  describe('#tooltip', function () {
+    it('should have a tooltip when active and allow variables', function () {
+      this.map.options.showLabel = true
+      this.map.options.labelKey = 'Foo {name}'
+      this.datalayer.redraw()
+      assert.equal(
+        qs('.leaflet-tooltip-pane .leaflet-tooltip').textContent,
+        'Foo name poly'
+      )
+    })
+  })
+
+  describe('#properties()', function () {
+    it('should rename property', function () {
+      var poly = this.datalayer._lineToLayer({}, [
+        [0, 0],
+        [0, 1],
+        [0, 2],
+      ])
+      poly.properties.prop1 = 'xxx'
+      poly.renameProperty('prop1', 'prop2')
+      assert.equal(poly.properties.prop2, 'xxx')
+      assert.ok(typeof poly.properties.prop1 === 'undefined')
+    })
+
+    it('should not create property when renaming', function () {
+      var poly = this.datalayer._lineToLayer({}, [
+        [0, 0],
+        [0, 1],
+        [0, 2],
+      ])
+      delete poly.properties.prop2 // Make sure it doesn't exist
+      poly.renameProperty('prop1', 'prop2')
+      assert.ok(typeof poly.properties.prop2 === 'undefined')
+    })
+
+    it('should delete property', function () {
+      var poly = this.datalayer._lineToLayer({}, [
+        [0, 0],
+        [0, 1],
+        [0, 2],
+      ])
+      poly.properties.prop = 'xxx'
+      assert.equal(poly.properties.prop, 'xxx')
+      poly.deleteProperty('prop')
+      assert.ok(typeof poly.properties.prop === 'undefined')
+    })
+  })
+
+  describe('#matchFilter()', function () {
+    var poly
+
+    it('should filter on properties', function () {
+      poly = this.datalayer._lineToLayer({}, [
+        [0, 0],
+        [0, 1],
+        [0, 2],
+      ])
+      poly.properties.name = 'mooring'
+      assert.ok(poly.matchFilter('moo', ['name']))
+      assert.notOk(poly.matchFilter('foo', ['name']))
+    })
+
+    it('should be case unsensitive', function () {
+      assert.ok(poly.matchFilter('Moo', ['name']))
+    })
+
+    it('should match also in the middle of a string', function () {
+      assert.ok(poly.matchFilter('oor', ['name']))
+    })
+
+    it('should handle multiproperties', function () {
+      poly.properties.city = 'Teulada'
+      assert.ok(poly.matchFilter('eul', ['name', 'city', 'foo']))
+    })
+  })
+
+  describe('#quick-delete()', function () {
+    let poly, _confirm
+    before(function () {
+      _confirm = window.confirm
+      window.confirm = function (text) {
+        return true
+      }
+
+      this.datalayer.eachLayer(function (layer) {
+        if (!poly && layer instanceof L.Polygon) {
+          poly = layer
+        }
+      })
+    })
+
+    after(function () {
+      window.confirm = _confirm
+    })
+
+    it('should allow to delete from data browser', function () {
+      enableEdit()
+      assert.ok(qs('path[fill="DarkBlue"]'))
+      this.map.openBrowser()
+      happen.click(qs('.feature-delete'))
+      assert.notOk(qs('path[fill="DarkBlue"]'))
+      clickCancel()
+    })
+  })
+
+  describe('#changeDataLayer()', function () {
+    it('should change style on datalayer select change', function () {
+      enableEdit()
+      happen.click(qs('.manage-datalayers'))
+      happen.click(qs('#umap-ui-container .add-datalayer'))
+      changeInputValue(qs('form.umap-form input[name="name"]'), 'New layer')
+      changeInputValue(
+        qs('form#datalayer-advanced-properties input[name=color]'),
+        'MediumAquaMarine'
+      )
+      happen.click(qs('path[fill="DarkBlue"]'))
+      happen.click(qs('ul.leaflet-inplace-toolbar a.umap-toggle-edit'))
+      var select = qs('select[name=datalayer]')
+      select.selectedIndex = 0
+      happen.once(select, { type: 'change' })
+      assert.ok(qs('path[fill="none"]')) // Polyline fill is unchanged
+      assert.notOk(qs('path[fill="DarkBlue"]'))
+      assert.ok(qs('path[fill="MediumAquaMarine"]'))
+      clickCancel()
+    })
+  })
+})

umap/static/umap/test/Map.Export.js

@@ -0,0 +1,106 @@
+describe('L.U.Map.Export', function () {
+  before(function () {
+    this.server = sinon.fakeServer.create()
+    this.server.respondWith(
+      /\/datalayer\/62\/\?.*/,
+      JSON.stringify(RESPONSES.datalayer62_GET)
+    )
+    this.options = {
+      umap_id: 99,
+    }
+    this.map = initMap({ umap_id: 99 })
+    this.server.respond()
+    this.datalayer = this.map.getDataLayerByUmapId(62)
+  })
+  after(function () {
+    this.server.restore()
+    clickCancel()
+    resetMap()
+  })
+
+  describe('#formatters()', function () {
+    it('should export to geojson', function () {
+      const { content, filetype, filename } = this.map.share.format('geojson')
+      assert.equal(filetype, 'application/json')
+      assert.equal(filename, 'name_of_the_map.geojson')
+      assert.deepEqual(JSON.parse(content), {
+        type: 'FeatureCollection',
+        features: [
+          {
+            type: 'Feature',
+            properties: {
+              name: 'name poly',
+            },
+            geometry: {
+              type: 'Polygon',
+              coordinates: [
+                [
+                  [11.25, 53.585984],
+                  [10.151367, 52.975108],
+                  [12.689209, 52.167194],
+                  [14.084473, 53.199452],
+                  [12.634277, 53.618579],
+                  [11.25, 53.585984],
+                  [11.25, 53.585984],
+                ],
+              ],
+            },
+          },
+          {
+            type: 'Feature',
+            properties: {
+              _umap_options: {
+                color: 'OliveDrab',
+              },
+              name: 'test',
+            },
+            geometry: {
+              type: 'Point',
+              coordinates: [-0.274658, 52.57635],
+            },
+          },
+          {
+            type: 'Feature',
+            properties: {
+              _umap_options: {
+                fill: false,
+                opacity: 0.6,
+              },
+              name: 'test',
+            },
+            geometry: {
+              type: 'LineString',
+              coordinates: [
+                [-0.571289, 54.476422],
+                [0.439453, 54.610255],
+                [1.724854, 53.448807],
+                [4.163818, 53.988395],
+                [5.306396, 53.533778],
+                [6.591797, 53.709714],
+                [7.042236, 53.350551],
+              ],
+            },
+          },
+        ],
+      })
+    })
+
+    it('should export to gpx', function () {
+      const { content, filetype, filename } = this.map.share.format('gpx')
+      assert.equal(filetype, 'application/gpx+xml')
+      assert.equal(filename, 'name_of_the_map.gpx')
+      const expected =
+        '<gpx xmlns="http://www.topografix.com/GPX/1/1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd" version="1.1" creator="togpx"><metadata/><wpt lat="52.57635" lon="-0.274658"><name>test</name><desc>name=test</desc></wpt><trk><name>name poly</name><desc>name=name poly</desc><trkseg><trkpt lat="53.585984" lon="11.25"/><trkpt lat="52.975108" lon="10.151367"/><trkpt lat="52.167194" lon="12.689209"/><trkpt lat="53.199452" lon="14.084473"/><trkpt lat="53.618579" lon="12.634277"/><trkpt lat="53.585984" lon="11.25"/><trkpt lat="53.585984" lon="11.25"/></trkseg></trk><trk><name>test</name><desc>name=test</desc><trkseg><trkpt lat="54.476422" lon="-0.571289"/><trkpt lat="54.610255" lon="0.439453"/><trkpt lat="53.448807" lon="1.724854"/><trkpt lat="53.988395" lon="4.163818"/><trkpt lat="53.533778" lon="5.306396"/><trkpt lat="53.709714" lon="6.591797"/><trkpt lat="53.350551" lon="7.042236"/></trkseg></trk></gpx>'
+      assert.equal(content, expected)
+    })
+
+    it('should export to kml', function () {
+      const { content, filetype, filename } = this.map.share.format('kml')
+      assert.equal(filetype, 'application/vnd.google-earth.kml+xml')
+      assert.equal(filename, 'name_of_the_map.kml')
+      const expected =
+        '<?xml version="1.0" encoding="UTF-8"?><kml xmlns="http://www.opengis.net/kml/2.2"><Document><Placemark><name>name poly</name><ExtendedData><Data name="name"><value>name poly</value></Data></ExtendedData><Polygon><outerBoundaryIs><LinearRing><coordinates>11.25,53.585984 10.151367,52.975108 12.689209,52.167194 14.084473,53.199452 12.634277,53.618579 11.25,53.585984 11.25,53.585984</coordinates></LinearRing></outerBoundaryIs></Polygon></Placemark><Placemark><name>test</name><ExtendedData><Data name="_umap_options"><value>[object Object]</value></Data><Data name="name"><value>test</value></Data></ExtendedData><Point><coordinates>-0.274658,52.57635</coordinates></Point></Placemark><Placemark><name>test</name><ExtendedData><Data name="_umap_options"><value>[object Object]</value></Data><Data name="name"><value>test</value></Data></ExtendedData><LineString><coordinates>-0.571289,54.476422 0.439453,54.610255 1.724854,53.448807 4.163818,53.988395 5.306396,53.533778 6.591797,53.709714 7.042236,53.350551</coordinates></LineString></Placemark></Document></kml>'
+      assert.equal(content, expected)
+    })
+  })
+})

umap/static/umap/test/Map.Init.js

@@ -0,0 +1,46 @@
+describe('L.U.Map.initialize', function () {
+  afterEach(function () {
+    resetMap()
+  })
+
+  describe('Controls', function () {
+    it('should not show a minimap by default', function () {
+      this.map = initMap()
+      assert.notOk(qs('.leaflet-control-minimap'))
+    })
+
+    it('should show a minimap', function () {
+      this.map = initMap({ miniMap: true })
+      assert.ok(qs('.leaflet-control-minimap'))
+    })
+  })
+
+  describe('DefaultView', function () {
+    it('should set default view in default mode without data', function (done) {
+      this.map = initMap({ datalayers: [] })
+      // Did not find a better way to wait for tiles to be actually loaded
+      window.setTimeout(() => {
+        assert.ok(qs('#map .leaflet-tile-pane img.leaflet-tile.leaflet-tile-loaded'))
+        done()
+      }, 1000)
+    })
+
+    it("should set default view in 'data' mode without data", function (done) {
+      this.map = initMap({ datalayers: [], defaultView: 'data' })
+      // Did not find a better way to wait for tiles to be actually loaded
+      window.setTimeout(() => {
+        assert.ok(qs('#map .leaflet-tile-pane img.leaflet-tile.leaflet-tile-loaded'))
+        done()
+      }, 1000)
+    })
+
+    it("should set default view in 'latest' mode without data", function (done) {
+      this.map = initMap({ datalayers: [], defaultView: 'latest' })
+      // Did not find a better way to wait for tiles to be actually loaded
+      window.setTimeout(() => {
+        assert.ok(qs('#map .leaflet-tile-pane img.leaflet-tile.leaflet-tile-loaded'))
+        done()
+      }, 1000)
+    })
+  })
+})