aboutsummaryrefslogtreecommitdiffstats
path: root/tests/unit/selectable/methods.js
blob: 377ac6150f534019bc79bf95c4a393dde21d71d3 (plain)
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
define( [
	"qunit",
	"jquery",
	"lib/helper",
	"ui/widgets/selectable"
], function( QUnit, $, helper ) {
"use strict";

QUnit.module( "selectable: methods", { afterEach: helper.moduleAfterEach }  );

QUnit.test( "init", function( assert ) {
	assert.expect( 5 );

	$( "<div></div>" ).appendTo( "body" ).selectable().remove();
	assert.ok( true, ".selectable() called on element" );

	$( [] ).selectable().remove();
	assert.ok( true, ".selectable() called on empty collection" );

	$( "<div></div>" ).selectable().remove();
	assert.ok( true, ".selectable() called on disconnected DOMElement" );

	var el = $( "<div></div>" ).selectable();
	el.selectable( "option", "foo" );
	el.remove();
	assert.ok( true, "arbitrary option getter after init" );

	$( "<div></div>" ).selectable().selectable( "option", "foo", "bar" ).remove();
	assert.ok( true, "arbitrary option setter after init" );
} );

QUnit.test( "destroy", function( assert ) {
	assert.expect( 4 );

	$( "<div></div>" ).appendTo( "body" ).selectable().selectable( "destroy" ).remove();
	assert.ok( true, ".selectable('destroy') called on element" );

	$( [] ).selectable().selectable( "destroy" ).remove();
	assert.ok( true, ".selectable('destroy') called on empty collection" );

	$( "<div></div>" ).selectable().selectable( "destroy" ).remove();
	assert.ok( true, ".selectable('destroy') called on disconnected DOMElement" );

	var expected = $( "<div></div>" ).selectable(),
		actual = expected.selectable( "destroy" );
	assert.equal( actual, expected, "destroy is chainable" );
} );

QUnit.test( "enable", function( assert ) {
	assert.expect( 3 );
	var expected, actual,
		fired = false,
		el = $( "#selectable1" );

	el.selectable( {
		disabled: true,
		start: function() {
			fired = true;
		}
	} );
	el.simulate( "drag", {
		dx: 20,
		dy: 20
	} );
	assert.equal( fired, false, "start fired" );
	el.selectable( "enable" );
	el.simulate( "drag", {
		dx: 20,
		dy: 20
	} );
	assert.equal( fired, true, "start fired" );
	el.selectable( "destroy" );

	expected = $( "<div></div>" ).selectable();
	actual = expected.selectable( "enable" );
	assert.equal( actual, expected, "enable is chainable" );
} );

QUnit.test( "disable", function( assert ) {
	assert.expect( 6 );
	var chainable,
		fired = false,
		element = $( "#selectable1" );

	element.selectable( {
		disabled: false,
		start: function() {
			fired = true;
		}
	} );
	element.simulate( "drag", {
		dx: 20,
		dy: 20
	} );
	assert.equal( fired, true, "start fired" );

	chainable = element.selectable( "disable" );
	fired = false;

	element.simulate( "drag", {
		dx: 20,
		dy: 20
	} );
	assert.equal( fired, false, "start fired" );

	assert.lacksClasses( element.selectable( "widget" ), "ui-state-disabled" );

	assert.ok( !element.selectable( "widget" ).attr( "aria-disabled" ), "element does not get aria-disabled" );
	assert.hasClasses( element.selectable( "widget" ), "ui-selectable-disabled" );

	element.selectable( "destroy" );

	assert.equal( chainable, element, "disable is chainable" );
} );

} );