build: add progress-spinner example to mdc-migration integration test

Author: amysorto

integration/mdc-migration/golden/src/app/app.component.html

@@ -1,3 +1,4 @@
 <chips-example></chips-example>
 <menu-example></menu-example>
 <paginator-example></paginator-example>
+<progress-spinner-example></progress-spinner-example>

integration/mdc-migration/golden/src/app/app.module.ts

@@ -8,12 +8,20 @@ import {MatFormFieldModule} from '@angular/material-experimental/mdc-form-field'
 import {MatIconModule} from '@angular/material/icon';
 import {MatMenuModule} from '@angular/material-experimental/mdc-menu';
 import {MatPaginatorModule} from '@angular/material-experimental/mdc-paginator';
+import {MatProgressSpinnerModule} from '@angular/material-experimental/mdc-progress-spinner';
 import {ChipsComponent} from './components/chips/chips.component';
 import {MenuComponent} from './components/menu/menu.component';
 import {PaginatorComponent} from './components/paginator/paginator.component';
+import {ProgressSpinnerComponent} from './components/progress-spinner/progress-spinner.component';
 
 @NgModule({
-  declarations: [AppComponent, ChipsComponent, MenuComponent, PaginatorComponent],
+  declarations: [
+    AppComponent,
+    ChipsComponent,
+    MenuComponent,
+    PaginatorComponent,
+    ProgressSpinnerComponent,
+  ],
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
@@ -22,6 +30,7 @@ import {PaginatorComponent} from './components/paginator/paginator.component';
     MatIconModule,
     MatMenuModule,
     MatPaginatorModule,
+    MatProgressSpinnerModule,
   ],
   providers: [],
   bootstrap: [AppComponent],

integration/mdc-migration/golden/src/app/components/progress-spinner/progress-spinner.component.html

@@ -0,0 +1,2 @@
+<h2>Progress spinner example</h2>
+<mat-spinner></mat-spinner>

integration/mdc-migration/golden/src/app/components/progress-spinner/progress-spinner.component.scss

@@ -0,0 +1,3 @@
+.mat-mdc-progress-spinner {
+  margin: 4px;
+}

integration/mdc-migration/golden/src/app/components/progress-spinner/progress-spinner.component.spec.ts

@@ -0,0 +1,26 @@
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
+import {ProgressSpinnerComponent} from './progress-spinner.component';
+
+describe('ProgressSpinnerComponent', () => {
+  let component: ProgressSpinnerComponent;
+  let fixture: ComponentFixture<ProgressSpinnerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BrowserAnimationsModule, MatProgressSpinnerModule],
+      declarations: [ProgressSpinnerComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ProgressSpinnerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

integration/mdc-migration/golden/src/app/components/progress-spinner/progress-spinner.component.ts

@@ -0,0 +1,12 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'progress-spinner-example',
+  templateUrl: './progress-spinner.component.html',
+  styleUrls: ['./progress-spinner.component.scss'],
+})
+export class ProgressSpinnerComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit(): void {}
+}

integration/mdc-migration/golden/src/styles.scss

@@ -32,6 +32,10 @@ $sample-project-theme: mat.define-light-theme((
 @include mat.mdc-chips-typography($sample-project-theme);
 @include mat.mdc-menu-theme($sample-project-theme);
 @include mat.mdc-menu-typography($sample-project-theme);
+@include mat.mdc-paginator-theme($sample-project-theme);
+@include mat.mdc-paginator-typography($sample-project-theme);
+@include mat.mdc-progress-spinner-theme($sample-project-theme);
+@include mat.mdc-progress-spinner-typography($sample-project-theme);
 
 /* You can add global styles to this file, and also import other style files */
 

integration/mdc-migration/sample-project/src/app/app.component.html

@@ -1,3 +1,4 @@
 <chips-example></chips-example>
 <menu-example></menu-example>
 <paginator-example></paginator-example>
+<progress-spinner-example></progress-spinner-example>

integration/mdc-migration/sample-project/src/app/app.module.ts

@@ -8,12 +8,20 @@ import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatIconModule} from '@angular/material/icon';
 import {MatMenuModule} from '@angular/material/menu';
 import {MatPaginatorModule} from '@angular/material/paginator';
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {ChipsComponent} from './components/chips/chips.component';
 import {MenuComponent} from './components/menu/menu.component';
 import {PaginatorComponent} from './components/paginator/paginator.component';
+import {ProgressSpinnerComponent} from './components/progress-spinner/progress-spinner.component';
 
 @NgModule({
-  declarations: [AppComponent, ChipsComponent, MenuComponent, PaginatorComponent],
+  declarations: [
+    AppComponent,
+    ChipsComponent,
+    MenuComponent,
+    PaginatorComponent,
+    ProgressSpinnerComponent,
+  ],
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
@@ -22,6 +30,7 @@ import {PaginatorComponent} from './components/paginator/paginator.component';
     MatIconModule,
     MatMenuModule,
     MatPaginatorModule,
+    MatProgressSpinnerModule,
   ],
   providers: [],
   bootstrap: [AppComponent],

integration/mdc-migration/sample-project/src/app/components/progress-spinner/progress-spinner.component.html

@@ -0,0 +1,2 @@
+<h2>Progress spinner example</h2>
+<mat-spinner></mat-spinner>