test(material/stepper): update tests based on new stepper aria-attributes

Updates stepper tests based on the new aria-attributes that were added to
the stepper, particularly for the horizontal stepper.

Author: essjay05

src/components-examples/material/stepper/stepper-harness/stepper-harness-example.spec.ts

@@ -47,18 +47,10 @@ describe('StepperHarnessExample', () => {
 
     await secondStep.select();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      false,
-      true,
-      false,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([false, true, false]);
 
     await nextButton.click();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      false,
-      false,
-      true,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([false, false, true]);
   });
 });

src/material/stepper/testing/step-harness-filters.ts

@@ -17,7 +17,9 @@ export enum StepperOrientation {
 export interface StepHarnessFilters extends BaseHarnessFilters {
   /** Only find instances whose label matches the given value. */
   label?: string | RegExp;
-  /** Only find steps with the given expanded state. */
+  /** Only find steps with the given expanded for Horizontal Stepper state. */
+  pressed?: boolean;
+  /** Only find steps with the given expanded for Vertical Stepper state. */
   expanded?: boolean;
   /** Only find completed steps. */
   completed?: boolean;

src/material/stepper/testing/step-harness.ts

@@ -29,6 +29,11 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
       .addOption('label', options.label, (harness, label) =>
         HarnessPredicate.stringMatches(harness.getLabel(), label),
       )
+      .addOption(
+        'pressed',
+        options.pressed,
+        async (harness, pressed) => (await harness.isPressed()) === pressed,
+      )
       .addOption(
         'expanded',
         options.expanded,
@@ -61,7 +66,13 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
     return (await this.host()).getAttribute('aria-labelledby');
   }
 
-  /** Whether the step is expanded. */
+  /** Whether the step of Horizontal Stepper is pressed. */
+  async isPressed(): Promise<boolean> {
+    const host = await this.host();
+    return (await host.getAttribute('aria-pressed')) === 'true';
+  }
+
+  /** Whether the step of Vertical Stepper is expanded. */
   async isExpanded(): Promise<boolean> {
     const host = await this.host();
     return (await host.getAttribute('aria-expanded')) === 'true';
@@ -70,7 +81,7 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
   /** Whether the step has been filled out. */
   async isCompleted(): Promise<boolean> {
     const state = await this._getIconState();
-    return state === 'done' || (state === 'edit' && !(await this.isExpanded()));
+    return state === 'done' || (state === 'edit' && !(await this.isPressed()));
   }
 
   /**

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

@@ -92,19 +92,11 @@ describe('MatStepperHarness', () => {
     const stepper = await loader.getHarness(MatStepperHarness.with({selector: '#two-stepper'}));
     const steps = await stepper.getSteps();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      true,
-      false,
-      false,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([true, false, false]);
 
     await stepper.selectStep({label: 'Three'});
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      false,
-      false,
-      true,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([false, false, true]);
   });
 
   it('should be able to get the text-based label of a step', async () => {
@@ -167,11 +159,7 @@ describe('MatStepperHarness', () => {
     const stepper = await loader.getHarness(MatStepperHarness.with({selector: '#two-stepper'}));
     const steps = await stepper.getSteps();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      true,
-      false,
-      false,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([true, false, false]);
   });
 
   it('should be able to select a step in a vertical stepper', async () => {
@@ -199,19 +187,11 @@ describe('MatStepperHarness', () => {
     const stepper = await loader.getHarness(MatStepperHarness.with({selector: '#two-stepper'}));
     const steps = await stepper.getSteps();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      true,
-      false,
-      false,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([true, false, false]);
 
     await steps[2].select();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      false,
-      false,
-      true,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([false, false, true]);
   });
 
   it('should get whether a step is optional', async () => {
@@ -265,19 +245,11 @@ describe('MatStepperHarness', () => {
 
     await secondStep.select();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      false,
-      true,
-      false,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([false, true, false]);
 
     await nextButton.click();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      false,
-      false,
-      true,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([false, false, true]);
   });
 
   it('should go backward when pressing the previous button of a vertical stepper', async () => {
@@ -313,19 +285,11 @@ describe('MatStepperHarness', () => {
 
     await secondStep.select();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      false,
-      true,
-      false,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([false, true, false]);
 
     await previousButton.click();
 
-    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
-      true,
-      false,
-      false,
-    ]);
+    expect(await parallel(() => steps.map(step => step.isPressed()))).toEqual([true, false, false]);
   });
 
   it('should get whether a step has errors', async () => {