mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
2c39a21498
BREAKING CHANGE: All directives are now prefixed with `ion-`.
For any directive you use, add the ionic prefix.
For example, change this HTML:
```html
<tabs>
<tab title="home" href="/tab/home">
<content>Hello!</content>
</tab>
</tabs>
```
To this HTML:
```
<ion-tabs>
<ion-tab title="home" href="/tab/home">
<ion-content>Hello!</ion-content>
</ion-tab>
</ion-tabs>
```
84 lines
2.4 KiB
JavaScript
84 lines
2.4 KiB
JavaScript
/**
|
|
* Test the side menu directive. For more test coverage of the side menu,
|
|
* see the core Ionic sideMenu controller tests.
|
|
*/
|
|
describe('Ionic Angular Side Menu', function() {
|
|
var el;
|
|
|
|
beforeEach(module('ionic.ui.sideMenu'));
|
|
|
|
beforeEach(inject(function($compile, $rootScope) {
|
|
el = $compile('<ion-side-menus></ion-side-menus>')($rootScope);
|
|
}));
|
|
|
|
it('Should init', function() {
|
|
var scope = el.scope();
|
|
expect(scope.sideMenuController).not.toBe(undefined);
|
|
});
|
|
});
|
|
|
|
describe('Ionic Side Menu Content Directive', function () {
|
|
var $compile, element, scope, sideMenusCtrl;
|
|
|
|
beforeEach(module('ionic.ui.sideMenu'));
|
|
|
|
beforeEach(inject(function (_$compile_, _$rootScope_) {
|
|
$compile = _$compile_;
|
|
scope = _$rootScope_;
|
|
|
|
var sideMenus = $compile('<ion-side-menus>')(scope).appendTo('body');
|
|
|
|
sideMenuCtrl = sideMenus.controller('sideMenus');
|
|
spyOn(sideMenuCtrl, '_handleDrag');
|
|
|
|
element = angular.element('<div ion-side-menu-content>').appendTo(sideMenus);
|
|
|
|
$compile(element)(scope);
|
|
scope.$digest();
|
|
}));
|
|
});
|
|
|
|
describe('Ionic Side Menu Directive', function () {
|
|
var element, scope, sideMenuCtrl;
|
|
|
|
beforeEach(module('ionic.ui.sideMenu'));
|
|
|
|
beforeEach(inject(function (_$compile_, _$rootScope_) {
|
|
var $compile = _$compile_;
|
|
var $rootScope = _$rootScope_.$new();
|
|
|
|
$rootScope.widthVal = 250;
|
|
$rootScope.enabledVal = true;
|
|
|
|
var sideMenus = $compile('<ion-side-menus>')($rootScope);
|
|
|
|
sideMenuCtrl = sideMenus.controller('ionSideMenus');
|
|
|
|
element = angular.element('<ion-side-menu side="left" is-enabled="enabledVal" width="widthVal">').appendTo(sideMenus);
|
|
$compile(element)($rootScope);
|
|
|
|
scope = element.scope();
|
|
scope.$digest();
|
|
}));
|
|
|
|
it('Should set attributes on the controller', function () {
|
|
expect(sideMenuCtrl.left.isEnabled).not.toBe(undefined);
|
|
expect(sideMenuCtrl.left.pushDown).not.toBe(undefined);
|
|
expect(sideMenuCtrl.left.bringUp).not.toBe(undefined);
|
|
});
|
|
|
|
it('should watch isEnabled', function() {
|
|
expect(sideMenuCtrl.left.isEnabled).toBe(true);
|
|
scope.$apply('enabledVal = false');
|
|
expect(sideMenuCtrl.left.isEnabled).toBe(false);
|
|
});
|
|
|
|
it('should watch width', function() {
|
|
expect(sideMenuCtrl.left.width).toBe(250);
|
|
expect(sideMenuCtrl.left.el.style.width).toBe('250px');
|
|
scope.$apply('widthVal = 222');
|
|
expect(sideMenuCtrl.left.width).toBe(222);
|
|
expect(sideMenuCtrl.left.el.style.width).toBe('222px');
|
|
});
|
|
});
|