OLD | NEW |
1 'use strict'; | 1 'use strict'; |
2 | 2 |
3 describe('charm container widget', function() { | 3 describe('charm container widget', function() { |
4 var container, Y, charm_container; | 4 var container, Y, charm_container; |
5 | 5 |
6 before(function(done) { | 6 before(function(done) { |
7 Y = YUI(GlobalConfig).use([ | 7 Y = YUI(GlobalConfig).use([ |
8 'array', | 8 'array', |
9 'browser-charm-container', | 9 'browser-charm-container', |
10 'browser-charm-small', | 10 'browser-charm-token', |
11 'node-event-simulate'], | 11 'node-event-simulate'], |
12 function(Y) { | 12 function(Y) { |
13 done(); | 13 done(); |
14 }); | 14 }); |
15 }); | 15 }); |
16 | 16 |
17 beforeEach(function() { | 17 beforeEach(function() { |
18 container = Y.Node.create('<div id="container"></div>'); | 18 container = Y.Node.create('<div id="container"></div>'); |
19 Y.one(document.body).prepend(charm_container); | 19 Y.one(document.body).prepend(charm_container); |
20 }); | 20 }); |
(...skipping 27 matching lines...) Expand all Loading... |
48 name: 'foo' | 48 name: 'foo' |
49 },{ | 49 },{ |
50 name: 'bar' | 50 name: 'bar' |
51 },{ | 51 },{ |
52 name: 'baz' | 52 name: 'baz' |
53 },{ | 53 },{ |
54 name: 'hob' | 54 name: 'hob' |
55 }] | 55 }] |
56 }); | 56 }); |
57 charm_container.render(container); | 57 charm_container.render(container); |
58 var charms = container.all('.yui3-charmsmall'), | 58 var charms = container.all('.yui3-charmtoken'), |
59 shown_charms = charms.slice(0, 3), | 59 shown_charms = charms.slice(0, 3), |
60 hidden_charms = charms.slice(3, 4); | 60 hidden_charms = charms.slice(3, 4); |
61 Y.Array.each(shown_charms, function(charm) { | 61 Y.Array.each(shown_charms, function(charm) { |
62 assert.isFalse(charm.hasClass('yui3-charmsmall-hidden')); | 62 assert.isFalse(charm.hasClass('yui3-charmtoken-hidden')); |
63 }); | 63 }); |
64 Y.Array.each(hidden_charms, function(charm) { | 64 Y.Array.each(hidden_charms, function(charm) { |
65 assert.isTrue(charm.hasClass('yui3-charmsmall-hidden')); | 65 assert.isTrue(charm.hasClass('yui3-charmtoken-hidden')); |
66 }); | 66 }); |
67 }); | 67 }); |
68 | 68 |
69 it('renders', function() { | 69 it('renders', function() { |
70 charm_container = new Y.juju.widgets.browser.CharmContainer({ | 70 charm_container = new Y.juju.widgets.browser.CharmContainer({ |
71 name: 'Popular', | 71 name: 'Popular', |
72 children: [{ | 72 children: [{ |
73 name: 'foo' | 73 name: 'foo' |
74 },{ | 74 },{ |
75 name: 'bar' | 75 name: 'bar' |
76 },{ | 76 },{ |
77 name: 'baz' | 77 name: 'baz' |
78 },{ | 78 },{ |
79 name: 'hob' | 79 name: 'hob' |
80 }] | 80 }] |
81 }); | 81 }); |
82 charm_container.render(container); | 82 charm_container.render(container); |
83 assert.equal('Popular', container.one('h3').get('text')); | 83 assert.equal('Popular', container.one('h3').get('text')); |
84 assert.equal('See 1 more', container.one('.expand').get('text')); | 84 assert.equal('See 1 more', container.one('.expand').get('text')); |
85 }); | 85 }); |
86 | 86 |
87 it('toggle between all or a just few items being shown', function() { | 87 it('toggle between all or a just few items being shown', function() { |
| 88 var hidden; |
88 charm_container = new Y.juju.widgets.browser.CharmContainer({ | 89 charm_container = new Y.juju.widgets.browser.CharmContainer({ |
89 name: 'Popular', | 90 name: 'Popular', |
90 children: [{ | 91 children: [{ |
91 name: 'foo' | 92 name: 'foo' |
92 },{ | 93 },{ |
93 name: 'bar' | 94 name: 'bar' |
94 },{ | 95 },{ |
95 name: 'baz' | 96 name: 'baz' |
96 },{ | 97 },{ |
97 name: 'hob' | 98 name: 'hob' |
98 }] | 99 }] |
99 }); | 100 }); |
100 charm_container.render(container); | 101 charm_container.render(container); |
101 var hidden = container.all('.yui3-charmsmall-hidden'); | 102 |
102 assert.equal(1, hidden.size()); | |
103 container.one('.expand').simulate('click'); | 103 container.one('.expand').simulate('click'); |
104 hidden = container.all('.yui3-charmsmall-hidden'); | 104 hidden = container.all('.yui3-charmtoken-hidden'); |
105 assert.equal( | 105 assert.equal( |
106 0, hidden.size(), | 106 0, hidden.size(), |
107 'Hidden items after all items should be visible.'); | 107 'Hidden items after all items should be visible.'); |
108 assert.equal('See less', container.one('.expand').get('text')); | 108 assert.equal('See less', container.one('.expand').get('text')); |
109 | 109 |
110 container.one('.expand').simulate('click'); | 110 container.one('.expand').simulate('click'); |
111 hidden = container.all('.yui3-charmsmall-hidden'); | 111 hidden = container.all('.yui3-charmtoken-hidden'); |
112 assert.equal( | 112 assert.equal( |
113 1, hidden.size(), | 113 1, hidden.size(), |
114 'No hidden items after extra items should be hidden.'); | 114 'No hidden items after extra items should be hidden.'); |
115 assert.equal('See 1 more', container.one('.expand').get('text')); | 115 assert.equal('See 1 more', container.one('.expand').get('text')); |
116 }); | 116 }); |
117 }); | 117 }); |
OLD | NEW |