feat(material/slide-toggle): Add disabled predicate to MatSlideToggleHarness (#24761)

- Add `disabled` predicate to MatMdcSlideToggleHarness

- Update tests for new `disabled` predicate

- Update golden

Author: richieforeman

src/material-experimental/mdc-slide-toggle/testing/slide-toggle-harness.ts

@@ -44,6 +44,11 @@ export class MatSlideToggleHarness extends _MatSlideToggleHarnessBase {
           options.checked,
           async (harness, checked) => (await harness.isChecked()) == checked,
         )
+        .addOption(
+          'disabled',
+          options.disabled,
+          async (harness, disabled) => (await harness.isDisabled()) == disabled,
+        )
     );
   }
 

src/material/slide-toggle/testing/shared.spec.ts

@@ -36,6 +36,18 @@ export function runHarnessTests(
     expect(await slideToggles[0].getLabelText()).toBe('First');
   });
 
+  it('should load slide-toggle with disabled=true predicate', async () => {
+    const slideToggles = await loader.getAllHarnesses(slideToggleHarness.with({disabled: true}));
+    expect(slideToggles.length).toBe(1);
+    expect(await slideToggles[0].isDisabled()).toBe(true);
+  });
+
+  it('should load slide-toggle with disabled=false predicate', async () => {
+    const slideToggles = await loader.getAllHarnesses(slideToggleHarness.with({disabled: false}));
+    expect(slideToggles.length).toBe(1);
+    expect(await slideToggles[0].isDisabled()).toBe(false);
+  });
+
   it('should load slide-toggle with regex label match', async () => {
     const slideToggles = await loader.getAllHarnesses(slideToggleHarness.with({label: /^s/i}));
     expect(slideToggles.length).toBe(1);

src/material/slide-toggle/testing/slide-toggle-harness-filters.ts

@@ -16,4 +16,6 @@ export interface SlideToggleHarnessFilters extends BaseHarnessFilters {
   name?: string;
   /** Only find instances with the given checked value. */
   checked?: boolean;
+  /** Only find instances where the disabled state matches the given value. */
+  disabled?: boolean;
 }

src/material/slide-toggle/testing/slide-toggle-harness.ts

@@ -132,6 +132,11 @@ export class MatSlideToggleHarness extends _MatSlideToggleHarnessBase {
           options.checked,
           async (harness, checked) => (await harness.isChecked()) == checked,
         )
+        .addOption(
+          'disabled',
+          options.disabled,
+          async (harness, disabled) => (await harness.isDisabled()) == disabled,
+        )
     );
   }
 

tools/public_api_guard/material/slide-toggle-testing.md

@@ -43,6 +43,7 @@ export abstract class _MatSlideToggleHarnessBase extends ComponentHarness {
 // @public
 export interface SlideToggleHarnessFilters extends BaseHarnessFilters {
     checked?: boolean;
+    disabled?: boolean;
     label?: string | RegExp;
     name?: string;
 }