Fixed #158 - tab bar styles not set

This commit is contained in:
Max Lynch
2013-11-18 18:48:57 -06:00
parent 767d22812c
commit 5f0ae6ca51
4 changed files with 41 additions and 4 deletions

View File

@@ -113,6 +113,17 @@ describe('Tabs directive', function() {
scope.$digest();
expect(element.find('a').length).toBe(2);
});
it('Sets style on child tabs', function() {
element = compile('<tabs tabs-style="tabs-positive" tabs-type="tabs-icon-bottom">' +
'<tab active="true" title="Item" icon="icon-default"></tab>' +
'<tab active="true" title="Item" icon="icon-default"></tab>' +
'</tabs>')(scope);
scope.$digest();
var tabs = element[0].querySelector('.tabs');
expect(angular.element(tabs).hasClass('tabs-positive')).toEqual(true);
expect(angular.element(tabs).hasClass('tabs-icon-bottom')).toEqual(true);
});
});
describe('Tab Item directive', function() {

View File

@@ -43,6 +43,8 @@
text-decoration: line-through;
}
</style>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
</head>
<body ng-controller="RootCtrl">
<tabs
@@ -129,8 +131,6 @@
</div>
</script>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('tabsTest', ['ionic'])