import {Assertion, util} from 'chai';
import {LatLng, Point, DomEvent} from 'leaflet';

util.addMethod(Assertion.prototype, 'near', function (expected, delta = 1) {
	expected = new Point(expected);

	new Assertion(this._obj.x).to.be.within(expected.x - delta, expected.x + delta);
	new Assertion(this._obj.y).to.be.within(expected.y - delta, expected.y + delta);
});

util.addMethod(Assertion.prototype, 'nearLatLng', function (expected, delta = 1e-4) {
	expected = new LatLng(expected);

	new Assertion(this._obj.lat).to.be.within(expected.lat - delta, expected.lat + delta);
	new Assertion(this._obj.lng).to.be.within(expected.lng - delta, expected.lng + delta);
	new Assertion(this._obj.alt).to.eql(expected.alt);
});

util.addMethod(Assertion.prototype, 'eqlLatLng', function (expected) {
	expected = new LatLng(expected);

	new Assertion(this._obj.lat).to.eql(expected.lat);
	new Assertion(this._obj.lng).to.eql(expected.lng);
	new Assertion(this._obj.alt).to.eql(expected.alt);
});

const runAsTouchBrowser = window.__karma__.config.runAsTouchBrowser || false;

// A couple of tests need the browser to be touch-capable
it.skipIfNotTouch = runAsTouchBrowser ? it : it.skip;
it.skipIfTouch = runAsTouchBrowser ? it.skip : it;

export const pointerType = runAsTouchBrowser ? 'touch' : 'mouse';
export const pointerEventType = ['pointer', {pointerType}];

console.error('Touch', runAsTouchBrowser);

export function createContainer(width, height) {
	width = width ? width : '400px';
	height = height ? height : '400px';
	const container = document.createElement('div');
	container.style.position = 'absolute';
	container.style.top = '0px';
	container.style.left = '0px';
	container.style.height = height;
	container.style.width = width;
	container.style.opacity = '0.4';
	document.body.appendChild(container);

	return container;
}

export function removeMapContainer(map, container) {
	map?.remove();
	if (container) {
		document.body.removeChild(container);
	}

	DomEvent.PointerEvents.cleanupPointers();
}