← Back to branch summary

~smagoun/whoopsie/whoopsie-lp1017637

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/tests/scrollview/tests/scrollview-list-unit-test.html

  • Committer: Evan Dandrea
  • Date: 2012-05-09 05:53:45 UTC
  • Revision ID: evan.dandrea@canonical.com-20120509055345-z2j41tmcbf4as5uf
The backend now lives in lp:daisy and the website (errors.ubuntu.com) now lives in lp:errors.

Show diffs side-by-side

added added

removed removed

Lines of Context:
backend/stats/static/js/yui/tests/scrollview/tests/scrollview-list-unit-test.html
1
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
 
<html>
3
 
<head>
4
 
<title>Scrollview List Plugin Tests</title>
5
 
<script type="text/javascript" src="../../../build/yui/yui-min.js"></script>
6
 
</head>
7
 
 
8
 
<body class="yui3-skin-sam">
9
 
<h1>Scrollview List Plugin Tests</h1>
10
 
<p>
11
 
                <div class="header">
12
 
                        <h1>Scrollview 1</h1>
13
 
                </div>
14
 
                <div id="scrollable1" class="yui3-scrollview-loading">
15
 
                    <ul>
16
 
                                <li>
17
 
                                        <div>I am a div with some LI content inside me!
18
 
                                <ul>
19
 
                                    <li class="special">LI content 1</li>
20
 
                                    <li class="special">LI Content 2</li>
21
 
                                    <li class="special">LI Content 3</li>
22
 
                                </ul>
23
 
                            </div>
24
 
                                </li>
25
 
                                <li>
26
 
                                        <div>Purchased</div>
27
 
                                </li>
28
 
                                <li>
29
 
                                        <div>Air</div>
30
 
                                </li>
31
 
                                <li>
32
 
                                        <div>Amelie</div>
33
 
                                </li>
34
 
                                <li>
35
 
                                        <div>Ben Folds</div>
36
 
                                </li>
37
 
                                <li>
38
 
                                        <div>Ben Harper</div>
39
 
                                </li>
40
 
                                <li>
41
 
                                        <div>Blue October</div>
42
 
                                </li>
43
 
                                <li>
44
 
                                        <div>Bob Dylan</div>
45
 
                                </li>
46
 
                                <li>
47
 
                                        <div>Cake</div>
48
 
                                </li>
49
 
                                <li>
50
 
                                        <div>Citizen Cope</div>
51
 
                                </li>
52
 
                                <li>
53
 
                                        <div>Coldplay</div>
54
 
                                </li>
55
 
                                <li>
56
 
                                        <div>Dido</div>
57
 
                                </li>
58
 
                        <li>
59
 
                            <div>I am a div with some LI content inside me!
60
 
                                <ul>
61
 
                                    <li class="special">LI content 1</li>
62
 
                                    <li class="special">LI Content 2</li>
63
 
                                    <li class="special">LI Content 3</li>
64
 
                                </ul>
65
 
                            </div>
66
 
                        </li>
67
 
                                <li>
68
 
                                        <div>Lily Allen</div>
69
 
                                </li>
70
 
                                <li>
71
 
                                        <div>Purchased on the iPhone</div>
72
 
                                </li>
73
 
                                <li>
74
 
                                        <div>Purchased</div>
75
 
                                </li>
76
 
                                <li>
77
 
                                        <div>Air</div>
78
 
                                </li>
79
 
                                <li>
80
 
                                        <div>Amelie</div>
81
 
                                </li>
82
 
                                <li>
83
 
                                        <div>Ben Folds</div>
84
 
                                </li>
85
 
                                <li>
86
 
                                        <div>Ben Harper</div>
87
 
                                </li>
88
 
                        <li>
89
 
                            <div>I am a div with some LI content inside me!
90
 
                                <ul>
91
 
                                    <li class="special">LI content 1</li>
92
 
                                    <li class="special">LI Content 2</li>
93
 
                                    <li class="special">LI Content 3</li>
94
 
                                </ul>
95
 
                            </div>
96
 
                        </li>
