mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
102 lines
3.2 KiB
JavaScript
102 lines
3.2 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'));
|
|
|
|
it('should assign $ionicSideMenusController', inject(function($compile, $rootScope) {
|
|
var el = $compile('<ion-side-menus></ion-side-menus>')($rootScope);
|
|
var scope = el.scope();
|
|
expect(el.controller('ionSideMenus')).toBeDefined();
|
|
expect(scope.$ionicSideMenusController).toBe(el.controller('ionSideMenus'));
|
|
}));
|
|
|
|
it('should assign sideMenuController with option', inject(function($compile, $rootScope) {
|
|
var el = $compile('<ion-side-menus controller-bind="supermodel"></ion-side-menus>')($rootScope.$new());
|
|
var scope = el.scope();
|
|
expect(el.controller('ionSideMenus')).toBeDefined();
|
|
expect(scope.$parent.supermodel).toBe(el.controller('ionSideMenus'));
|
|
}));
|
|
|
|
it('should init with custom model attr', function() {
|
|
});
|
|
});
|
|
|
|
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">' +
|
|
'<div class="content"></div>' +
|
|
'</div>'
|
|
).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 transclude content with same scope', function() {
|
|
var content = angular.element(element[0].querySelector('.content'));
|
|
expect(content.length).toBe(1);
|
|
expect(content.scope()).toBe(scope);
|
|
});
|
|
|
|
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');
|
|
});
|
|
});
|