Leaflet/spec/suites/dom/DomUtilSpec.js

describe('DomUtil', function() {
	var el;

	beforeEach(function() {
		el = document.createElement('div');
		el.style.position = 'absolute';
		el.style.top = el.style.left = '-10000px';
		document.body.appendChild(el);
	});

	afterEach(function() {
		document.body.removeChild(el);
	});

	describe('#get', function() {
		it('gets element by id if the given argument is string', function() {
			el.id = 'testId';
			expect(L.DomUtil.get(el.id)).toBe(el);
		});

		it('returns the element if it is given as an argument', function() {
			expect(L.DomUtil.get(el)).toBe(el);
		});
	});

	describe('#addClass, #removeClass, #hasClass', function() {
		it('has defined class for test element', function() {
			el.className = 'bar foo baz ';
			expect(L.DomUtil.hasClass(el, 'foo')).toBeTruthy();
			expect(L.DomUtil.hasClass(el, 'bar')).toBeTruthy();
			expect(L.DomUtil.hasClass(el, 'baz')).toBeTruthy();
			expect(L.DomUtil.hasClass(el, 'boo')).toBeFalsy();
		});

		it('adds or removes the class', function() {
			el.className = '';
			L.DomUtil.addClass(el, 'foo');

			expect(el.className).toEqual('foo');
			expect(L.DomUtil.hasClass(el, 'foo')).toBeTruthy();

			L.DomUtil.addClass(el, 'bar');
			expect(el.className).toEqual('foo bar');
			expect(L.DomUtil.hasClass(el, 'foo')).toBeTruthy();

			L.DomUtil.removeClass(el, 'foo');
			expect(el.className).toEqual('bar');
			expect(L.DomUtil.hasClass(el, 'foo')).toBeFalsy();

			el.className = 'foo bar barz';
			L.DomUtil.removeClass(el, 'bar');
			expect(el.className).toEqual('foo barz');
		});
	});

	describe('#documentIsLtr', function () {
		it('returns true if doc direction is ltr', function () {
			expect(L.DomUtil.documentIsLtr()).toBe(true);
			expect(L.DomUtil.documentIsLtr()).toBe(true); // cached
		});
	});

	describe('#getViewportOffset', function () {
		it('calculates the viewport offset of an element', function () {
			var div = document.createElement('div');
			div.style.position = 'absolute';
			div.style.top = '100px';
			div.style.left = '200px';
			div.style.border = '10px solid black';
			div.style.padding = '50px';
			div.style.visibility = 'hidden';

			var div2 = document.createElement('div');
			div.style.marginTop = '100px';

			div.appendChild(div2);

			document.body.appendChild(div);

			expect(L.DomUtil.getViewportOffset(div2)).toEqual(new L.Point(260, 260));

			document.body.removeChild(div);
		});
	});

	describe('#setPosition', noSpecs);

	describe('#getStyle', noSpecs);
});