fix(material/form-field): allow getting harness by validity

angular · Dec 9, 2022 · 3475e30 · 3475e30
1 parent 03264d8
commit 3475e30
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/src/material/form-field/testing/form-field-harness-filters.ts b/src/material/form-field/testing/form-field-harness-filters.ts
@@ -14,4 +14,6 @@ export interface FormFieldHarnessFilters extends BaseHarnessFilters {
   floatingLabelText?: string | RegExp;
   /** Filters based on whether the form field has error messages. */
   hasErrors?: boolean;
+  /** Filters based on whether the form field value is valid. */
+  valid?: boolean;
 }
diff --git a/src/material/form-field/testing/form-field-harness.ts b/src/material/form-field/testing/form-field-harness.ts
@@ -248,6 +248,11 @@ export class MatFormFieldHarness extends _MatFormFieldHarnessBase<
         'hasErrors',
         options.hasErrors,
         async (harness, hasErrors) => (await harness.hasErrors()) === hasErrors,
+      )
+      .addOption(
+        'valid',
+        options.valid,
+        async (harness, valid) => (await harness.isControlValid()) === valid,
       );
   }
 

diff --git a/src/material/form-field/testing/shared.spec.ts b/src/material/form-field/testing/shared.spec.ts
@@ -197,6 +197,17 @@ export function runHarnessTests(
     );
   });
 
+  it('should be able to get form-field by validity', async () => {
+    let invalid = await loader.getAllHarnesses(formFieldHarness.with({valid: false}));
+    expect(invalid.length).toBe(0);
+
+    fixture.componentInstance.requiredControl.setValue('');
+    dispatchFakeEvent(fixture.nativeElement.querySelector('#with-errors input'), 'blur');
+
+    invalid = await loader.getAllHarnesses(formFieldHarness.with({valid: false}));
+    expect(invalid.length).toBe(1);
+  });
+
   it('should be able to get error harnesses from the form-field harness', async () => {
     const formFields = await loader.getAllHarnesses(formFieldHarness);
     expect(await formFields[1].getErrors()).toEqual([]);

diff --git a/src/material/legacy-form-field/testing/form-field-harness.ts b/src/material/legacy-form-field/testing/form-field-harness.ts
@@ -57,6 +57,11 @@ export class MatLegacyFormFieldHarness extends _MatFormFieldHarnessBase<
         'hasErrors',
         options.hasErrors,
         async (harness, hasErrors) => (await harness.hasErrors()) === hasErrors,
+      )
+      .addOption(
+        'valid',
+        options.valid,
+        async (harness, valid) => (await harness.isControlValid()) === valid,
       );
   }