test(material/checkbox): add disabled harness filter (angular#26155)

* test(material/checkbox): add disabled harness filter * test(material/legacy-checkbox): add disabled harness filter
wagnermaciel · Dec 9, 2022 · 769ea45 · 769ea45
1 parent 15a99dc
commit 769ea45
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 0 deletions.
diff --git a/src/material/checkbox/testing/checkbox-harness-filters.ts b/src/material/checkbox/testing/checkbox-harness-filters.ts
@@ -16,4 +16,6 @@ export interface CheckboxHarnessFilters extends BaseHarnessFilters {
   name?: string;
   /** Only find instances with the given checked value. */
   checked?: boolean;
+  /** Only find instances which match the given disabled state. */
+  disabled?: boolean;
 }
diff --git a/src/material/checkbox/testing/checkbox-harness.ts b/src/material/checkbox/testing/checkbox-harness.ts
@@ -162,6 +162,9 @@ export class MatCheckboxHarness extends _MatCheckboxHarnessBase {
           options.checked,
           async (harness, checked) => (await harness.isChecked()) == checked,
         )
+        .addOption('disabled', options.disabled, async (harness, disabled) => {
+          return (await harness.isDisabled()) === disabled;
+        })
     );
   }
 

diff --git a/src/material/checkbox/testing/shared.spec.ts b/src/material/checkbox/testing/shared.spec.ts
@@ -51,6 +51,19 @@ export function runHarnessTests(
     expect(await checkboxes[0].getLabelText()).toBe('Second');
   });
 
+  it('should load checkbox with disabled state', async () => {
+    let enabledCheckboxes = await loader.getAllHarnesses(checkboxHarness.with({disabled: false}));
+    let disabledCheckboxes = await loader.getAllHarnesses(checkboxHarness.with({disabled: true}));
+    expect(enabledCheckboxes.length).toBe(1);
+    expect(disabledCheckboxes.length).toBe(1);
+
+    fixture.componentInstance.disabled = false;
+    enabledCheckboxes = await loader.getAllHarnesses(checkboxHarness.with({disabled: false}));
+    disabledCheckboxes = await loader.getAllHarnesses(checkboxHarness.with({disabled: true}));
+    expect(enabledCheckboxes.length).toBe(2);
+    expect(disabledCheckboxes.length).toBe(0);
+  });
+
   it('should get checked state', async () => {
     const [checkedCheckbox, uncheckedCheckbox] = await loader.getAllHarnesses(checkboxHarness);
     expect(await checkedCheckbox.isChecked()).toBe(true);

diff --git a/src/material/legacy-checkbox/testing/checkbox-harness.ts b/src/material/legacy-checkbox/testing/checkbox-harness.ts
@@ -43,6 +43,9 @@ export class MatLegacyCheckboxHarness extends _MatCheckboxHarnessBase {
           options.checked,
           async (harness, checked) => (await harness.isChecked()) == checked,
         )
+        .addOption('disabled', options.disabled, async (harness, disabled) => {
+          return (await harness.isDisabled()) === disabled;
+        })
     );
   }
 

diff --git a/tools/public_api_guard/material/checkbox-testing.md b/tools/public_api_guard/material/checkbox-testing.md
@@ -14,6 +14,7 @@ import { TestElement } from '@angular/cdk/testing';
 // @public
 export interface CheckboxHarnessFilters extends BaseHarnessFilters {
     checked?: boolean;
+    disabled?: boolean;
     label?: string | RegExp;
     name?: string;
 }