leaflet/spec/suites/dom/DomEvent.DoubleTapSpec.js

describe('DomEvent.DoubleTapSpec.js', () => {
	let container, clock, spy;

	beforeEach(() => {
		container = createContainer();

		clock = sinon.useFakeTimers();
		clock.tick(1000);
		spy = sinon.spy();
		L.DomEvent.on(container, 'dblclick', spy);
	});

	afterEach(() => {
		clock.restore();
		removeMapContainer(null, container);
	});

	it('fires synthetic dblclick after two clicks with delay<200', () => {
		UIEventSimulator.fire('click', container, {detail: 1});
		clock.tick(100);
		UIEventSimulator.fire('click', container, {detail: 1});

		expect(spy.called).to.be.ok();
		expect(spy.calledOnce).to.be.ok();
		expect(spy.lastCall.args[0] instanceof MouseEvent).to.equal(true);
		expect(spy.lastCall.args[0].isTrusted).to.equal(false);
	});

	it('does not fire dblclick when delay>200', () => {
		UIEventSimulator.fire('click', container, {detail: 1});
		clock.tick(300);
		UIEventSimulator.fire('click', container, {detail: 1});

		expect(spy.notCalled).to.be.ok();
	});

	it('does not fire dblclick when detail !== 1', () => {
		UIEventSimulator.fire('click', container, {detail: 0}); // like in IE
		clock.tick(100);
		UIEventSimulator.fire('click', container, {detail: 0});
		clock.tick(100);

		expect(spy.notCalled).to.be.ok();
	});

	it('does not fire dblclick after removeListener', () => {
		L.DomEvent.off(container, 'dblclick', spy);

		UIEventSimulator.fire('click', container, {detail: 1});
		clock.tick(100);
		UIEventSimulator.fire('click', container, {detail: 1});
		clock.tick(100);

		expect(spy.notCalled).to.be.ok();
	});

	it('does not conflict with native dblclick', () => {
		UIEventSimulator.fire('click', container, {detail: 1});
		clock.tick(100);
		UIEventSimulator.fire('click', container, {detail: 2}); // native dblclick expected
		UIEventSimulator.fire('dblclick', container); // native dblclick expected
		expect(spy.called).to.be.ok();
		expect(spy.calledOnce).to.be.ok();
	});

	it('synthetic dblclick event has expected properties', () => {
		const click = {
			detail: 1,
			clientX: 2,
			clientY: 3,
			screenX: 4,
			screenY: 5
		};
		UIEventSimulator.fire('click', container, click);
		clock.tick(100);
		UIEventSimulator.fire('click', container, click);

		const event = spy.lastCall.args[0];
		const expectedProps = L.extend(click, {
			type: 'dblclick',
			// bubbles: true,    // not important, as we do not actually dispatch the event
			// cancelable: true, //
			detail: 2,
			target: container
		});
		for (const prop in expectedProps) {
			expect(event[prop]).to.be(expectedProps[prop]);
		}
		expect(event.isTrusted).not.to.be.ok();
	});

	it('respects disableClickPropagation', () => {
		const spyMap = sinon.spy();
		const map = L.map(container).setView([51.505, -0.09], 13);
		map.on('dblclick', spyMap);

		const spyCtrl = sinon.spy();
		const ctrl = L.DomUtil.create('div');
		L.DomEvent.disableClickPropagation(ctrl);
		const MyControl = L.Control.extend({
			onAdd() {
				return ctrl;
			}
		});
		map.addControl(new MyControl());
		L.DomEvent.on(ctrl, 'dblclick', spyCtrl);

		UIEventSimulator.fire('click', ctrl, {detail: 1});
		clock.tick(100);
		UIEventSimulator.fire('click', ctrl, {detail: 1});

		expect(spyCtrl.called).to.be.ok();
		expect(spyMap.notCalled).to.be.ok();
	});

	it('doesn\'t fire double-click while clicking on a label with `for` attribute', () => {
		const spyMap = sinon.spy();
		const map = L.map(container).setView([51.505, -0.09], 13);
		map.on('dblclick', spyMap);

		let div;
		const MyControl = L.Control.extend({
			onAdd() {
				div = L.DomUtil.create('div');
				div.innerHTML = '<input type="checkbox" id="input">' +
					'<label for="input" style="background: #ffffff; width: 100px; height: 100px;display: block;">Click Me</label>';
				return div;
			}
		});
		map.addControl(new MyControl());
		// click on the label
		UIEventSimulator.fire('click', div.children[1], {detail: 1});
		clock.tick(100);
		expect(spyMap.notCalled).to.be.ok();
		map.remove();
	});
});