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

Fix control pristine property

Browse Source
This commit is contained in:
mauriziovitale84
2016-06-27 15:35:41 +01:00
parent b97217dcd4
commit 2c38746d5d
2 changed files with 37 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -89,6 +89,24 @@ describe('AlfrescoLogin', () => {
expect(element.querySelector('input[type="text"]').value).toEqual('');
});
it('should render validation min-length error when the username is just 1 character', () => {
let compiled = componentFixture.debugElement.nativeElement;
let usernameInput = compiled.querySelector('#username');
componentFixture.detectChanges();
usernameInput.value = '1';
usernameInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
expect(component.formError).toBeDefined();
expect(component.formError.username).toBeDefined();
expect(component.formError.username).toEqual('LOGIN.MESSAGES.USERNAME-MIN');
expect(compiled.querySelector('#username-error')).toBeDefined();
expect(compiled.querySelector('#username-error').innerText).toEqual('LOGIN.MESSAGES.USERNAME-MIN');
});
it('should render validation min-length error when the username is lower than 4 characters', () => {
let compiled = componentFixture.debugElement.nativeElement;
let usernameInput = compiled.querySelector('#username');
@@ -100,10 +118,6 @@ describe('AlfrescoLogin', () => {
componentFixture.detectChanges();
component.onValueChanged(null);
componentFixture.detectChanges();
expect(component.formError).toBeDefined();
expect(component.formError.username).toBeDefined();
expect(component.formError.username).toEqual('LOGIN.MESSAGES.USERNAME-MIN');
@@ -111,21 +125,18 @@ describe('AlfrescoLogin', () => {
expect(compiled.querySelector('#username-error').innerText).toEqual('LOGIN.MESSAGES.USERNAME-MIN');
});
it('should render validation required error when the username is empty', () => {
it('should render validation required error when the username is empty and dirty', () => {
let compiled = componentFixture.debugElement.nativeElement;
let usernameInput = compiled.querySelector('#username');
componentFixture.detectChanges();
usernameInput.value = '';
component.form.controls.username.markAsDirty();
usernameInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
componentFixture.detectChanges();
expect(component.formError).toBeDefined();
expect(component.formError.username).toBeDefined();
expect(component.formError.username).toEqual('LOGIN.MESSAGES.USERNAME-REQUIRED');
@@ -133,21 +144,18 @@ describe('AlfrescoLogin', () => {
expect(compiled.querySelector('#username-error').innerText).toEqual('LOGIN.MESSAGES.USERNAME-REQUIRED');
});
it('should render validation required error when the password is empty', () => {
it('should render validation required error when the password is empty and dirty', () => {
let compiled = componentFixture.debugElement.nativeElement;
let passwordInput = compiled.querySelector('#password');
componentFixture.detectChanges();
passwordInput.value = '';
component.form.controls.password.markAsDirty();
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
componentFixture.detectChanges();
expect(component.formError).toBeDefined();
expect(component.formError.password).toBeDefined();
expect(component.formError.password).toEqual('LOGIN.MESSAGES.PASSWORD-REQUIRED');
@@ -164,15 +172,15 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-username';
passwordInput.value = 'fake-password';
component.form.controls.username.markAsDirty();
component.form.controls.password.markAsDirty();
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
componentFixture.detectChanges();
expect(component.formError).toBeDefined();
expect(component.formError.username).toEqual('');
expect(component.formError.password).toEqual('');
@@ -189,15 +197,15 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-change-username';
passwordInput.value = 'fake-change-password';
component.form.controls.username.markAsDirty();
component.form.controls.password.markAsDirty();
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
componentFixture.detectChanges();
expect(compiled.querySelector('input[type="text"]').value).toEqual('fake-change-username');
expect(compiled.querySelector('input[type="password"]').value).toEqual('fake-change-password');
});
@@ -214,12 +222,12 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-username';
passwordInput.value = 'fake-password';
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
compiled.querySelector('button').click();
componentFixture.detectChanges();
@@ -240,12 +248,12 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-wrong-username';
passwordInput.value = 'fake-password';
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
compiled.querySelector('button').click();
componentFixture.detectChanges();
@@ -268,12 +276,12 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-username';
passwordInput.value = 'fake-wrong-password';
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
compiled.querySelector('button').click();
componentFixture.detectChanges();
@@ -296,12 +304,12 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-wrong-username';
passwordInput.value = 'fake-wrong-password';
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
compiled.querySelector('button').click();
componentFixture.detectChanges();
@@ -326,12 +334,12 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-username';
passwordInput.value = 'fake-password';
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
compiled.querySelector('button').click();
componentFixture.detectChanges();
@@ -357,12 +365,12 @@ describe('AlfrescoLogin', () => {
usernameInput.value = 'fake-username';
passwordInput.value = 'fake-wrong-password';
usernameInput.dispatchEvent(new Event('input'));
passwordInput.dispatchEvent(new Event('input'));
componentFixture.detectChanges();
component.onValueChanged(null);
compiled.querySelector('button').click();
componentFixture.detectChanges();