1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule } from '@angular/forms';
import { Router } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { ToastrModule } from 'ngx-toastr';
import { ComponentsModule } from '~/app/shared/components/components.module';
import { CdFormGroup } from '~/app/shared/forms/cd-form-group';
import { AuthStorageService } from '~/app/shared/services/auth-storage.service';
import { SharedModule } from '~/app/shared/shared.module';
import { configureTestBed, FormHelper } from '~/testing/unit-test-helper';
import { UserPasswordFormComponent } from './user-password-form.component';
describe('UserPasswordFormComponent', () => {
let component: UserPasswordFormComponent;
let fixture: ComponentFixture<UserPasswordFormComponent>;
let form: CdFormGroup;
let formHelper: FormHelper;
let httpTesting: HttpTestingController;
let router: Router;
let authStorageService: AuthStorageService;
configureTestBed({
imports: [
HttpClientTestingModule,
RouterTestingModule,
ReactiveFormsModule,
ComponentsModule,
ToastrModule.forRoot(),
SharedModule
],
declarations: [UserPasswordFormComponent]
});
beforeEach(() => {
fixture = TestBed.createComponent(UserPasswordFormComponent);
component = fixture.componentInstance;
form = component.userForm;
httpTesting = TestBed.inject(HttpTestingController);
router = TestBed.inject(Router);
authStorageService = TestBed.inject(AuthStorageService);
spyOn(router, 'navigate');
fixture.detectChanges();
formHelper = new FormHelper(form);
});
it('should create', () => {
expect(component).toBeTruthy();
});
it('should validate old password required', () => {
formHelper.expectErrorChange('oldpassword', '', 'required');
formHelper.expectValidChange('oldpassword', 'foo');
});
it('should validate password match', () => {
formHelper.setValue('newpassword', 'aaa');
formHelper.expectErrorChange('confirmnewpassword', 'bbb', 'match');
formHelper.expectValidChange('confirmnewpassword', 'aaa');
});
it('should submit', () => {
spyOn(component, 'onPasswordChange').and.callThrough();
spyOn(authStorageService, 'getUsername').and.returnValue('xyz');
formHelper.setMultipleValues({
oldpassword: 'foo',
newpassword: 'bar'
});
formHelper.setValue('confirmnewpassword', 'bar', true);
component.onSubmit();
const request = httpTesting.expectOne('api/user/xyz/change_password');
expect(request.request.method).toBe('POST');
expect(request.request.body).toEqual({
old_password: 'foo',
new_password: 'bar'
});
request.flush({});
expect(component.onPasswordChange).toHaveBeenCalled();
expect(router.navigate).toHaveBeenCalledWith(['/login']);
});
});
|