Angular 20 ng-reflect-* attributes missing in HTML, test cases failing due to missing...

I have been trying out the new Angular 20, I noticed a few test cases were failing, the test cases specifically were using ng-reflect-* to identify elements to test.

Below are two examples and screenshots highlighting my problem.

Angular 19 - ng-reflect-* is present:




Stackblitz Demo

Angular 20 - ng-reflect-* is missing:


Stackblitz Demo



Code:


@Component({
selector: 'app-child',
template: `
{{user().firstName}} | {{user().lastName}}
`,
})
export class Child {
user = input.required<any>();
}
@Component({
selector: 'app-root',
imports: [Child],
template: `
<app-child [user]="user"/>
`,
})
export class App {
user: any = {
firstName: 'test',
lastName: 'tester',
};
}

Continue reading...