1 files changed, 83 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-password-form/user-password-form.component.spec.ts b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-password-form/user-password-form.component.spec.ts
new file mode 100644
index 000000000..b1df8cf42
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-password-form/user-password-form.component.spec.ts
@@ -0,0 +1,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']);
+  });
+});