97
 
                                <li>
98
 
                                        <div>Bob Dylan</div>
99
 
                                </li>
100
 
                                <li>
101
 
                                        <div>Cake</div>
102
 
                                </li>
103
 
                                <li>
104
 
                                        <div>Citizen Cope</div>
105
 
                                </li>
106
 
                                <li>
107
 
                                        <div>Coldplay</div>
108
 
                                </li>
109
 
                                <li>
110
 
                                        <div>Dido</div>
111
 
                                </li>
112
 
                                <li>
113
 
                                        <div>Foo Fighters</div>
114
 
                                </li>
115
 
                                <li>
116
 
                                        <div>Lily Allen</div>
117
 
                                </li>
118
 
 
119
 
                    </ul>
120
 
                </div>
121
 
 
122
 
 
123
 
                    <div class="header">
124
 
                        <h1>Scrollview 2 - has divs as immediate children</h1>
125
 
                    </div>
126
 
                    <div id="scrollable2" class="yui3-scrollview-loading">
127
 
                                        <div>
128
 
                                                <div>I am a div with some LI content inside me!
129
 
                                    <ul>
130
 
                                        <li>LI content 1</li>
131
 
                                        <li>LI Content 2</li>
132
 
                                        <li>LI Content 3</li>
133
 
                                    </ul>
134
 
                                </div>
135
 
                                        </div>
136
 
 
137
 
                            <div>
138
 
                                <div>I am a div with some LI content inside me!
139
 
                                    <ul>
140
 
                                        <li>LI content 1</li>
141
 
                                        <li>LI Content 2</li>
142
 
                                        <li>LI Content 3</li>
143
 
                                    </ul>
144
 
                                </div>
145
 
                            </div>
146
 
                                        <div>
147
 
                                                <div>Lily Allen</div>
148
 
                                        </div>
149
 
                                        <div>
150
 
                                                <div>Purchased on the iPhone</div>
151
 
                                        </div>
152
 
                                        <div>
153
 
                                                <div>Purchased</div>
154
 
                                        </div>
155
 
                                        <div>
156
 
                                                <div>Air</div>
157
 
                                        </div>
158
 
                                        <div>
159
 
                                                <div>Amelie</div>
160
 
                                        </div>
161
 
                                        <div>
162
 
                                                <div>Ben Folds</div>
163
 
                                        </div>
164
 
                                        <div>
165
 
                                                <div>Ben Harper</div>
166
 
                                        </div>
167
 
                            <div>
168
 
                                <div>I am a div with some LI content inside me!
169
 
                                    <ul>
170
 
                                        <li>LI content 1</li>
171
 
                                        <li>LI Content 2</li>
172
 
                                        <li>LI Content 3</li>
173
 
                                    </ul>
174
 
                                </div>
175
 
                            </div>
176
 
                                        <div>
177
 
                                                <div>Bob Dylan</div>
178
 
                                        </div>
179
 
                                        <div>
180
 
                                                <div>Cake</div>
181
 
                                        </div>
182
 
                                        <div>
183
 
                                                <div>Citizen Cope</div>
184
 
                                        </div>
185
 
                                        <div>
186
 
                                                <div>Coldplay</div>
187
 
                                        </div>
188
 
                                        <div>
189
 
                                                <div>Dido</div>
190
 
                                        </div>
191
 
                                        <div>
192
 
                                                <div>Foo Fighters</div>
193
 
                                        </div>
194
 
                                        <div>
195
 
                                                <div>Lily Allen</div>
196
 
                                        </div>
197
 
 
198
 
                    </div>
199
 
 
200
 
 
201
 
 
202
 
</p>
203
 
 
204
 
<script type="text/javascript">
205
 
