fix(tabs): Make tabset template correctly use tabset attributes (#584)

* replace is now set to true in the tabset directive options

src/tabs/tabs.js

@@ -80,6 +80,7 @@ function TabsetCtrl($scope, $element) {
   return {
     restrict: 'EA',
     transclude: true,
+    replace: true,
     scope: {},
     controller: 'TabsetController',
     templateUrl: 'template/tabs/tabset.html',

src/tabs/test/tabsSpec.js

@@ -36,7 +36,7 @@ describe('tabs', function() {
       scope.selectSecond = jasmine.createSpy(); 
       elm = $compile([
         '<div>',
-        '  <tabset>',
+        '  <tabset class="hello" data-pizza="pepperoni">',
         '    <tab heading="First Tab {{first}}" active="actives.one" select="selectFirst()">',
         '      first content is {{first}}',
         '    </tab>',
@@ -51,6 +51,12 @@ describe('tabs', function() {
       return elm;
     }));
 
+    it('should pass class and other attributes on to tab template', function() {
+      var tabbable = elm.find('.tabbable');
+      expect(tabbable).toHaveClass('hello');
+      expect(tabbable.attr('data-pizza')).toBe('pepperoni');
+    });
+
     it('should create clickable titles', function() {
       var t = titles();
       expect(t.length).toBe(2);