Add support to getDiameter and getStrokeWidth in MatProgressSpinnerHarness

Adding missing attributes in MatProgressSpinnerHarness

Author: dolav

src/material/progress-spinner/progress-spinner.ts

@@ -86,7 +86,9 @@ const BASE_STROKE_WIDTH = 10;
     '[attr.aria-valuemin]': '0',
     '[attr.aria-valuemax]': '100',
     '[attr.aria-valuenow]': 'mode === "determinate" ? value : null',
-    '[attr.mode]': 'mode',
+    '[attr.data-mat-progress-spinner-mode]': 'mode',
+    '[attr.data-mat-progress-spinner-diameter]': 'diameter',
+    '[attr.data-mat-progress-spinner-strokeWidth]': 'strokeWidth',
   },
   templateUrl: 'progress-spinner.html',
   styleUrl: 'progress-spinner.css',

src/material/progress-spinner/testing/progress-spinner-harness.spec.ts

@@ -40,17 +40,44 @@ describe('MatProgressSpinnerHarness', () => {
     expect(await indeterminate.getMode()).toBe('indeterminate');
     expect(await impliedIndeterminate.getMode()).toBe('indeterminate');
   });
+
+  it('should get the diameter', async () => {
+    const withAttributs =
+      await loader.getHarness(MatProgressSpinnerHarness.with({selector: '.with-attributs'}));
+    expect(await withAttributs.getDiameter()).toBe(30);
+    fixture.componentInstance.diameter.set(20);
+    expect(await withAttributs.getDiameter()).toBe(20);
+  });
+
+  it('should get the strokeWidth', async () => {
+    const withAttributs =
+      await loader.getHarness(MatProgressSpinnerHarness.with({selector: '.with-attributs'}));
+    expect(await withAttributs.getStrokeWidth()).toBe(3);
+    fixture.componentInstance.strokeWidth.set(5);
+    expect(await withAttributs.getStrokeWidth()).toBe(5);
+  });
+
+  it('should get the strokeWidth when undefined', async () => {
+    const withAttributs =
+      await loader.getHarness(MatProgressSpinnerHarness.with({selector: '.with-attributs'}));
+    expect(await withAttributs.getStrokeWidth()).toBe(3);
+    fixture.componentInstance.diameter.set(20);
+    expect(await withAttributs.getStrokeWidth()).toBe(2);
+  });
 });
 
 @Component({
   template: `
     <mat-progress-spinner mode="determinate" [value]="value()"></mat-progress-spinner>
     <mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
     <mat-spinner></mat-spinner>
+    <mat-spinner class="with-attributs" [diameter]="diameter()" [strokeWidth]="strokeWidth()"></mat-spinner> 
   `,
   standalone: true,
   imports: [MatProgressSpinnerModule],
 })
 class ProgressSpinnerHarnessTest {
   value = signal(0);
+  diameter = signal(30);
+  strokeWidth = signal(3);
 }

src/material/progress-spinner/testing/progress-spinner-harness.ts

@@ -42,7 +42,19 @@ export class MatProgressSpinnerHarness extends ComponentHarness {
 
   /** Gets the progress spinner's mode. */
   async getMode(): Promise<ProgressSpinnerMode> {
-    const modeAttr = (await this.host()).getAttribute('mode');
+    const modeAttr = (await this.host()).getAttribute('data-mat-progress-spinner-mode');
     return (await modeAttr) as ProgressSpinnerMode;
   }
+
+    /** Gets the progress spinner's diameter. */
+  async getDiameter(): Promise<number | null> {
+    const diameterAttr = (await this.host()).getAttribute('data-mat-progress-spinner-diameter');
+    return (await diameterAttr) as ProgressSpinnerMode;
+  }
+
+  /** Gets the progress spinner's strokeWidth. */
+  async getStrokeWidth(): Promise<number | null> {
+    const strokeWidthAttr = (await this.host()).getAttribute('data-mat-progress-spinner-strokeWidth');
+    return (await strokeWidthAttr) as ProgressSpinnerMode;
+  }
 }