fix(package): calculate the password strength on init if the password value is provided #149

Author: AnthonyNahas

src/module/component/mat-password-strength/mat-password-strength.component.spec.ts

@@ -75,6 +75,25 @@ describe('PasswordStrengthComponent', () => {
     expect(calculatePasswordStrengthSpy).toHaveBeenCalled();
   });
 
+  it('should calculate the strength of the password on int if the password is provided', () => {
+    const calculatePasswordStrengthSpy = jest.spyOn(component, 'calculatePasswordStrength');
+    component.password = '#A2lsam,#af21af1!';
+    component.ngOnInit();
+    fixture.detectChanges();
+    expect(calculatePasswordStrengthSpy).toHaveBeenCalled();
+  });
+
+  it('should calculate the strength of the password when password is directly provided', () => {
+    const calculatePasswordStrengthSpy = jest.spyOn(component, 'calculatePasswordStrength');
+    component.password = 'testPass3';
+    component.externalError = false;
+    component.ngOnChanges({
+      password: new SimpleChange( component.password, component.password, false),
+    });
+    fixture.detectChanges();
+    expect(calculatePasswordStrengthSpy).toHaveBeenCalled();
+  });
+
   it('should have min input', () => {
     const calculatePasswordStrengthSpy = jest.spyOn(component, 'calculatePasswordStrength');
     component.ngOnInit();

src/module/component/mat-password-strength/mat-password-strength.component.ts

@@ -56,15 +56,20 @@ export class MatPasswordStrengthComponent implements OnInit, OnChanges {
 
   ngOnInit(): void {
     this.setRulesAndValidators();
+    if (this.password) {
+      this.calculatePasswordStrength();
+    }
   }
 
   ngOnChanges(changes: SimpleChanges): void {
-
+    console.log('changes: ', changes);
     if ((changes.externalError && changes.externalError.firstChange) || changes.password.isFirstChange()) {
       return;
     } else if (changes.externalError && changes.externalError.currentValue) {
       this._color = Colors.warn;
       return;
+    } else if (changes.password.previousValue === changes.password.currentValue && !changes.password.firstChange) {
+      this.calculatePasswordStrength();
     } else {
       this.password && this.password.length > 0 ?
         this.calculatePasswordStrength() : this.reset();