inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

#17 test cases on keys

Browse Source
This commit is contained in:
mauriziovitale84
2016-05-05 11:35:55 +01:00
parent 298592bac7
commit 3f0cb314b7
3 changed files with 227 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
ng2-components/ng2-alfresco-login/src/components/alfresco-login.spec.js
View File

@@ -55,11 +55,18 @@ System.register(['angular2/platform/testing/browser', 'angular2/testing', 'angul
}());
TranslationMock = (function () {
function TranslationMock() {
this.onLangChange = new core_1.EventEmitter();
}
TranslationMock.prototype.setDefaultLang = function () {
};
TranslationMock.prototype.use = function () {
};
TranslationMock.prototype.get = function (key, interpolateParams) {
if (!key) {
throw new Error('Parameter "key" required');
}
return Rx_1.Observable.of(key);
};
return TranslationMock;
}());
testing_1.describe('AlfrescoLogin', function () {
@@ -80,7 +87,25 @@ System.register(['angular2/platform/testing/browser', 'angular2/testing', 'angul
router = r;
location = l;
}));
testing_1.it('should render `Login` form with input fields user and password with default value', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
testing_1.it('should render `Login` form with all the keys to be translated', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
return tcb
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
fixture.detectChanges();
var element = fixture.nativeElement;
testing_1.expect(element.querySelector('h2').innerText).toEqual('login');
testing_1.expect(element.querySelector('[for="username"]')).toBeDefined();
testing_1.expect(element.querySelector('[for="username"]').innerText).toEqual('username');
testing_1.expect(element.querySelector('#username-required').innerText).toEqual('input-required-message');
testing_1.expect(element.querySelector('[for="password"]')).toBeDefined();
testing_1.expect(element.querySelector('[for="password"]').innerText).toEqual('password');
testing_1.expect(element.querySelector('#password-required').innerText).toEqual('input-required-message');
});
}));
testing_1.it('should render user and password input fields with default values', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
return tcb
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
@@ -92,10 +117,14 @@ System.register(['angular2/platform/testing/browser', 'angular2/testing', 'angul
testing_1.expect(element.querySelector('input[type="text"]').value).toEqual('');
});
}));
testing_1.it('should render the new values after change the user and password values', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
testing_1.it('should render the new values after user and password values are changed', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
return tcb
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
fixture.detectChanges();
var compiled = fixture.debugElement.nativeElement;
var password = compiled.querySelector('input[type="password"]');
var username = compiled.querySelector('input[type="text"]');
@@ -105,19 +134,21 @@ System.register(['angular2/platform/testing/browser', 'angular2/testing', 'angul
testing_1.expect(compiled.querySelector('input[type="text"]').value).toEqual('my username');
});
}));
testing_1.it('should navigate to Home route after the login OK ', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
testing_1.it('should navigate to Home route after the login have succeeded ', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
return tcb
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
router.config([new router_2.Route({ path: '/home', name: 'Home', component: alfresco_login_1.AlfrescoLoginComponent })]);
spyOn(router, 'navigate').and.callThrough();
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
var compiled = fixture.debugElement.nativeElement;
var password = compiled.querySelector('input[type="password"]');
var username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-password';
component.form._value.username = 'fake-username';
component.form._value.password = 'fake-password';
compiled.querySelector('button').click();
testing_1.expect(fixture.componentInstance.error).toBe(false);
fixture.detectChanges();
testing_1.expect(component.error).toBe(false);
testing_1.expect(router.navigate).toHaveBeenCalledWith(['Home']);
});
}));
@@ -126,12 +157,14 @@ System.register(['angular2/platform/testing/browser', 'angular2/testing', 'angul
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
spyOn(router, 'navigate').and.callThrough();
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
var compiled = fixture.debugElement.nativeElement;
var password = compiled.querySelector('input[type="password"]');
var username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-wrong-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-password';
component.form._value.username = 'fake-wrong-username';
component.form._value.password = 'fake-password';
compiled.querySelector('button').click();
fixture.detectChanges();
testing_1.expect(fixture.componentInstance.error).toBe(true);
});
}));
@@ -140,12 +173,14 @@ System.register(['angular2/platform/testing/browser', 'angular2/testing', 'angul
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
spyOn(router, 'navigate').and.callThrough();
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
var compiled = fixture.debugElement.nativeElement;
var password = compiled.querySelector('input[type="password"]');
var username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-wrong-password';
component.form._value.username = 'fake-username';
component.form._value.password = 'fake-wrong-password';
compiled.querySelector('button').click();
fixture.detectChanges();
testing_1.expect(fixture.componentInstance.error).toBe(true);
});
}));
@@ -154,15 +189,54 @@ System.register(['angular2/platform/testing/browser', 'angular2/testing', 'angul
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
spyOn(router, 'navigate').and.callThrough();
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
var compiled = fixture.debugElement.nativeElement;
var password = compiled.querySelector('input[type="password"]');
var username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-wrong-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-wrong-password';
component.form._value.username = 'fake-wrong-username';
component.form._value.password = 'fake-wrong-password';
compiled.querySelector('button').click();
fixture.detectChanges();
testing_1.expect(fixture.componentInstance.error).toBe(true);
});
}));
testing_1.it('should emit onSuccess event after the login has succeeded', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
return tcb
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
spyOn(component.onSuccess, 'emit');
component.form._value.username = 'fake-username';
component.form._value.password = 'fake-password';
// trigger the click
var nativeElement = fixture.nativeElement;
var button = nativeElement.querySelector('button');
button.dispatchEvent(new Event('click'));
fixture.detectChanges();
testing_1.expect(component.onSuccess.emit).toHaveBeenCalledWith({ value: 'Login OK' });
});
}));
testing_1.it('should emit onError event after the login has failed', testing_1.injectAsync([testing_1.TestComponentBuilder], function (tcb) {
return tcb
.createAsync(alfresco_login_1.AlfrescoLoginComponent)
.then(function (fixture) {
//pipes.config();
var component = fixture.componentInstance;
component.isErrorStyle = function () {
};
spyOn(component.onError, 'emit');
component.form._value.username = 'fake-wrong-username';
component.form._value.password = 'fake-password';
// trigger the click
var nativeElement = fixture.nativeElement;
var button = nativeElement.querySelector('button');
button.dispatchEvent(new Event('click'));
fixture.detectChanges();
testing_1.expect(component.onError.emit).toHaveBeenCalledWith({ value: 'Login KO' });
});
}));
});
}
}

