Updates charm container design

test/test_charm_container.js

 'use strict';
 
 describe('charm container widget', function() {
   var container, Y, charm_container;
 
   before(function(done) {
     Y = YUI(GlobalConfig).use([
       'array',
       'browser-charm-container',
       'browser-charm-token',
@@ skipping 62 matching lines @@
         name: 'foo'
       },{
         name: 'bar'
       },{
         name: 'baz'
       },{
         name: 'hob'
       }]
     });
     charm_container.render(container);
-    assert.equal('Popular', container.one('h3').get('text'));
+    assert.equal('Popular (4)', container.one('h3').get('text'));
     assert.isFalse(container.one('.more').hasClass('hidden'));
     assert.isTrue(container.one('.less').hasClass('hidden'));
   });
 
   it('toggles between all or just a few items being shown', function() {
     var hidden;
     charm_container = new Y.juju.widgets.browser.CharmContainer({
-      name: 'Popular',
       children: [{
         name: 'foo'
       },{
         name: 'bar'
       },{
         name: 'baz'
       },{
         name: 'hob'
       }]
     });
@@ skipping 13 matching lines @@
         1, hidden.size(),
         'No hidden items after extra items should be hidden.');
     assert.isTrue(container.one('.less').hasClass('hidden'));
     assert.isFalse(container.one('.more').hasClass('hidden'));
   });
 
   it('handles having no charm tokens', function() {
     charm_container = new Y.juju.widgets.browser.CharmContainer({name: 'Foo'});
     charm_container.render(container);
     var rendered = container.one('.yui3-charmcontainer');
-    assert.equal('Foo', rendered.one('h3').get('text'));
+    assert.equal('Foo (0)', rendered.one('h3').get('text'));
   });
 
   it('handles having less charms tokens than its cutoff', function() {
     charm_container = new Y.juju.widgets.browser.CharmContainer({
       name: 'Popular',
       cutoff: 6,
       children: [{
         name: 'foo'
       },{
         name: 'bar'
       },{
         name: 'baz'
       },{
         name: 'hob'
       }]
     });
     charm_container.render(container);
 
     var rendered = container.one('.yui3-charmcontainer');
-    assert.equal('Popular', rendered.one('h3').get('text'));
+    assert.equal('Popular (4)', rendered.one('h3').get('text'));
     assert.equal(4, container.all('.yui3-charmtoken').size());
     assert.equal(0, container.all('.yui3-charmtoken-hidden').size());
     assert.equal(1, charm_container._events.length);
     assert.isNull(rendered.one('.expand'));
   });
 });