refactor: rename legacy components in e2e (angular#25549)

* refactor: rename legacy components in e2e

* ci: fix test

* ci: fix button test

Author: andrewseguin

.github/CODEOWNERS

@@ -239,17 +239,23 @@
 /src/e2e-app/*                                              @andrewseguin
 /src/e2e-app/block-scroll-strategy/**                       @andrewseguin @crisbeto
 /src/e2e-app/button-toggle/**                               @andrewseguin
-/src/e2e-app/button/**                                      @andrewseguin
 /src/e2e-app/card/**                                        @andrewseguin
-/src/e2e-app/checkbox/**                                    @andrewseguin @devversion
 /src/e2e-app/component-harness/**                           @mmalerba
-/src/e2e-app/dialog/**                                      @andrewseguin @crisbeto
 /src/e2e-app/e2e-app/**                                     @andrewseguin
 /src/e2e-app/example-viewer/**                              @andrewseguin
 /src/e2e-app/expansion/**                                   @andrewseguin
 /src/e2e-app/grid-list/**                                   @andrewseguin
 /src/e2e-app/icon/**                                        @andrewseguin
-/src/e2e-app/input/**                                       @mmalerba
+/src/e2e-app/legacy-button/**                               @andrewseguin
+/src/e2e-app/legacy-checkbox/**                             @andrewseguin @devversion
+/src/e2e-app/legacy-dialog/**                               @andrewseguin @crisbeto
+/src/e2e-app/legacy-input/**                                @mmalerba
+/src/e2e-app/legacy-menu/**                                 @crisbeto
+/src/e2e-app/legacy-progress-bar/**                         @andrewseguin @crisbeto
+/src/e2e-app/legacy-progress-spinner/**                     @andrewseguin @crisbeto
+/src/e2e-app/legacy-radio/**                                @andrewseguin @devversion
+/src/e2e-app/legacy-slide-toggle/**                         @devversion
+/src/e2e-app/legacy-tabs/**                                 @andrewseguin
 /src/e2e-app/list/**                                        @andrewseguin
 /src/e2e-app/mdc-button/**                                  @andrewseguin
 /src/e2e-app/mdc-card/**                                    @mmalerba
@@ -265,15 +271,9 @@
 /src/e2e-app/mdc-slider/**                                  @andrewseguin
 /src/e2e-app/mdc-table/**                                   @andrewseguin
 /src/e2e-app/mdc-tabs/**                                    @crisbeto
-/src/e2e-app/menu/**                                        @crisbeto
-/src/e2e-app/progress-bar/**                                @andrewseguin @crisbeto
-/src/e2e-app/progress-spinner/**                            @andrewseguin @crisbeto
-/src/e2e-app/radio/**                                       @andrewseguin @devversion
 /src/e2e-app/select/**                                      @crisbeto
 /src/e2e-app/sidenav/**                                     @mmalerba
-/src/e2e-app/slide-toggle/**                                @devversion
 /src/e2e-app/stepper/**                                     @mmalerba
-/src/e2e-app/tabs/**                                        @andrewseguin
 /src/e2e-app/test-util/**                                   @andrewseguin
 /src/e2e-app/toolbar/**                                     @devversion
 /src/e2e-app/virtual-scroll/**                              @mmalerba

src/e2e-app/checkbox/checkbox-e2e.ts

@@ -9,10 +9,10 @@
 import {NgModule} from '@angular/core';
 import {MatLegacyButtonModule} from '@angular/material/legacy-button';
 import {MatIconModule} from '@angular/material/icon';
-import {ButtonE2E} from './button-e2e';
+import {LegacyButtonE2e} from './legacy-button-e2e';
 
 @NgModule({
   imports: [MatLegacyButtonModule, MatIconModule],
-  declarations: [ButtonE2E],
+  declarations: [LegacyButtonE2e],
 })
-export class ButtonE2eModule {}
+export class LegacyButtonE2eModule {}

src/e2e-app/input/input-e2e.ts

@@ -1,10 +1,10 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector: 'button-e2e',
-  templateUrl: 'button-e2e.html',
+  selector: 'legacy-button-e2e',
+  templateUrl: 'legacy-button-e2e.html',
 })
-export class ButtonE2E {
+export class LegacyButtonE2e {
   isDisabled: boolean = false;
   clickCounter: number = 0;
 }

src/e2e-app/button/button-e2e-module.ts renamed to src/e2e-app/legacy-button/legacy-button-e2e-module.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatLegacyCheckboxModule} from '@angular/material/legacy-checkbox';
-import {SimpleCheckboxes} from './checkbox-e2e';
+import {LegacyCheckboxE2e} from './legacy-checkbox-e2e';
 
 @NgModule({
   imports: [MatLegacyCheckboxModule],
-  declarations: [SimpleCheckboxes],
+  declarations: [LegacyCheckboxE2e],
 })
-export class CheckboxE2eModule {}
+export class LegacyCheckboxE2eModule {}

src/e2e-app/button/button-e2e.html renamed to src/e2e-app/legacy-button/legacy-button-e2e.html

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'legacy-checkbox-e2e',
+  templateUrl: 'legacy-checkbox-e2e.html',
+})
+export class LegacyCheckboxE2e {}

src/e2e-app/button/button-e2e.ts renamed to src/e2e-app/legacy-button/legacy-button-e2e.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatLegacyDialogModule} from '@angular/material/legacy-dialog';
-import {DialogE2E, TestDialog} from './dialog-e2e';
+import {LegacyDialogE2e, TestDialog} from './legacy-dialog-e2e';
 
 @NgModule({
   imports: [MatLegacyDialogModule],
-  declarations: [DialogE2E, TestDialog],
+  declarations: [LegacyDialogE2e, TestDialog],
 })
-export class DialogE2eModule {}
+export class LegacyDialogE2eModule {}

src/e2e-app/checkbox/checkbox-e2e-module.ts renamed to src/e2e-app/legacy-checkbox/legacy-checkbox-e2e-module.ts

@@ -6,10 +6,10 @@ import {
 } from '@angular/material/legacy-dialog';
 
 @Component({
-  selector: 'dialog-e2e',
-  templateUrl: 'dialog-e2e.html',
+  selector: 'legacy-dialog-e2e',
+  templateUrl: 'legacy-dialog-e2e.html',
 })
-export class DialogE2E {
+export class LegacyDialogE2e {
   dialogRef: MatLegacyDialogRef<TestDialog> | null;
 
   @ViewChild(TemplateRef) templateRef: TemplateRef<any>;

src/e2e-app/checkbox/checkbox-e2e.html renamed to src/e2e-app/legacy-checkbox/legacy-checkbox-e2e.html

@@ -9,10 +9,10 @@
 import {NgModule} from '@angular/core';
 import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field';
 import {MatLegacyInputModule} from '@angular/material/legacy-input';
-import {InputE2E} from './input-e2e';
+import {LegacyInputE2e} from './legacy-input-e2e';
 
 @NgModule({
   imports: [MatLegacyFormFieldModule, MatLegacyInputModule],
-  declarations: [InputE2E],
+  declarations: [LegacyInputE2e],
 })
-export class InputE2eModule {}
+export class LegacyInputE2eModule {}

src/e2e-app/legacy-checkbox/legacy-checkbox-e2e.ts

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'legacy-input-e2e',
+  templateUrl: 'legacy-input-e2e.html',
+})
+export class LegacyInputE2e {}

src/e2e-app/dialog/dialog-e2e-module.ts renamed to src/e2e-app/legacy-dialog/legacy-dialog-e2e-module.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatLegacyMenuModule} from '@angular/material/legacy-menu';
-import {MenuE2E} from './menu-e2e';
+import {LegacyMenuE2e} from './legacy-menu-e2e';
 
 @NgModule({
   imports: [MatLegacyMenuModule],
-  declarations: [MenuE2E],
+  declarations: [LegacyMenuE2e],
 })
-export class MenuE2eModule {}
+export class LegacyMenuE2eModule {}

src/e2e-app/dialog/dialog-e2e.html renamed to src/e2e-app/legacy-dialog/legacy-dialog-e2e.html

@@ -1,8 +1,8 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector: 'menu-e2e',
-  templateUrl: 'menu-e2e.html',
+  selector: 'legacy-menu-e2e',
+  templateUrl: 'legacy-menu-e2e.html',
   styles: [
     `
     #before-t, #above-t, #combined-t {
@@ -16,6 +16,6 @@ import {Component} from '@angular/core';
   `,
   ],
 })
-export class MenuE2E {
+export class LegacyMenuE2e {
   selected: string = '';
 }

src/e2e-app/dialog/dialog-e2e.ts renamed to src/e2e-app/legacy-dialog/legacy-dialog-e2e.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatLegacyProgressBarModule} from '@angular/material/legacy-progress-bar';
-import {ProgressBarE2E} from './progress-bar-e2e';
+import {LegacyProgressBarE2e} from './legacy-progress-bar-e2e';
 
 @NgModule({
   imports: [MatLegacyProgressBarModule],
-  declarations: [ProgressBarE2E],
+  declarations: [LegacyProgressBarE2e],
 })
-export class ProgressBarE2eModule {}
+export class LegacyProgressBarE2eModule {}

src/e2e-app/input/input-e2e-module.ts renamed to src/e2e-app/legacy-input/legacy-input-e2e-module.ts

@@ -1,8 +1,8 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector: 'progress-bar-e2e',
-  templateUrl: 'progress-bar-e2e.html',
+  selector: 'legacy-progress-bar-e2e',
+  templateUrl: 'legacy-progress-bar-e2e.html',
   styles: [
     `
     mat-progress-bar {
@@ -11,7 +11,7 @@ import {Component} from '@angular/core';
   `,
   ],
 })
-export class ProgressBarE2E {
+export class LegacyProgressBarE2e {
   determinateValue: number = 57;
   bufferValue: number = 35;
 }

src/e2e-app/input/input-e2e.html renamed to src/e2e-app/legacy-input/legacy-input-e2e.html

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatLegacyProgressSpinnerModule} from '@angular/material/legacy-progress-spinner';
-import {ProgressSpinnerE2E} from './progress-spinner-e2e';
+import {LegacyProgressSpinnerE2e} from './legacy-progress-spinner-e2e';
 
 @NgModule({
   imports: [MatLegacyProgressSpinnerModule],
-  declarations: [ProgressSpinnerE2E],
+  declarations: [LegacyProgressSpinnerE2e],
 })
-export class ProgressSpinnerE2eModule {}
+export class LegacyProgressSpinnerE2eModule {}

src/e2e-app/legacy-input/legacy-input-e2e.ts

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'legacy-progress-spinner-e2e',
+  templateUrl: 'legacy-progress-spinner-e2e.html',
+})
+export class LegacyProgressSpinnerE2e {}

src/e2e-app/menu/menu-e2e-module.ts renamed to src/e2e-app/legacy-menu/legacy-menu-e2e-module.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatLegacyRadioModule} from '@angular/material/legacy-radio';
-import {SimpleRadioButtons} from './radio-e2e';
+import {LegacyRadioE2e} from './legacy-radio-e2e';
 
 @NgModule({
   imports: [MatLegacyRadioModule],
-  declarations: [SimpleRadioButtons],
+  declarations: [LegacyRadioE2e],
 })
-export class RadioE2eModule {}
+export class LegacyRadioE2eModule {}

src/e2e-app/menu/menu-e2e.html renamed to src/e2e-app/legacy-menu/legacy-menu-e2e.html

@@ -1,10 +1,10 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector: 'radio-e2e',
-  templateUrl: 'radio-e2e.html',
+  selector: 'legacy-radio-e2e',
+  templateUrl: 'legacy-radio-e2e.html',
 })
-export class SimpleRadioButtons {
+export class LegacyRadioE2e {
   isGroupDisabled: boolean = false;
   groupValue: string;
 }

src/e2e-app/menu/menu-e2e.ts renamed to src/e2e-app/legacy-menu/legacy-menu-e2e.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatLegacySlideToggleModule} from '@angular/material/legacy-slide-toggle';
-import {SlideToggleE2E} from './slide-toggle-e2e';
+import {LegacySlideToggleE2e} from './legacy-slide-toggle-e2e';
 
 @NgModule({
   imports: [MatLegacySlideToggleModule],
-  declarations: [SlideToggleE2E],
+  declarations: [LegacySlideToggleE2e],
 })
-export class SlideToggleE2eModule {}
+export class LegacySlideToggleE2eModule {}

src/e2e-app/progress-bar/progress-bar-e2e-module.ts renamed to src/e2e-app/legacy-progress-bar/legacy-progress-bar-e2e-module.ts

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'legacy-slide-toggle-e2e',
+  templateUrl: 'legacy-slide-toggle-e2e.html',
+})
+export class LegacySlideToggleE2e {}

src/e2e-app/progress-bar/progress-bar-e2e.html renamed to src/e2e-app/legacy-progress-bar/legacy-progress-bar-e2e.html

@@ -10,10 +10,10 @@ import {NgModule} from '@angular/core';
 import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field';
 import {MatLegacyInputModule} from '@angular/material/legacy-input';
 import {MatLegacyTabsModule} from '@angular/material/legacy-tabs';
-import {BasicTabs} from './tabs-e2e';
+import {LegacyTabsE2e} from './legacy-tabs-e2e';
 
 @NgModule({
   imports: [MatLegacyTabsModule, MatLegacyFormFieldModule, MatLegacyInputModule],
-  declarations: [BasicTabs],
+  declarations: [LegacyTabsE2e],
 })
-export class TabsE2eModule {}
+export class LegacyTabsE2eModule {}

src/e2e-app/progress-bar/progress-bar-e2e.ts renamed to src/e2e-app/legacy-progress-bar/legacy-progress-bar-e2e.ts

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'legacy-tabs-e2e',
+  templateUrl: 'legacy-tabs-e2e.html',
+})
+export class LegacyTabsE2e {}