diff --git a/test/browser/spec/ol/control/mouseposition.test.js b/test/browser/spec/ol/control/mouseposition.test.js index 5fada58a64..fa0c2a60c9 100644 --- a/test/browser/spec/ol/control/mouseposition.test.js +++ b/test/browser/spec/ol/control/mouseposition.test.js @@ -105,9 +105,9 @@ describe('ol/control/MousePosition', function () { expect(element.innerHTML).to.be(' '); }); - it('retains the mouse position when undefinedHTML is falsey and mouse moves outside the viewport', function () { + it('retains the mouse position when undefinedHTML is false and mouse moves outside the viewport', function () { const ctrl = new MousePosition({ - undefinedHTML: '', + undefinedHTML: false, }); ctrl.setMap(map); map.renderSync(); @@ -127,6 +127,29 @@ describe('ol/control/MousePosition', function () { simulateEvent(EventType.POINTEROUT, width + 1, height + 1); expect(element.innerHTML).to.be('20,-30'); }); + + it('renders an empty string if undefinedHTML is an empty string and mouse moves outside the viewport', function () { + const ctrl = new MousePosition({ + undefinedHTML: '', + }); + ctrl.setMap(map); + map.renderSync(); + + const element = document.querySelector( + '.ol-mouse-position', + map.getTarget() + ); + + simulateEvent(EventType.POINTEROUT, width + 1, height + 1); + expect(element.innerHTML).to.be(''); + + target.dispatchEvent(new PointerEvent('pointermove')); + simulateEvent(EventType.POINTERMOVE, 20, 30); + expect(element.innerHTML).to.be('20,-30'); + + simulateEvent(EventType.POINTEROUT, width + 1, height + 1); + expect(element.innerHTML).to.be(''); + }); }); }); });