2
ng2-components/ng2-alfresco-login/src/components/alfresco-login.spec.js.map
View File

File diff suppressed because one or more lines are too long

158
ng2-components/ng2-alfresco-login/src/components/alfresco-login.spec.ts
View File

@@ -16,7 +16,7 @@
*/
import {TEST_BROWSER_PLATFORM_PROVIDERS, TEST_BROWSER_APPLICATION_PROVIDERS} from 'angular2/platform/testing/browser';
import {it, describe, expect, inject, injectAsync, beforeEach, beforeEachProviders, TestComponentBuilder, setBaseTestProviders} from 'angular2/testing';
import {Component, provide, Injector} from 'angular2/core';
import {Component, provide, Injector, EventEmitter} from 'angular2/core';
import {AlfrescoLoginComponent} from './alfresco-login';
import {Observable} from 'rxjs/Rx';
import {AlfrescoAuthenticationService} from '../services/alfresco-authentication';
@@ -24,7 +24,7 @@ import { RootRouter } from 'angular2/src/router/router';
import { Location, Router, RouteRegistry, ROUTER_PRIMARY_COMPONENT, Route } from 'angular2/router';
import { SpyLocation } from 'angular2/src/mock/location_mock';
import {dispatchEvent} from 'angular2/src/testing/utils';
import {TranslateService} from 'ng2-translate/ng2-translate';
import {TranslateService, LangChangeEvent} from 'ng2-translate/ng2-translate';
class AuthenticationMock {
public mockName:string = 'Mocked Service';
@@ -43,12 +43,21 @@ class AuthenticationMock {
}
class TranslationMock {
public onLangChange: EventEmitter<LangChangeEvent> = new EventEmitter<LangChangeEvent>();
setDefaultLang() {
}
use() {
}
public get(key: string|Array<string>, interpolateParams?: Object): Observable<string|any> {
if(!key) {
throw new Error('Parameter "key" required');
}
return Observable.of(key);
}
}
@@ -75,7 +84,33 @@ describe('AlfrescoLogin', () => {
location = l;
}));
it('should render `Login` form with input fields user and password with default value', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
it('should render `Login` form with all the keys to be translated', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
return tcb
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
fixture.detectChanges();
let element = fixture.nativeElement;
expect(element.querySelector('h2').innerText).toEqual('login');
expect(element.querySelector('[for="username"]')).toBeDefined();
expect(element.querySelector('[for="username"]').innerText).toEqual('username');
expect(element.querySelector('#username-required').innerText).toEqual('input-required-message');
expect(element.querySelector('[for="password"]')).toBeDefined();
expect(element.querySelector('[for="password"]').innerText).toEqual('password');
expect(element.querySelector('#password-required').innerText).toEqual('input-required-message');
});
}));
it('should render user and password input fields with default values', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
return tcb
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
@@ -89,10 +124,17 @@ describe('AlfrescoLogin', () => {
}));
it('should render the new values after change the user and password values', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
it('should render the new values after user and password values are changed', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
return tcb
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
fixture.detectChanges();
let compiled = fixture.debugElement.nativeElement;
let password = compiled.querySelector('input[type="password"]');
@@ -106,23 +148,27 @@ describe('AlfrescoLogin', () => {
});
}));
it('should navigate to Home route after the login OK ', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
it('should navigate to Home route after the login have succeeded ', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
return tcb
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
router.config([new Route({path: '/home', name: 'Home', component: AlfrescoLoginComponent})]);
spyOn(router, 'navigate').and.callThrough();
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
let compiled = fixture.debugElement.nativeElement;
let password = compiled.querySelector('input[type="password"]');
let username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-password';
component.form._value.username = 'fake-username';
component.form._value.password = 'fake-password';
compiled.querySelector('button').click();
expect(fixture.componentInstance.error).toBe(false);
fixture.detectChanges();
expect(component.error).toBe(false);
expect(router.navigate).toHaveBeenCalledWith(['Home']);
});
}));
@@ -132,16 +178,19 @@ describe('AlfrescoLogin', () => {
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
spyOn(router, 'navigate').and.callThrough();
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
let compiled = fixture.debugElement.nativeElement;
let password = compiled.querySelector('input[type="password"]');
let username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-wrong-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-password';
component.form._value.username = 'fake-wrong-username';
component.form._value.password = 'fake-password';
compiled.querySelector('button').click();
fixture.detectChanges();
expect(fixture.componentInstance.error).toBe(true);
});
}));
@@ -151,16 +200,19 @@ describe('AlfrescoLogin', () => {
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
spyOn(router, 'navigate').and.callThrough();
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
let compiled = fixture.debugElement.nativeElement;
let password = compiled.querySelector('input[type="password"]');
let username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-wrong-password';
component.form._value.username = 'fake-username';
component.form._value.password = 'fake-wrong-password';
compiled.querySelector('button').click();
fixture.detectChanges();
expect(fixture.componentInstance.error).toBe(true);
});
}));
@@ -170,19 +222,73 @@ describe('AlfrescoLogin', () => {
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
spyOn(router, 'navigate').and.callThrough();
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
let compiled = fixture.debugElement.nativeElement;
let password = compiled.querySelector('input[type="password"]');
let username = compiled.querySelector('input[type="text"]');
fixture.debugElement.componentInstance.form._value.username = 'fake-wrong-username';
fixture.debugElement.componentInstance.form._value.password = 'fake-wrong-password';
component.form._value.username = 'fake-wrong-username';
component.form._value.password = 'fake-wrong-password';
compiled.querySelector('button').click();
fixture.detectChanges();
expect(fixture.componentInstance.error).toBe(true);
});
}));
it('should emit onSuccess event after the login has succeeded', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
return tcb
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
spyOn(component.onSuccess, 'emit');
component.form._value.username = 'fake-username';
component.form._value.password = 'fake-password';
// trigger the click
let nativeElement = fixture.nativeElement;
let button = nativeElement.querySelector('button');
button.dispatchEvent(new Event('click'));
fixture.detectChanges();
expect(component.onSuccess.emit).toHaveBeenCalledWith({value: 'Login OK'});
});
}));
it('should emit onError event after the login has failed', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
return tcb
.createAsync(AlfrescoLoginComponent)
.then((fixture) => {
//pipes.config();
let component = fixture.componentInstance;
component.isErrorStyle = function () {
};
spyOn(component.onError, 'emit');
component.form._value.username = 'fake-wrong-username';
component.form._value.password = 'fake-password';
// trigger the click
let nativeElement = fixture.nativeElement;
let button = nativeElement.querySelector('button');
button.dispatchEvent(new Event('click'));
fixture.detectChanges();
expect(component.onError.emit).toHaveBeenCalledWith({value: 'Login KO'});
});
}));
});