test(material/stepper): update stepper tests

Work on fixing failing tests.

Author: essjay05

src/material/stepper/stepper.html

@@ -73,6 +73,7 @@
             [tabIndex]="_getFocusIndex() === $index ? 0 : -1"
             [id]="_getStepLabelId($index)"
             [attr.aria-expanded]="selectedIndex === $index"
+            [attr.aria-pressed]="selectedIndex == $index"
             [attr.aria-controls]="_getStepContentId($index)"
             [attr.aria-current]="selectedIndex == $index"
             [attr.aria-label]="step.ariaLabel || null"

src/material/stepper/stepper.spec.ts

@@ -133,7 +133,9 @@ describe('MatStepper', () => {
     });
 
     it('should set the "region" role on the vertical stepper', () => {
-      const stepperEl = fixture.debugElement.query(By.css('mat-stepper'))!.nativeElement;
+      const stepperEl = fixture.debugElement.query(
+        By.css('mat-vertical-stepper-wrapper'),
+      )!.nativeElement;
       expect(stepperEl.getAttribute('role')).toBe('region');
     });
 

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

@@ -19,6 +19,8 @@ export interface StepHarnessFilters extends BaseHarnessFilters {
   label?: string | RegExp;
   /** Only find steps with the given selected state. */
   selected?: boolean;
+  /** Only find steps with the given pressed state. */
+  pressed?: boolean;
   /** Only find completed steps. */
   completed?: boolean;
   /** Only find steps that have errors. */

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

@@ -34,6 +34,11 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
         options.selected,
         async (harness, selected) => (await harness.isSelected()) === selected,
       )
+      .addOption(
+        'pressed',
+        options.pressed,
+        async (harness, pressed) => (await harness.isPressed()) === pressed,
+      )
       .addOption(
         'completed',
         options.completed,
@@ -67,10 +72,19 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
     return (await host.getAttribute('aria-selected')) === 'true';
   }
 
+  /** Whether the step is selected. */
+  async isPressed(): Promise<boolean> {
+    const host = await this.host();
+    return (await host.getAttribute('aria-pressed')) === 'true';
+  }
+
   /** Whether the step has been filled out. */
   async isCompleted(): Promise<boolean> {
     const state = await this._getIconState();
-    return state === 'done' || (state === 'edit' && !(await this.isSelected()));
+    return (
+      state === 'done' ||
+      (state === 'edit' && !((await this.isSelected()) || (await this.isPressed())))
+    );
   }
 
   /**