Link interaction

test/browser/spec/ol/interaction/Link.test.js

@@ -0,0 +1,63 @@
+import Link from '../../../../../src/ol/interaction/Link.js';
+import Map from '../../../../../src/ol/Map.js';
+import View from '../../../../../src/ol/View.js';
+
+describe('ol/interaction/Link', () => {
+  let map;
+
+  beforeEach(function () {
+    map = new Map({
+      target: createMapDiv(100, 100),
+      view: new View({
+        center: [0, 0],
+        resolutions: [4, 2, 1],
+        zoom: 1,
+      }),
+    });
+    map.renderSync();
+  });
+
+  afterEach(function () {
+    disposeMap(map);
+  });
+
+  describe('constructor', () => {
+    it('addds view state to the url', (done) => {
+      map.addInteraction(new Link());
+
+      map.once('moveend', () => {
+        const url = new URL(window.location.href);
+        const params = url.searchParams;
+        expect(params.get('z')).to.be('2');
+        expect(params.get('x')).to.be('3');
+        expect(params.get('y')).to.be('4');
+        expect(params.get('r')).to.be('0.5');
+        done();
+      });
+
+      const view = map.getView();
+      view.setZoom(2);
+      view.setCenter([3, 4]);
+      view.setRotation(0.5);
+    });
+
+    it('accepts a prefix', (done) => {
+      map.addInteraction(new Link({prefix: 'ol:'}));
+
+      map.once('moveend', () => {
+        const url = new URL(window.location.href);
+        const params = url.searchParams;
+        expect(params.get('ol:z')).to.be('2');
+        expect(params.get('ol:x')).to.be('3');
+        expect(params.get('ol:y')).to.be('4');
+        expect(params.get('ol:r')).to.be('0.5');
+        done();
+      });
+
+      const view = map.getView();
+      view.setZoom(2);
+      view.setCenter([3, 4]);
+      view.setRotation(0.5);
+    });
+  });
+});