mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
293 lines
12 KiB
JavaScript
293 lines
12 KiB
JavaScript
describe('$ionicPopup service', function() {
|
|
beforeEach(module('ionic'));
|
|
var $ionicPopup;
|
|
beforeEach(inject(function(_$ionicPopup_) {
|
|
$ionicPopup = _$ionicPopup_;
|
|
ionic.requestAnimationFrame = function(cb) { cb(); };
|
|
}));
|
|
|
|
describe('createPopup', function() {
|
|
it('should make a popup element appended to body', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
expect(popup.element).toBeTruthy();
|
|
expect(popup.element.hasClass('popup-container')).toBe(true);
|
|
expect(popup.element.parent()[0]).toBe(document.body);
|
|
});
|
|
it('should default to $rootScope child as scope', inject(function($rootScope) {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
expect(popup.scope.$parent).toBe($rootScope);
|
|
}));
|
|
it('should use child of passed in scope', inject(function($rootScope) {
|
|
var scope = $rootScope.$new();
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup({
|
|
scope: scope
|
|
}));
|
|
expect(popup.scope.$parent).toBe(scope);
|
|
}));
|
|
it('should set .popup-body html to content option', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup({
|
|
content: 'Hello, friend!'
|
|
}));
|
|
var popupBody = popup.element[0].querySelector('.popup-body');
|
|
expect(popupBody.innerText).toBe('Hello, friend!');
|
|
});
|
|
it('should set .popup-body html to template option', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup({
|
|
template: 'Hello, comrade!'
|
|
}));
|
|
var popupBody = popup.element[0].querySelector('.popup-body');
|
|
expect(popupBody.innerText).toBe('Hello, comrade!');
|
|
});
|
|
it('should set .popup-body html to templateUrl option', inject(function($ionicTemplateLoader, $q) {
|
|
spyOn($ionicTemplateLoader, 'load').andReturn($q.when('Hello, amigo!'));
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup({
|
|
templateUrl: 'hello.html'
|
|
}));
|
|
expect($ionicTemplateLoader.load).toHaveBeenCalledWith('hello.html');
|
|
var popupBody = popup.element[0].querySelector('.popup-body');
|
|
expect(popupBody.innerText).toBe('Hello, amigo!');
|
|
}));
|
|
it('should remove .popup-body if no content|template|templateUrl', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
var popupBody = popup.element[0].querySelector('.popup-body');
|
|
expect(popupBody).toBe(null);
|
|
});
|
|
it('should set the specified custom CSS class to popup container', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup({
|
|
template: 'Hello, friend!',
|
|
cssClass: 'mycustomclass'
|
|
}));
|
|
expect(popup.element.hasClass('mycustomclass')).toBe(true);
|
|
});
|
|
|
|
describe('$buttonTapped', function() {
|
|
var popup;
|
|
beforeEach(function() {
|
|
popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
spyOn(popup.responseDeferred, 'resolve');
|
|
});
|
|
it('should call button.onTap with event', function() {
|
|
var button = { onTap: jasmine.createSpy('onTap') };
|
|
var event = {};
|
|
popup.scope.$buttonTapped(button, event);
|
|
expect(button.onTap).toHaveBeenCalledWith(event);
|
|
});
|
|
it('should resolve with return value from button.onTap', function() {
|
|
popup.scope.$buttonTapped({
|
|
onTap: function() { return '123'; }
|
|
}, {});
|
|
expect(popup.responseDeferred.resolve).toHaveBeenCalledWith('123');
|
|
});
|
|
it('should not resolve if defaultPrevented', function() {
|
|
popup.scope.$buttonTapped({
|
|
onTap: function(){}
|
|
}, {
|
|
defaultPrevented: true
|
|
});
|
|
expect(popup.responseDeferred.resolve).not.toHaveBeenCalled();
|
|
});
|
|
});
|
|
|
|
describe('show', function() {
|
|
it('should add classes', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
popup.element.addClass('popup-hidden');
|
|
popup.show();
|
|
expect(popup.element.hasClass('popup-hidden')).toBe(false);
|
|
expect(popup.element.hasClass('popup-showing active')).toBe(true);
|
|
});
|
|
it('should set isShown to true', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
expect(popup.isShown).toBeFalsy();
|
|
popup.show();
|
|
expect(popup.isShown).toBe(true);
|
|
});
|
|
it('should not show if isShown=false during raf wait', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
var rafCallback;
|
|
ionic.requestAnimationFrame = function(cb) { rafCallback = cb; };
|
|
expect(popup.isShown).toBeFalsy();
|
|
popup.show();
|
|
expect(popup.isShown).toBe(true);
|
|
popup.isShown = false;
|
|
rafCallback();
|
|
expect(popup.element.hasClass('popup-showing')).toBe(false);
|
|
expect(popup.element.hasClass('active')).toBe(false);
|
|
ionic.requestAnimationFrame = function(cb) { cb(); };
|
|
});
|
|
// Test broken in PhantomJS because it uses element.offsetHeight
|
|
// it('should shrink .popup-body height so that the popup is never taller than the window', function() {
|
|
// str = 'All work and no play... ';
|
|
// for(var i=0; i<13;i++){
|
|
// str = str + str;
|
|
// }
|
|
// var popup = TestUtil.unwrapPromise($ionicPopup._createPopup({
|
|
// template: str
|
|
// }));
|
|
// popup.show();
|
|
// var windowIsLarger = popup.element[0].offsetHeight < window.innerHeight;
|
|
// expect(windowIsLarger).toBe(true);
|
|
// });
|
|
});
|
|
|
|
describe('hide', function() {
|
|
it('should remove active, add popup-hidden, and call callback', inject(function($timeout) {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
popup.element.addClass('active');
|
|
popup.isShown = true;
|
|
var spy = jasmine.createSpy('callback');
|
|
popup.hide(spy);
|
|
expect(popup.element.hasClass('active')).toBe(false);
|
|
expect(popup.element.hasClass('popup-hidden')).toBe(true);
|
|
expect(spy).not.toHaveBeenCalled();
|
|
$timeout.flush();
|
|
expect(spy).toHaveBeenCalled();
|
|
}));
|
|
it('should keep class if isShown isnt true', inject(function($ionicBackdrop) {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
popup.element.addClass('active');
|
|
popup.isShown = false;
|
|
popup.hide();
|
|
expect(popup.element.hasClass('active')).toBe(true);
|
|
}));
|
|
});
|
|
|
|
describe('remove', function() {
|
|
it('should hide and then remove the element and destroy the scope', function() {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
spyOn(popup, 'hide').andCallFake(function(cb) {
|
|
cb();
|
|
});
|
|
spyOn(popup.element, 'remove');
|
|
spyOn(popup.scope, '$destroy');
|
|
popup.remove();
|
|
expect(popup.hide).toHaveBeenCalled();
|
|
expect(popup.element.remove).toHaveBeenCalled();
|
|
expect(popup.scope.$destroy).toHaveBeenCalled();
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
describe('$ionicPopup.showPopup()', function() {
|
|
afterEach(function() {
|
|
document.body.classList.remove('popup-open');
|
|
});
|
|
|
|
it('should add popup-open and retain backdrop and register back button action if no previous popup', inject(function($ionicBackdrop, $timeout, $ionicPlatform) {
|
|
spyOn($ionicPlatform, 'registerBackButtonAction').andReturn('actionReturn');
|
|
spyOn($ionicBackdrop, 'retain');
|
|
$ionicPopup.show();
|
|
$timeout.flush();
|
|
expect(angular.element(document.body).hasClass('popup-open')).toBe(true);
|
|
expect($ionicBackdrop.retain).toHaveBeenCalled();
|
|
expect($ionicPlatform.registerBackButtonAction).toHaveBeenCalledWith(
|
|
jasmine.any(Function),
|
|
PLATFORM_BACK_BUTTON_PRIORITY_POPUP
|
|
);
|
|
expect($ionicPopup._backButtonActionDone).toBe('actionReturn');
|
|
}));
|
|
|
|
it('should hide previous popup if exists and not popup-open & backdrop', inject(function($ionicBackdrop, $timeout) {
|
|
var previousPopup = { hide: jasmine.createSpy('hide') };
|
|
spyOn($ionicBackdrop, 'retain');
|
|
$ionicPopup._popupStack.unshift(previousPopup);
|
|
$ionicPopup.show();
|
|
$timeout.flush();
|
|
expect(previousPopup.hide).toHaveBeenCalled();
|
|
expect(angular.element(document.body).hasClass('popup-open')).toBe(false);
|
|
expect($ionicBackdrop.retain).not.toHaveBeenCalled();
|
|
}));
|
|
|
|
it('should after timeout add popup to popupstack and show it', inject(function($ionicPopup, $timeout, $q) {
|
|
var fakePopup = {
|
|
show: jasmine.createSpy('show'),
|
|
responseDeferred: $q.defer()
|
|
};
|
|
spyOn($ionicPopup, '_createPopup').andReturn($q.when(fakePopup));
|
|
expect($ionicPopup._popupStack.length).toBe(0);
|
|
$ionicPopup.show();
|
|
expect(fakePopup.show).not.toHaveBeenCalled();
|
|
$timeout.flush();
|
|
expect($ionicPopup._popupStack.length).toBe(1);
|
|
expect($ionicPopup._popupStack[0]).toBe(fakePopup);
|
|
expect(fakePopup.show).toHaveBeenCalled();
|
|
}));
|
|
|
|
it('should have close function which resolves promise with argument', inject(function($ionicPopup, $q, $rootScope) {
|
|
var popup = TestUtil.unwrapPromise($ionicPopup._createPopup());
|
|
spyOn($ionicPopup, '_createPopup').andReturn($q.when(popup));
|
|
var result = $ionicPopup.show();
|
|
spyOn(popup.responseDeferred, 'resolve');
|
|
result.close('foobar');
|
|
$rootScope.$apply();
|
|
expect(popup.responseDeferred.resolve).toHaveBeenCalledWith('foobar');
|
|
}));
|
|
|
|
it('should after timeout and resolve remove popup, then return result', inject(function($ionicPopup, $timeout, $q, $rootScope) {
|
|
var fakePopup = {
|
|
show: jasmine.createSpy('show'),
|
|
remove: jasmine.createSpy('remove'),
|
|
responseDeferred: $q.defer()
|
|
};
|
|
spyOn($ionicPopup, '_createPopup').andReturn($q.when(fakePopup));
|
|
var result = $ionicPopup.show();
|
|
$timeout.flush();
|
|
expect(fakePopup.remove).not.toHaveBeenCalled();
|
|
fakePopup.responseDeferred.resolve('popup result!');
|
|
$rootScope.$apply();
|
|
expect(fakePopup.remove).toHaveBeenCalled();
|
|
expect($ionicPopup._popupStack.length).toBe(0);
|
|
expect(TestUtil.unwrapPromise(result)).toBe('popup result!');
|
|
}));
|
|
|
|
it('should show previous popup on resolve if exists', inject(function($q, $timeout) {
|
|
var fakePopup = {
|
|
show: jasmine.createSpy('show'),
|
|
remove: jasmine.createSpy('remove'),
|
|
responseDeferred: $q.defer()
|
|
};
|
|
var previousPopup = {
|
|
show: jasmine.createSpy('show'),
|
|
hide: jasmine.createSpy('hide')
|
|
};
|
|
spyOn($ionicPopup, '_createPopup').andReturn($q.when(fakePopup));
|
|
$ionicPopup._popupStack.unshift(previousPopup);
|
|
$ionicPopup.show();
|
|
fakePopup.responseDeferred.resolve();
|
|
$timeout.flush();
|
|
expect(previousPopup.show).toHaveBeenCalled();
|
|
}));
|
|
|
|
it('should release backdrop and remove popup-open and deregister back if no previous', inject(function($q, $timeout, $ionicBackdrop, $ionicPlatform) {
|
|
var fakePopup = {
|
|
show: jasmine.createSpy('show'),
|
|
remove: jasmine.createSpy('remove'),
|
|
responseDeferred: $q.defer()
|
|
};
|
|
var backDoneSpy = jasmine.createSpy('backDone');
|
|
spyOn($ionicPlatform, 'registerBackButtonAction').andReturn(backDoneSpy);
|
|
spyOn($ionicBackdrop, 'release');
|
|
spyOn($ionicPopup, '_createPopup').andReturn($q.when(fakePopup));
|
|
$ionicPopup.show();
|
|
fakePopup.responseDeferred.resolve();
|
|
$timeout.flush();
|
|
expect(backDoneSpy).toHaveBeenCalled();
|
|
$timeout.flush();
|
|
expect($ionicBackdrop.release).toHaveBeenCalled();
|
|
expect(document.body.classList.contains('popup-open')).toBe(false);
|
|
}));
|
|
it('template should only overwrite prompt input if it includes html', inject(function($timeout) {
|
|
spyOn($ionicPopup, '_createPopup');
|
|
$ionicPopup.prompt({template: "Tacos!"});
|
|
params = $ionicPopup._createPopup.mostRecentCall.args;
|
|
expect(params[0].template.indexOf('<span>Tacos!</span>')).toEqual(0);
|
|
expect(params[0].template.indexOf('<input')).toBeGreaterThan(6);
|
|
|
|
$ionicPopup.prompt({template: '<input type="email" />'});
|
|
params = $ionicPopup._createPopup.mostRecentCall.args;
|
|
expect(params[0].template.indexOf('<input type="email" />')).toEqual(0);
|
|
}));
|
|
});
|
|
});
|