test(material/button): add disabled harness filter (#26138)

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

* fixup! test(material/button): add disabled harness filter

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

Author: wagnermaciel

src/material/button/testing/button-harness-filters.ts

@@ -18,4 +18,7 @@ export interface ButtonHarnessFilters extends BaseHarnessFilters {
 
   /** Only find instances with a variant. */
   variant?: ButtonVariant;
+
+  /** Only find instances which match the given disabled state. */
+  disabled?: boolean;
 }

src/material/button/testing/button-harness.ts

@@ -38,7 +38,10 @@ export class MatButtonHarness extends ContentContainerComponentHarness {
       )
       .addOption('variant', options.variant, (harness, variant) =>
         HarnessPredicate.stringMatches(harness.getVariant(), variant),
-      );
+      )
+      .addOption('disabled', options.disabled, async (harness, disabled) => {
+        return (await harness.isDisabled()) === disabled;
+      });
   }
 
   /**

src/material/button/testing/shared.spec.ts

@@ -50,6 +50,13 @@ export function runHarnessTests(
     expect(await buttons[1].getText()).toBe('Basic anchor');
   });
 
+  it('should filter by whether a button is disabled', async () => {
+    const enabledButtons = await loader.getAllHarnesses(buttonHarness.with({disabled: false}));
+    const disabledButtons = await loader.getAllHarnesses(buttonHarness.with({disabled: true}));
+    expect(enabledButtons.length).toBe(13);
+    expect(disabledButtons.length).toBe(2);
+  });
+
   it('should get disabled state', async () => {
     // Grab each combination of [enabled, disabled] ⨯ [button, anchor]
     const [disabledFlatButton, enabledFlatAnchor] = await loader.getAllHarnesses(

src/material/legacy-button/testing/button-harness.ts

@@ -34,7 +34,10 @@ export class MatLegacyButtonHarness extends ContentContainerComponentHarness {
       )
       .addOption('variant', options.variant, (harness, variant) =>
         HarnessPredicate.stringMatches(harness.getVariant(), variant),
-      );
+      )
+      .addOption('disabled', options.disabled, async (harness, disabled) => {
+        return (await harness.isDisabled()) === disabled;
+      });
   }
 
   /**

tools/public_api_guard/material/button-testing.md

@@ -11,6 +11,7 @@ import { HarnessPredicate } from '@angular/cdk/testing';
 
 // @public
 export interface ButtonHarnessFilters extends BaseHarnessFilters {
+    disabled?: boolean;
     text?: string | RegExp;
     variant?: ButtonVariant;
 }