dojo/tests/unit/mouse.js

Dojo core is a powerful, lightweight library that makes common tasks quicker and easier. Animate elements, manipulate the DOM, and query with easy CSS syntax, all without sacrificing performance.

define([
	'intern!object',
	'intern/chai!assert',
	'../../mouse',
	'../../on',
	'../../query'
], function (registerSuite, assert, mouse, on) {
	var order,
		div,
		div2,
		div3,
		div4;

	registerSuite({
		name: 'dojo/mouse',
		
		setup: function() {
			order = [];
			div = document.body.appendChild(document.createElement('div'));
			
			div2 = div.appendChild(document.createElement('div'));
			div2.className = 'item two';
			div2.id = 2;

			div3 = div.appendChild(document.createElement('div')),
			div3.className = 'item three';
			div3.id = 3;

			div4 = div2.appendChild(document.createElement('div'));	

			on(div, on.selector('.item', mouse.enter), function(){
				order.push(this.id);
			});
		},

		'mouseenter': function() {
			on.emit(div, 'mouseover', {
				bubbles: true,
				relatedTarget: document.body
			});

			on.emit(div3, 'mouseover', {
				bubbles: true,
				relatedTarget: div
			});

			on.emit(div3, 'mouseover', {
				bubbles: true,
				relatedTarget: div3
			});
			
			on.emit(div2, 'mouseover', {
				bubbles: true,
				relatedTarget: div3
			});
			
			on.emit(div4, 'mouseover', {
				bubbles: true,
				relatedTarget: div2
			});
			
			on.emit(div2, 'mouseover', {
				bubbles: true,
				relatedTarget: div4
			});
			
			on.emit(div, 'mouseover', {
				bubbles: true,
				relatedTarget: div2
			});
			
			on.emit(div4, 'mouseover', {
				bubbles: true,
				relatedTarget: div
			});

			assert.equal(order[0], 3);
			assert.equal(order[1], 2);
			assert.equal(order[2], 2);
		}
	});
});