jquerymx/event/hover/hover_test.js at master · jupiterjs/jquerymx · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
steal("jquery/event/hover",'funcunit/syn')  //load your app
 .then('funcunit/qunit')
 .then(function(){

module("jquery/dom/hover")

test("hovering", function(){
	$("#qunit-test-area").append("<div id='hover'>Content<div>")
	var hoverenters = 0,
		hoverinits = 0,
		hoverleaves = 0,
		delay = 15;
	$("#hover").bind("hoverinit", function(ev, hover){
		hover.delay(delay);
		hoverinits++;
	})
	.bind('hoverenter', function(){
		hoverenters++;
	})
	.bind('hoverleave',function(){
		hoverleaves++;
	})
	var hover = $("#hover")
	var off = hover.offset();

	//add a mouseenter, and 2 mouse moves
	Syn("mouseover",{pageX: off.top, pageY: off.left}, hover[0])
	ok(hoverinits, 'hoverinit');
	ok(hoverenters === 0,"hoverinit hasn't been called");
	stop();

	setTimeout(function(){
		ok(hoverenters === 1,"hoverenter has been called");

		ok(hoverleaves === 0,"hoverleave hasn't been called");
		Syn("mouseout",{pageX: off.top, pageY: off.left},hover[0]);

		ok(hoverleaves === 1,"hoverleave has been called");

		delay = 30;

		Syn("mouseover",{pageX: off.top, pageY: off.left},hover[0]);
		ok(hoverinits === 2, 'hoverinit');

		setTimeout(function(){

			Syn("mouseout",{pageX: off.top, pageY: off.left},hover[0]);


			setTimeout(function(){
				ok(hoverenters === 1,"hoverenter was not called");
				ok(hoverleaves === 1,"hoverleave was not called");
				start();
			},30)

		},10)

	},30)
});

});