(function() {
206
 
    YUI({
207
 
        filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
208
 
        allowRollup: false
209
 
    }).use("console", "test", "dump", "scrollview-base", 'scrollview-list', function(Y) {
210
 
        
211
 
 
212
 
        // Set up the page
213
 
        var ASSERT = Y.Assert,
214
 
            ARRAYASSERT = Y.ArrayAssert;
215
 
 
216
 
        var myConsole = new Y.Console().render();
217
 
                
218
 
 
219
 
        var testBasic = new Y.Test.Case({
220
 
            name: "API Tests",
221
 
                        
222
 
                        svCfg1: {
223
 
                            contentBox: '#scrollable1',
224
 
                            height: 372,
225
 
                            width: 400,
226
 
                            flick : {
227
 
                                minDistance:0,
228
 
                                minVelocity:0
229
 
                            },
230
 
                            plugins: [Y.Plugin.ScrollViewList]
231
 
                        },
232
 
 
233
 
                        svCfg2: {
234
 
                            contentBox: '#scrollable2',
235
 
                            height: 372,
236
 
                            width: 400,
237
 
                            flick : {
238
 
                                minDistance:0,
239
 
                                minVelocity:0
240
 
                            },
241
 
                            plugins: [Y.Plugin.ScrollViewList]
242
 
                        },
243
 
 
244
 
                    //---------------------------------------------
245
 
                    // Setup and tear down
246
 
                    //---------------------------------------------
247
 
 
248
 
                    setUp : function () {
249
 
 
250
 
                    },
251
 
 
252
 
                    tearDown : function () {
253
 
 
254
 
                    },
255
 
                
256
 
                        
257
 
                        //---------------------------------------------
258
 
                    // Instantiation
259
 
                    //---------------------------------------------
260
 
 
261
 
                    //makes sure only immediate decendant LI and UL's are selected
262
 
                        testBasicScrollviewList: function() {
263
 
 
264
 
                                var sv = new Y.ScrollView(this.svCfg1),
265
 
                                cb, id, ul, li, className, special;
266
 
 
267
 
                                sv.render();
268
 
 
269
 
                                cb = sv.get('contentBox');
270
 
                                id = cb.get('id');
271
 
 
272
 
                                ul = Y.all('#'+ id +' > ul')
273
 
                                li = Y.all('#'+ id +' > ul > li');
274
 
                                special = Y.all('.special');
275
 
 
276
 
                                ul.each(function(item) {
277
 
                                        className = item.getAttribute('class');
278
 
                                        Y.log('checked ul');
279
 
                                        Y.Assert.areEqual("yui3-scrollview-list", className, "List Class name not equal");
280
 
                                });
281
 
 
282
 
                                li.each(function(item) {
283
 
                                        className = item.getAttribute('class');
284
 
                                        Y.log('checked li');
285
 
                                        Y.Assert.areEqual("yui3-scrollview-item", className, "Item Class name not equal");
286
 
                                });
287
 
 
288
 
                                special.each(function(item) {
289
 
                                        Y.log('checked specials');
290
 
                                        Y.Assert.isFalse(item.hasClass('yui3-scrollview-item'), "Special LIs should not have class");
291
 
                                });
292
 
 
293
 
                        },
294
 
 
295
 
                        testScrollviewListWithDiv: function() {
296
 
                                var sv = new Y.ScrollView(this.svCfg2),
297
 
                                cb, id, li;
298
 
 
299
 
                                cb = sv.get('contentBox');
300
 
                                id = cb.get('id');
301
 
 
302
 
                                li = Y.all('#' + id + ' li');
303
 
 
304
 
                                li.each(function(item) {
305
 
                                        Y.log('checked li');
306
 
                                        Y.Assert.isFalse(item.hasClass('yui3-scrollview-item'), "these LIs should not have class because they are not immediate decendants");
307
 
 
308
 
                                });
309
 
 
310
 
 
311
 
 
312
 
                        }
313
 
                        
314
 
        });
315
 
 
316
 
        var suite = new Y.Test.Suite({name:"Scrollview List Test Suite"});
317
 
        suite.add(testBasic);
318
 
 
319
 
        Y.Test.Runner.setName("Scrollview Test Runner");
320
 
        Y.Test.Runner.add(suite);
321
 
        Y.Test.Runner.run();
322
 
    });
323
 
})();
324
 
</script>
325
 
</body>
326
 
</html>