mirror of https://github.com/abpframework/abp.git
sumeyye
2 weeks ago
26 changed files with 449 additions and 317 deletions
@ -1,55 +1,63 @@ |
|||
import { Component, DebugElement } from '@angular/core' |
|||
import { ComponentFixture, TestBed } from '@angular/core/testing' |
|||
import { ShowPasswordDirective } from '../directives'; |
|||
import { Component, DebugElement, ChangeDetectorRef } from '@angular/core'; |
|||
import { ComponentFixture, TestBed } from '@angular/core/testing'; |
|||
import { By } from '@angular/platform-browser'; |
|||
import { ShowPasswordDirective } from '../directives'; |
|||
|
|||
@Component({ |
|||
standalone:true, |
|||
template: ` |
|||
<input [abpShowPassword]="true"> |
|||
<input [abpShowPassword]="false"> |
|||
<input /> |
|||
<input [abpShowPassword]="showPassword" />`,
|
|||
imports:[ShowPasswordDirective] |
|||
template: ` <input [abpShowPassword]="true" />
|
|||
<input [abpShowPassword]="false" /> |
|||
<input /> |
|||
<input [abpShowPassword]="showPassword" />`,
|
|||
imports: [ShowPasswordDirective], |
|||
}) |
|||
class TestComponent { |
|||
showPassword = false |
|||
showPassword = false; |
|||
} |
|||
|
|||
describe('ShowPasswordDirective',()=>{ |
|||
let fixture: ComponentFixture<TestComponent>;; |
|||
let des : DebugElement[]; |
|||
let desAll : DebugElement[]; |
|||
describe('ShowPasswordDirective', () => { |
|||
let fixture: ComponentFixture<TestComponent>; |
|||
let des: DebugElement[]; |
|||
let desAll: DebugElement[]; |
|||
let bareInput; |
|||
|
|||
beforeEach(()=>{ |
|||
beforeEach(() => { |
|||
fixture = TestBed.configureTestingModule({ |
|||
imports: [ TestComponent ] |
|||
}).createComponent(TestComponent) |
|||
imports: [TestComponent], |
|||
}).createComponent(TestComponent); |
|||
|
|||
fixture.detectChanges(); |
|||
|
|||
des = fixture.debugElement.queryAll(By.directive(ShowPasswordDirective)); |
|||
|
|||
desAll = fixture.debugElement.queryAll(By.all()); |
|||
|
|||
|
|||
bareInput = fixture.debugElement.query(By.css('input:not([abpShowPassword])')); |
|||
}) |
|||
|
|||
it('should have three input has ShowPasswordDirective elements', () => { |
|||
expect(des.length).toBe(3); |
|||
}); |
|||
|
|||
test.each([[0,'text'],[1,'password'],[2,'text'],[3,'password']])('%p. input type must be %p)', (index,inpType) => { |
|||
const inputType = desAll[index].nativeElement.type; |
|||
expect(inputType).toBe(inpType); |
|||
}); |
|||
|
|||
it('should have three input has ShowPasswordDirective elements', () => { |
|||
const input = des[2].nativeElement |
|||
expect(input.type).toBe('password') |
|||
fixture.componentInstance.showPassword = true |
|||
fixture.detectChanges() |
|||
expect(input.type).toBe('text') |
|||
}); |
|||
}); |
|||
}); |
|||
|
|||
it('should have three input has ShowPasswordDirective elements', () => { |
|||
expect(des.length).toBe(3); |
|||
}); |
|||
|
|||
test.each([ |
|||
[0, 'text'], |
|||
[1, 'password'], |
|||
[2, 'text'], |
|||
[3, 'password'], |
|||
])('%p. input type must be %p)', (index, inpType) => { |
|||
const inputType = desAll[index].nativeElement.type; |
|||
expect(inputType).toBe(inpType); |
|||
}); |
|||
|
|||
it('should toggle input type when showPassword changes', () => { |
|||
const input = des[2].nativeElement; |
|||
expect(input.type).toBe('password'); |
|||
|
|||
fixture.componentInstance.showPassword = true; |
|||
|
|||
const cdr = fixture.componentRef.injector.get(ChangeDetectorRef); |
|||
cdr.markForCheck(); |
|||
cdr.detectChanges(); |
|||
|
|||
expect(input.type).toBe('text'); |
|||
}); |
|||
}); |
|||
|
|||
Loading…
Reference in new issue