Add support for related charms on interfaces tab.

test/test_charm_token.js

 /*
 This file is part of the Juju GUI, which lets users view and manage Juju
 environments within a graphical interface (https://launchpad.net/juju-gui).
 Copyright (C) 2012-2013 Canonical Ltd.
 
 This program is free software: you can redistribute it and/or modify it under
 the terms of the GNU Affero General Public License version 3, as published by
 the Free Software Foundation.
 
 This program is distributed in the hope that it will be useful, but WITHOUT
@@ skipping 65 matching lines @@
     var charm = new CharmToken({
       size: 'large'
     });
     charm.get('size').should.eql('large');
 
     // and the css class should be on the token once rendered.
     charm.render(charm_container);
     charm_container.one('.charm-token').hasClass('large').should.equal(true);
   });
 
+  it('allows setting a tiny size', function() {
+    var charm = new CharmToken({
+      size: 'tiny',
+      description: 'some description',
+      mainCategory: 'app-servers',
+      recent_commit_count: 1,
+      recent_download_count: 3
+    });
+    assert.equal('tiny', charm.get('size'));
+
+    // and the css class should be on the token once rendered.
+    charm.render(charm_container);
+    assert(charm_container.one('.charm-token').hasClass('tiny'));
+
+    var iconNode = charm_container.one('.category-icon');
+    assert.equal(iconNode.hasClass('charm-app-servers-48'), true);
+  });
+
   it('sets an icon per the category if available', function() {
     var cfg = {
       id: 'test',
       name: 'some-charm',
       description: 'some description',
       mainCategory: 'app-servers',
       recent_commit_count: 1,
       recent_download_count: 3,
       tested_providers: ['ec2']
     };
@@ skipping 16 matching lines @@
       tested_providers: ['ec2']
     };
 
     var charm = new CharmToken(cfg);
     charm.render(charm_container);
     var iconNode = charm_container.one('.category-icon');
     assert.equal(iconNode.hasClass('charm-app-servers-96'), true);
   });
 
 });