diff --git a/integration/cli-signal-inputs/package.json b/integration/cli-signal-inputs/package.json index 5f6dfc9cf81..80e61982fcd 100644 --- a/integration/cli-signal-inputs/package.json +++ b/integration/cli-signal-inputs/package.json @@ -6,7 +6,7 @@ "start": "ng serve", "build": "ng build --configuration production", "pretest": "ng version", - "test": "ng test && ng e2e", + "test": "ng test && ng e2e && ng build --configuration=production", "lint": "ng lint", "e2e": "ng e2e --port 0" }, diff --git a/integration/cli-signal-inputs/src/app/app.component.ts b/integration/cli-signal-inputs/src/app/app.component.ts index 184747b9ce7..e8653a8f98e 100644 --- a/integration/cli-signal-inputs/src/app/app.component.ts +++ b/integration/cli-signal-inputs/src/app/app.component.ts @@ -9,7 +9,8 @@ import {GreetComponent} from './greet.component';

Unbound last name

- + diff --git a/integration/cli-signal-inputs/src/app/greet.component.spec.ts b/integration/cli-signal-inputs/src/app/greet.component.spec.ts index 38c6c0c36ff..cc8234d58da 100644 --- a/integration/cli-signal-inputs/src/app/greet.component.spec.ts +++ b/integration/cli-signal-inputs/src/app/greet.component.spec.ts @@ -24,15 +24,20 @@ describe('greet component', () => { fixture.detectChanges(); expect(fixture.componentInstance.clickCount).toBe(1); + expect(fixture.componentInstance.clickCount2).toBe(1); }); }); @Component({ standalone: true, - template: ``, + template: ` + + `, imports: [GreetComponent], }) class TestCmp { clickCount = 0; + clickCount2 = 0; firstName = 'Initial'; } diff --git a/integration/cli-signal-inputs/src/app/greet.component.ts b/integration/cli-signal-inputs/src/app/greet.component.ts index 44559799650..2adeb50fa84 100644 --- a/integration/cli-signal-inputs/src/app/greet.component.ts +++ b/integration/cli-signal-inputs/src/app/greet.component.ts @@ -1,4 +1,6 @@ -import {ChangeDetectionStrategy, Component, Input, input, ɵoutput} from '@angular/core'; +import {ChangeDetectionStrategy, Component, Input, input, output} from '@angular/core'; +import {outputFromObservable} from '@angular/core/rxjs-interop'; +import {Subject} from 'rxjs'; @Component({ selector: 'greet', @@ -18,9 +20,15 @@ export class GreetComponent { @Input() decoratorInput = 0; - clickFromInside = ɵoutput(); + clickFromInside = output(); + + private clickFromInsideInterop$ = new Subject(); + clickFromInsideInterop = outputFromObservable(this.clickFromInsideInterop$, { + alias: 'clickFromInside2', + }); dispatchOutputEvent() { - this.clickFromInside.emit(); + this.clickFromInside.emit('someString'); + this.clickFromInsideInterop$.next(1); } }