diff --git a/modules/testing/builder/projects/hello-world-app/src/app/app.component.ts b/modules/testing/builder/projects/hello-world-app/src/app/app.component.ts index 5fd7d4fed2bc..93a041e8aec7 100644 --- a/modules/testing/builder/projects/hello-world-app/src/app/app.component.ts +++ b/modules/testing/builder/projects/hello-world-app/src/app/app.component.ts @@ -10,6 +10,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-root', + standalone: false, templateUrl: './app.component.html', styleUrls: ['./app.component.css'], }) diff --git a/packages/angular/build/src/builders/application/tests/behavior/rebuild-errors_spec.ts b/packages/angular/build/src/builders/application/tests/behavior/rebuild-errors_spec.ts index 3153e0bd659a..196cbf4e6b5d 100644 --- a/packages/angular/build/src/builders/application/tests/behavior/rebuild-errors_spec.ts +++ b/packages/angular/build/src/builders/application/tests/behavior/rebuild-errors_spec.ts @@ -27,7 +27,7 @@ describeBuilder(buildApplication, APPLICATION_BUILDER_INFO, (harness) => { const goodDirectiveContents = ` import { Directive, Input } from '@angular/core'; - @Directive({ selector: 'dir' }) + @Directive({ selector: 'dir', standalone: false }) export class Dir { @Input() foo: number; } @@ -66,6 +66,7 @@ describeBuilder(buildApplication, APPLICATION_BUILDER_INFO, (harness) => { import { Component } from '@angular/core' @Component({ selector: 'app-root', + standalone: false, template: '
app-shell works!
', }) diff --git a/packages/angular/build/src/builders/application/tests/options/external-dependencies_spec.ts b/packages/angular/build/src/builders/application/tests/options/external-dependencies_spec.ts index 27106874bca6..feb9b6447c3b 100644 --- a/packages/angular/build/src/builders/application/tests/options/external-dependencies_spec.ts +++ b/packages/angular/build/src/builders/application/tests/options/external-dependencies_spec.ts @@ -61,6 +61,7 @@ describeBuilder(buildApplication, APPLICATION_BUILDER_INFO, (harness) => { import { Component } from '@angular/core' @Component({ selector: 'app-root', + standalone: false, template: '{{ asset.content }}
' }) export class AppComponent { diff --git a/packages/angular_devkit/build_angular/src/builders/karma/tests/options/code-coverage_spec.ts b/packages/angular_devkit/build_angular/src/builders/karma/tests/options/code-coverage_spec.ts index 109cc30a4b56..a8849ba643ef 100644 --- a/packages/angular_devkit/build_angular/src/builders/karma/tests/options/code-coverage_spec.ts +++ b/packages/angular_devkit/build_angular/src/builders/karma/tests/options/code-coverage_spec.ts @@ -79,6 +79,7 @@ describeKarmaBuilder(execute, KARMA_BUILDER_INFO, (harness, setupTarget) => { @Component({ selector: 'app-root', + standalone: false, templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) diff --git a/packages/angular_devkit/build_angular/src/builders/karma/tests/options/styles_spec.ts b/packages/angular_devkit/build_angular/src/builders/karma/tests/options/styles_spec.ts index 909fcb1a1e09..6ede50e6945c 100644 --- a/packages/angular_devkit/build_angular/src/builders/karma/tests/options/styles_spec.ts +++ b/packages/angular_devkit/build_angular/src/builders/karma/tests/options/styles_spec.ts @@ -23,6 +23,7 @@ describeKarmaBuilder(execute, KARMA_BUILDER_INFO, (harness, setupTarget) => { @Component({ selector: 'app-root', + standalone: false, template: 'Hello World
' }) export class AppComponent { @@ -79,6 +80,7 @@ describeKarmaBuilder(execute, KARMA_BUILDER_INFO, (harness, setupTarget) => { import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-root', + standalone: false, template: '{{ asset.content }}
' }) export class AppComponent { diff --git a/packages/angular_devkit/build_angular/src/builders/karma/tests/options/web-worker-tsconfig_spec.ts b/packages/angular_devkit/build_angular/src/builders/karma/tests/options/web-worker-tsconfig_spec.ts index 6c3b74cf0a5e..9c1d6af166d0 100644 --- a/packages/angular_devkit/build_angular/src/builders/karma/tests/options/web-worker-tsconfig_spec.ts +++ b/packages/angular_devkit/build_angular/src/builders/karma/tests/options/web-worker-tsconfig_spec.ts @@ -45,6 +45,7 @@ describeKarmaBuilder(execute, KARMA_BUILDER_INFO, (harness, setupTarget, isAppli @Component({ selector: 'app-root', + standalone: false, template: '' }) export class AppComponent { diff --git a/packages/angular_devkit/build_angular/src/builders/prerender/works_spec.ts b/packages/angular_devkit/build_angular/src/builders/prerender/works_spec.ts index c54f4c434e7c..abc9fc483554 100644 --- a/packages/angular_devkit/build_angular/src/builders/prerender/works_spec.ts +++ b/packages/angular_devkit/build_angular/src/builders/prerender/works_spec.ts @@ -27,6 +27,7 @@ describe('Prerender Builder', () => { @Component({ selector: 'app-foo', + standalone: false, template: 'foo works!
', }) export class FooComponent {} diff --git a/packages/angular_devkit/build_angular/test/hello-world-lib/projects/lib/src/lib/lib.module.ts b/packages/angular_devkit/build_angular/test/hello-world-lib/projects/lib/src/lib/lib.module.ts deleted file mode 100644 index 33f5b7a71126..000000000000 --- a/packages/angular_devkit/build_angular/test/hello-world-lib/projects/lib/src/lib/lib.module.ts +++ /dev/null @@ -1,19 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -import { NgModule } from '@angular/core'; -import { LibComponent } from './lib.component'; -import { LibService } from './lib.service'; - -@NgModule({ - imports: [ - ], - declarations: [LibComponent], - providers: [LibService] -}) -export class LibModule { } diff --git a/packages/angular_devkit/build_angular/test/hello-world-lib/projects/lib/src/public-api.ts b/packages/angular_devkit/build_angular/test/hello-world-lib/projects/lib/src/public-api.ts index 0df48c2f1f1d..b641e95d8900 100644 --- a/packages/angular_devkit/build_angular/test/hello-world-lib/projects/lib/src/public-api.ts +++ b/packages/angular_devkit/build_angular/test/hello-world-lib/projects/lib/src/public-api.ts @@ -12,4 +12,3 @@ export * from './lib/lib.service'; export * from './lib/lib.component'; -export * from './lib/lib.module'; diff --git a/packages/angular_devkit/build_webpack/test/angular-app/src/app/app.component.ts b/packages/angular_devkit/build_webpack/test/angular-app/src/app/app.component.ts index 5fd7d4fed2bc..93a041e8aec7 100644 --- a/packages/angular_devkit/build_webpack/test/angular-app/src/app/app.component.ts +++ b/packages/angular_devkit/build_webpack/test/angular-app/src/app/app.component.ts @@ -10,6 +10,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-root', + standalone: false, templateUrl: './app.component.html', styleUrls: ['./app.component.css'], }) diff --git a/packages/schematics/angular/application/index_spec.ts b/packages/schematics/angular/application/index_spec.ts index fd287a8ffc8f..1599dbf19d8f 100644 --- a/packages/schematics/angular/application/index_spec.ts +++ b/packages/schematics/angular/application/index_spec.ts @@ -562,7 +562,7 @@ describe('Application Schematic', () => { const tree = await schematicRunner.runSchematic('application', options, workspaceTree); const component = tree.readContent('/projects/foo/src/app/app.component.ts'); - expect(component).toMatch(/standalone: true/); + expect(component).not.toContain('standalone: false'); }); it('should create routing information by default', async () => { diff --git a/packages/schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template b/packages/schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template index f9c46669b327..f787ad3acf8e 100644 --- a/packages/schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template +++ b/packages/schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template @@ -2,7 +2,6 @@ import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }% @Component({<% if(!skipSelector) {%> selector: '<%= selector %>',<%}%><% if(standalone) {%> - standalone: true, imports: [],<%} else { %> standalone: false, <% }%><% if(inlineTemplate) { %> diff --git a/packages/schematics/angular/component/index_spec.ts b/packages/schematics/angular/component/index_spec.ts index d078963f9c7c..37c3474b96f4 100644 --- a/packages/schematics/angular/component/index_spec.ts +++ b/packages/schematics/angular/component/index_spec.ts @@ -350,7 +350,6 @@ describe('Component Schematic', () => { const componentContent = tree.readContent('/projects/bar/src/app/foo/foo.component.ts'); expect(componentContent).toContain('class FooComponent'); expect(moduleContent).not.toContain('FooComponent'); - expect(componentContent).toContain('standalone: true'); }); it('should declare standalone components in the `imports` of a test', async () => { diff --git a/packages/schematics/angular/directive/files/__name@dasherize@if-flat__/__name@dasherize__.directive.ts.template b/packages/schematics/angular/directive/files/__name@dasherize@if-flat__/__name@dasherize__.directive.ts.template index 2506adaad78b..a63130fdf334 100644 --- a/packages/schematics/angular/directive/files/__name@dasherize@if-flat__/__name@dasherize__.directive.ts.template +++ b/packages/schematics/angular/directive/files/__name@dasherize@if-flat__/__name@dasherize__.directive.ts.template @@ -1,8 +1,7 @@ import { Directive } from '@angular/core'; @Directive({ - selector: '[<%= selector %>]'<% if(standalone) {%>, - standalone: true<%} else {%>, + selector: '[<%= selector %>]'<% if(!standalone) {%>, standalone: false<%}%> }) export class <%= classify(name) %>Directive { diff --git a/packages/schematics/angular/directive/index_spec.ts b/packages/schematics/angular/directive/index_spec.ts index afa845d29f65..0b9a448fbca6 100644 --- a/packages/schematics/angular/directive/index_spec.ts +++ b/packages/schematics/angular/directive/index_spec.ts @@ -107,7 +107,7 @@ describe('Directive Schematic', () => { const options = { ...defaultOptions, standalone: true }; const tree = await schematicRunner.runSchematic('directive', options, appTree); const directiveContent = tree.readContent('/projects/bar/src/app/foo.directive.ts'); - expect(directiveContent).toContain('standalone: true'); + expect(directiveContent).not.toContain('standalone: false'); expect(directiveContent).toContain('class FooDirective'); }); diff --git a/packages/schematics/angular/library/index_spec.ts b/packages/schematics/angular/library/index_spec.ts index 64e84dfc95f3..2523da8bb821 100644 --- a/packages/schematics/angular/library/index_spec.ts +++ b/packages/schematics/angular/library/index_spec.ts @@ -71,7 +71,7 @@ describe('Library Schematic', () => { it('should create a standalone component', async () => { const tree = await schematicRunner.runSchematic('library', defaultOptions, workspaceTree); const componentContent = tree.readContent('/projects/foo/src/lib/foo.component.ts'); - expect(componentContent).toContain('standalone: true'); + expect(componentContent).not.toContain('standalone: false'); }); describe('custom projectRoot', () => { diff --git a/packages/schematics/angular/pipe/files/__name@dasherize@if-flat__/__name@dasherize__.pipe.ts.template b/packages/schematics/angular/pipe/files/__name@dasherize@if-flat__/__name@dasherize__.pipe.ts.template index b0c070a7508b..2e917b4b0503 100644 --- a/packages/schematics/angular/pipe/files/__name@dasherize@if-flat__/__name@dasherize__.pipe.ts.template +++ b/packages/schematics/angular/pipe/files/__name@dasherize@if-flat__/__name@dasherize__.pipe.ts.template @@ -1,8 +1,7 @@ import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ - name: '<%= camelize(name) %>'<% if(standalone) {%>, - standalone: true<%} else {%>, + name: '<%= camelize(name) %>'<% if(!standalone) {%>, standalone: false<%}%> }) export class <%= classify(name) %>Pipe implements PipeTransform { diff --git a/packages/schematics/angular/pipe/index_spec.ts b/packages/schematics/angular/pipe/index_spec.ts index fc71632b7249..2f955695103f 100644 --- a/packages/schematics/angular/pipe/index_spec.ts +++ b/packages/schematics/angular/pipe/index_spec.ts @@ -156,7 +156,7 @@ describe('Pipe Schematic', () => { const tree = await schematicRunner.runSchematic('pipe', defaultOptions, appTree); const moduleContent = tree.readContent('/projects/bar/src/app/app.module.ts'); const pipeContent = tree.readContent('/projects/bar/src/app/foo.pipe.ts'); - expect(pipeContent).toContain('standalone: true'); + expect(pipeContent).not.toContain('standalone: false'); expect(pipeContent).toContain('class FooPipe'); expect(moduleContent).not.toContain('FooPipe'); }); diff --git a/tests/legacy-cli/e2e/tests/basic/standalone.ts b/tests/legacy-cli/e2e/tests/basic/standalone.ts deleted file mode 100644 index 79471b00a4ba..000000000000 --- a/tests/legacy-cli/e2e/tests/basic/standalone.ts +++ /dev/null @@ -1,58 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - * - * @fileoverview - * Tests the minimal conversion of a newly generated application - * to use a single standalone component. - */ - -import { writeFile } from '../../utils/fs'; -import { ng } from '../../utils/process'; - -/** - * An application main file that uses a standalone component with - * bootstrapApplication to start the application. `ng-template` and - * `ngIf` are used to ensure that `CommonModule` and `imports` are - * working in standalone mode. - */ -const STANDALONE_MAIN_CONTENT = ` -import { Component } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { bootstrapApplication, provideProtractorTestingSupport } from '@angular/platform-browser'; - -@Component({ - selector: 'app-root', - standalone: true, - template: \` -