1 |
|
2 | var tf = new TableFilter('demo', {
|
3 | base_path: '../dist/tablefilter/',
|
4 | loader: true
|
5 | });
|
6 | tf.init();
|
7 |
|
8 | var loader = tf.feature('loader');
|
9 |
|
10 | module('Sanity checks');
|
11 | test('Loader component', function() {
|
12 | notEqual(loader, null, 'Loader instanciated');
|
13 | equal(loader.cont.nodeName, 'DIV', 'Loader DOM container');
|
14 | });
|
15 | test('Does not init if initialised', function() {
|
16 |
|
17 | var show = loader.show;
|
18 | var hit = 0;
|
19 | loader.show = function() {
|
20 | hit++;
|
21 | };
|
22 |
|
23 |
|
24 | loader.init();
|
25 |
|
26 |
|
27 | deepEqual(hit, 0, 'does not initialise');
|
28 |
|
29 | loader.show = show;
|
30 | });
|
31 |
|
32 | module('Feature interface');
|
33 | test('Properties', function() {
|
34 | deepEqual(loader.tf instanceof TableFilter, true, 'TableFilter instance');
|
35 | deepEqual(loader.feature, 'loader', 'Feature name');
|
36 | deepEqual(loader.enabled, true, 'Feature enabled');
|
37 | deepEqual(loader.initialized, true, 'Feature enabled');
|
38 | deepEqual(typeof loader.config, 'object', 'TF configuration object');
|
39 | deepEqual(typeof loader.init, 'function', 'Feature init method');
|
40 | deepEqual(typeof loader.destroy, 'function', 'Feature destroy method');
|
41 | deepEqual(typeof loader.reset, 'function', 'Feature reset method');
|
42 | deepEqual(typeof loader.enable, 'function', 'Feature enable method');
|
43 | deepEqual(typeof loader.disable, 'function', 'Feature enable method');
|
44 | deepEqual(typeof loader.isEnabled, 'function', 'Feature enable method');
|
45 | });
|
46 | test('Can destroy', function() {
|
47 | loader.destroy();
|
48 | deepEqual(loader.initialized, false, 'not initialised');
|
49 | });
|
50 | test('Can reset', function() {
|
51 | loader.reset();
|
52 | deepEqual(loader.enabled, true, 'enabled');
|
53 | });
|
54 | test('Can disable', function() {
|
55 | loader.disable();
|
56 | deepEqual(loader.enabled, false, 'disabled');
|
57 | });
|
58 | test('Can enable', function() {
|
59 | loader.enable();
|
60 | deepEqual(loader.enabled, true, 'enabled');
|
61 | });
|
62 | test('Can init', function() {
|
63 | loader.destroy();
|
64 | loader.enable();
|
65 | loader.init();
|
66 | deepEqual(loader.enabled, true, 'enabled');
|
67 | });
|
68 | test('Can check is enabled', function() {
|
69 | loader.isEnabled();
|
70 | deepEqual(loader.enabled, true, 'enabled');
|
71 | });
|
72 |
|
73 | module('Behaviour');
|
74 | test('Can show loader', function() {
|
75 | loader.show('');
|
76 | deepEqual(loader.cont.style.display, '', 'Loader is displayed');
|
77 | });
|
78 | test('Does not show loader if feature not enabled', function() {
|
79 |
|
80 | var isEnabled = loader.isEnabled;
|
81 | var hit = 0;
|
82 | loader.isEnabled = function() {
|
83 | hit++;
|
84 | };
|
85 |
|
86 |
|
87 | loader.show('');
|
88 |
|
89 |
|
90 | deepEqual(hit, 1, 'loader not shown');
|
91 |
|
92 | loader.isEnabled = isEnabled;
|
93 | });
|
94 | test('Can generate loader in target element', function() {
|
95 |
|
96 | loader.destroy();
|
97 | loader.targetId = 'my-loader';
|
98 | var targetEl = document.getElementById('my-loader');
|
99 |
|
100 |
|
101 | loader.init();
|
102 |
|
103 |
|
104 | deepEqual(targetEl.innerHTML, '<div class="loader">Loading...</div>',
|
105 | 'Loader injected in target element');
|
106 | });
|
107 | test('Can generate loader with custom html', function() {
|
108 |
|
109 | loader.destroy();
|
110 | loader.html = '<h3>loading...</h3>';
|
111 |
|
112 |
|
113 | loader.init();
|
114 |
|
115 |
|
116 | deepEqual(loader.cont.innerHTML, '<h3>loading...</h3>',
|
117 | 'Loader with custom html');
|
118 | });
|
119 | test('Can show loader when known event is emitted', function() {
|
120 |
|
121 | var show = loader.show;
|
122 | var hit = 0;
|
123 | loader.show = function() {
|
124 | hit++;
|
125 | };
|
126 |
|
127 |
|
128 | tf.emitter.emit('before-clearing-filters', tf);
|
129 |
|
130 |
|
131 | deepEqual(hit, 1, 'show method is called');
|
132 |
|
133 | loader.show = show;
|
134 | });
|
135 | test('Can hide loader when known event is emitted', function() {
|
136 |
|
137 | var show = loader.show;
|
138 | var hit = 0;
|
139 | var arg = null;
|
140 | loader.show = function() {
|
141 | hit++;
|
142 | arg = arguments[0];
|
143 | };
|
144 |
|
145 |
|
146 | tf.emitter.emit('after-clearing-filters', tf);
|
147 |
|
148 |
|
149 | deepEqual(hit, 1, 'show method is called');
|
150 | deepEqual(arg, 'none', 'with `none` argument');
|
151 |
|
152 | loader.show = show;
|
153 | });
|
154 |
|
155 | module('Tear-down');
|
156 | test('can destroy TableFilter DOM elements', function() {
|
157 | tf.destroy();
|
158 | deepEqual(tf.isInitialized(), false, 'Filters removed');
|
159 | });
|