Generated app component does not respect style guide #30335
Description
Command
new
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
When generating a new project with version 20 of the CLI, the following component class is generated:
export class App {
title = 'foov20';
}This violates the new style guide, which says:
Use protected on class members that are only used by a component's template
If we add the protected modifier though, the generated spec doesn't compile anymore. Indeed, the spec file contains these three tests:
it('should create the app', () => {
const fixture = TestBed.createComponent(App);
const app = fixture.componentInstance;
expect(app).toBeTruthy();
});
it(`should have the 'foov20' title`, () => {
const fixture = TestBed.createComponent(App);
const app = fixture.componentInstance;
expect(app.title).toEqual('foov20');
});
it('should render title', () => {
const fixture = TestBed.createComponent(App);
fixture.detectChanges();
const compiled = fixture.nativeElement as HTMLElement;
expect(compiled.querySelector('h1')?.textContent).toContain('Hello, foov20');
});but I would argue that
- the first one isn't really useful (if it fails, the other two tests also fail)
- the second one (which is the one that does not compile anymore) isn't really useful either: it tests the internal implementation of the component rather than testing its behavior, and the third one is sufficient.
Minimal Reproduction
npx @angular/cli@next new foov20
Exception or Error
Your Environment
Angular CLI: 20.0.0-rc.2
Node: 20.12.2
Package Manager: npm 10.5.0
OS: darwin x64
Angular: 20.0.0-rc.1
... common, compiler, compiler-cli, core, forms
... platform-browser, router
Package Version
------------------------------------------------------
@angular-devkit/architect 0.2000.0-rc.2
@angular-devkit/core 20.0.0-rc.2
@angular-devkit/schematics 20.0.0-rc.2
@angular/build 20.0.0-rc.2
@angular/cli 20.0.0-rc.2
@schematics/angular 20.0.0-rc.2
rxjs 7.8.2
typescript 5.8.3
zone.js 0.15.0
Anything else relevant?
No response