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

* test(material/checkbox): add disabled harness filter

* test(material/legacy-checkbox): add disabled harness filter

Author: wagnermaciel

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;
 }

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;
+        })
     );
   }
 

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);

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;
+        })
     );
   }
 

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;
 }