test(material/slider): add disabled harness filter (#26136)

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

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

Author: wagnermaciel

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

@@ -17,6 +17,9 @@ export const enum ThumbPosition {
 export interface SliderHarnessFilters extends BaseHarnessFilters {
   /** Filters out only range/non-range sliders. */
   isRange?: boolean;
+
+  /** Only find instances which match the given disabled state. */
+  disabled?: boolean;
 }
 
 /** A set of criteria that can be used to filter a list of `MatSliderThumbHarness` instances. */

src/material/slider/testing/slider-harness.spec.ts

@@ -47,6 +47,20 @@ describe('MDC-based MatSliderHarness', () => {
     expect(await slider.isDisabled()).toBe(true);
   });
 
+  it('should filter by whether a slider is disabled', async () => {
+    let enabledSliders = await loader.getAllHarnesses(MatSliderHarness.with({disabled: false}));
+    let disabledSliders = await loader.getAllHarnesses(MatSliderHarness.with({disabled: true}));
+    expect(enabledSliders.length).toBe(2);
+    expect(disabledSliders.length).toBe(0);
+
+    fixture.componentInstance.singleSliderDisabled = true;
+
+    enabledSliders = await loader.getAllHarnesses(MatSliderHarness.with({disabled: false}));
+    disabledSliders = await loader.getAllHarnesses(MatSliderHarness.with({disabled: true}));
+    expect(enabledSliders.length).toBe(1);
+    expect(disabledSliders.length).toBe(1);
+  });
+
   it('should get the min/max values of a single-thumb slider', async () => {
     const slider = await loader.getHarness(MatSliderHarness);
     const [min, max] = await parallel(() => [slider.getMinValue(), slider.getMaxValue()]);

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

@@ -28,13 +28,13 @@ export class MatSliderHarness extends ComponentHarness {
     this: ComponentHarnessConstructor<T>,
     options: SliderHarnessFilters = {},
   ): HarnessPredicate<T> {
-    return new HarnessPredicate(this, options).addOption(
-      'isRange',
-      options.isRange,
-      async (harness, value) => {
+    return new HarnessPredicate(this, options)
+      .addOption('isRange', options.isRange, async (harness, value) => {
         return (await harness.isRange()) === value;
-      },
-    );
+      })
+      .addOption('disabled', options.disabled, async (harness, disabled) => {
+        return (await harness.isDisabled()) === disabled;
+      });
   }
 
   /** Gets the start thumb of the slider (only applicable for range sliders). */

tools/public_api_guard/material/slider-testing.md

@@ -45,6 +45,7 @@ export class MatSliderThumbHarness extends ComponentHarness {
 
 // @public
 export interface SliderHarnessFilters extends BaseHarnessFilters {
+    disabled?: boolean;
     isRange?: boolean;
 }