test(material/stepper): updates tests affected by new stepper aria roles & attributes

Updates all tests that are affected by the updated stepper aria roles and attributes.

Author: essjay05

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

@@ -43,15 +43,15 @@ describe('StepperHarnessExample', () => {
 
     await secondStep.select();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       false,
       true,
       false,
     ]);
 
     await nextButton.click();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       false,
       false,
       true,

src/material/stepper/stepper.spec.ts

@@ -131,8 +131,8 @@ describe('MatStepper', () => {
       expect(stepperComponent.selected instanceof MatStep).toBe(true);
     });
 
-    it('should set the "group" role on a vertical stepper', () => {
-      const stepperWrapper = fixture.debugElement.query(By.css('.mat-vertical-stepper-wrapper'));
+    it('should set the "group" role on the stepper', () => {
+      const stepperWrapper = fixture.debugElement.query(By.css('.mat-stepper-wrapper'));
       expect(stepperWrapper).toBeTruthy();
 
       const stepperEl = stepperWrapper!.nativeElement;

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

@@ -17,9 +17,7 @@ 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 selected (if Horizontal stepper) state. */
-  selected?: boolean;
-  /** Only find steps with the given expanded (if Vertical stepper) state. */
+  /** Only find steps with the given expanded state. */
   expanded?: boolean;
   /** Only find completed steps. */
   completed?: boolean;

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

@@ -29,11 +29,6 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
       .addOption('label', options.label, (harness, label) =>
         HarnessPredicate.stringMatches(harness.getLabel(), label),
       )
-      .addOption(
-        'selected',
-        options.selected,
-        async (harness, selected) => (await harness.isSelected()) === selected,
-      )
       .addOption(
         'expanded',
         options.expanded,
@@ -66,13 +61,7 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
     return (await this.host()).getAttribute('aria-labelledby');
   }
 
-  /** Whether the step is selected (Horizontal Stepper). */
-  async isSelected(): Promise<boolean> {
-    const host = await this.host();
-    return (await host.getAttribute('aria-selected')) === 'true';
-  }
-
-  /** Whether the step is expanded (Vertical Stepper). */
+  /** Whether the step is expanded. */
   async isExpanded(): Promise<boolean> {
     const host = await this.host();
     return (await host.getAttribute('aria-expanded')) === 'true';
@@ -81,7 +70,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.isSelected()));
+    return state === 'done' || (state === 'edit' && !(await this.isExpanded()));
   }
 
   /**
@@ -103,7 +92,7 @@ export class MatStepHarness extends ContentContainerComponentHarness<string> {
   }
 
   /**
-   * Selects the given step by clicking on the label. The step may not be selected
+   * Selects the given step by clicking on the label. The step may not be selected/expanded
    * if the stepper doesn't allow it (e.g. if there are validation errors).
    */
   async select(): Promise<void> {

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

@@ -90,15 +90,15 @@ describe('MatStepperHarness', () => {
     const stepper = await loader.getHarness(MatStepperHarness.with({selector: '#two-stepper'}));
     const steps = await stepper.getSteps();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       true,
       false,
       false,
     ]);
 
     await stepper.selectStep({label: 'Three'});
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       false,
       false,
       true,
@@ -165,7 +165,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.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       true,
       false,
       false,
@@ -197,15 +197,15 @@ describe('MatStepperHarness', () => {
     const stepper = await loader.getHarness(MatStepperHarness.with({selector: '#two-stepper'}));
     const steps = await stepper.getSteps();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       true,
       false,
       false,
     ]);
 
     await steps[2].select();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       false,
       false,
       true,
@@ -263,15 +263,15 @@ describe('MatStepperHarness', () => {
 
     await secondStep.select();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       false,
       true,
       false,
     ]);
 
     await nextButton.click();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       false,
       false,
       true,
@@ -311,15 +311,15 @@ describe('MatStepperHarness', () => {
 
     await secondStep.select();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       false,
       true,
       false,
     ]);
 
     await previousButton.click();
 
-    expect(await parallel(() => steps.map(step => step.isSelected()))).toEqual([
+    expect(await parallel(() => steps.map(step => step.isExpanded()))).toEqual([
       true,
       false,
       false,