build: Migrate all integration tests with the schematic. (#58160)

All components, directives and pipes will now use standalone as default. Non-standalone decorators have now .

PR Close #58160

integration/cli-elements-universal/src/app/app.component.spec.ts

@@ -36,6 +36,7 @@ describe('AppComponent', () => {
   @Component({
     selector: 'app-title-ce',
     template: '',
+    standalone: false,
   })
   class TestTitleComponent {
     @Input() appName = '';

integration/cli-elements-universal/src/app/app.component.ts

@@ -3,6 +3,7 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'app-root',
   template: '<app-title-ce [appName]="title"></app-title-ce>',
+  standalone: false,
 })
 export class AppComponent {
   title = 'cli-elements-universal';

integration/cli-elements-universal/src/app/title.component.ts

@@ -3,6 +3,7 @@ import {Component, Input} from '@angular/core';
 @Component({
   selector: 'app-title',
   template: '<h1>{{ appName }} app is running!</h1>',
+  standalone: false,
 })
 export class TitleComponent {
   @Input() appName = 'Unknown';

integration/cli-hello-world-ivy-i18n/src/app/app.component.ts

@@ -3,6 +3,7 @@ import {Component, Inject, LOCALE_ID} from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
+  standalone: false,
 })
 export class AppComponent {
   constructor(@Inject(LOCALE_ID) public locale: string) {}

integration/cli-hello-world-mocha/src/app/app.component.ts

@@ -4,6 +4,7 @@ import {Component} from '@angular/core';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  standalone: false,
 })
 export class AppComponent {
   title = 'cli-hello-world';

integration/cli-hello-world/src/app/app.component.ts

@@ -4,6 +4,7 @@ import {Component} from '@angular/core';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  standalone: false,
 })
 export class AppComponent {
   title = 'cli-hello-world';

integration/dynamic-compiler/src/app.component.ts

@@ -6,6 +6,7 @@ import {AfterViewInit, Compiler, Component, ViewChild, ViewContainerRef} from '@
     <h1>Hello world!</h1>
     <div #vc></div>
   `,
+  standalone: false,
 })
 export class AppComponent implements AfterViewInit {
   @ViewChild('vc', {read: ViewContainerRef}) container: ViewContainerRef;

integration/dynamic-compiler/src/lazy.module.ts

@@ -4,6 +4,7 @@ import {NgModule, Component} from '@angular/core';
   selector: 'lazy-component',
   template: 'Lazy-loaded component!',
   jit: true,
+  standalone: false,
 })
 export class LazyComponent {}
 

integration/forms/src/app/app.component.ts

@@ -28,6 +28,7 @@ import {FormArray, FormBuilder, FormControl, FormGroup, Validators} from '@angul
       <button (click)="addCity()">Add City</button>
     </div>
   </form>`,
+  standalone: false,
 })
 export class TemplateFormsComponent {
   name = {first: 'Nancy', last: 'Drew', subscribed: true};
@@ -68,6 +69,7 @@ export class TemplateFormsComponent {
     </div>
     <button (click)="addCity()">Add City</button>
   </form>`,
+  standalone: false,
 })
 export class ReactiveFormsComponent {
   profileForm!: FormGroup;
@@ -109,5 +111,6 @@ export class ReactiveFormsComponent {
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
+  standalone: false,
 })
 export class AppComponent {}

integration/injectable-def/src/app.ts

@@ -6,6 +6,7 @@ import {Lib2Module} from 'lib2_built';
 @Component({
   selector: 'test-app',
   template: '<test-cmp></test-cmp>',
+  standalone: false,
 })
 export class TestApp {}
 

integration/injectable-def/src/lib2.ts

@@ -4,6 +4,7 @@ import {Lib1Module, Service} from 'lib1_built';
 @Component({
   selector: 'test-cmp',
   template: '{{instance1}}:{{instance2}}',
+  standalone: false,
 })
 export class TestCmp {
   instance1: number;

integration/ivy-i18n/src/app/app.component.ts

@@ -4,6 +4,7 @@ import {Component, Inject, LOCALE_ID} from '@angular/core';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  standalone: false,
 })
 export class AppComponent {
   constructor(@Inject(LOCALE_ID) public locale: string) {}

integration/ng-add-localize/src/app/app.component.ts

@@ -26,6 +26,7 @@ import {Component} from '@angular/core';
 
   `,
   styles: [],
+  standalone: false,
 })
 export class AppComponent {
   title = $localize`ng-add-localize`;

integration/ng_elements/src/elements.ts

@@ -3,6 +3,7 @@ import {ChangeDetectionStrategy, Component, Input, ViewEncapsulation} from '@ang
 @Component({
   selector: 'hello-world-el',
   template: 'Hello {{name}}!',
+  standalone: false,
 })
 export class HelloWorldComponent {
   @Input() name: string = 'World';
@@ -12,6 +13,7 @@ export class HelloWorldComponent {
   selector: 'hello-world-onpush-el',
   template: 'Hello {{name}}!',
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class HelloWorldOnpushComponent {
   @Input() name: string = 'World';
@@ -21,6 +23,7 @@ export class HelloWorldOnpushComponent {
   selector: 'hello-world-shadow-el',
   template: 'Hello {{name}}!',
   encapsulation: ViewEncapsulation.ShadowDom,
+  standalone: false,
 })
 export class HelloWorldShadowComponent {
   @Input() name: string = 'World';
@@ -37,5 +40,6 @@ export class HelloWorldShadowComponent {
       <slot name="card-footer"></slot>
     </footer>`,
   encapsulation: ViewEncapsulation.ShadowDom,
+  standalone: false,
 })
 export class TestCardComponent {}

integration/ng_update_migrations/src/app/app.component.ts

@@ -4,6 +4,7 @@ import {Component} from '@angular/core';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.less'],
+  standalone: false,
 })
 export class AppComponent {
   title = 'ng-update-migrations';

integration/platform-server/projects/ngmodule/src/app/app.component.ts

@@ -3,5 +3,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'app-root',
   template: '<router-outlet></router-outlet>',
+  standalone: false,
 })
 export class AppComponent {}

integration/platform-server/projects/ngmodule/src/app/helloworld/hello-world.component.ts

@@ -20,6 +20,7 @@ import {Component} from '@angular/core';
     }
   `,
   ],
+  standalone: false,
 })
 export class HelloWorldComponent {
   name: string = 'world';

integration/platform-server/projects/ngmodule/src/app/http-transferstate-lazy-on-init/http-transferstate-lazy-on-init.component.ts

@@ -12,6 +12,7 @@ import {Component, OnInit} from '@angular/core';
 @Component({
   selector: 'transfer-state-http-on-init',
   template: ` <div class="one">{{ responseOne }}</div> `,
+  standalone: false,
 })
 export class TransferStateComponentOnInit implements OnInit {
   responseOne: string = '';

integration/platform-server/projects/ngmodule/src/app/http-transferstate-lazy/http-transfer-state.component.ts

@@ -15,6 +15,7 @@ import {Component, OnInit} from '@angular/core';
     <div class="one">{{ responseOne }}</div>
     <div class="two">{{ responseTwo }}</div>
   `,
+  standalone: false,
 })
 export class TransferStateComponent implements OnInit {
   responseOne: string = '';

integration/platform-server/projects/ngmodule/src/app/transferstate/transfer-state.component.ts

@@ -14,6 +14,7 @@ const COUNTER_KEY = makeStateKey<number>('counter');
 @Component({
   selector: 'transfer-state',
   template: ` <div>{{ counter }}</div> `,
+  standalone: false,
 })
 export class TransferStateComponent {
   counter = 0;

integration/trusted-types/src/app/app.component.ts

@@ -5,6 +5,7 @@ import {DomSanitizer, SafeHtml, SafeResourceUrl} from '@angular/platform-browser
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  standalone: false,
 })
 export class AppComponent {
   title = 'trusted-types';