test: add test case for #435

projects/testing-library/tests/issues/issue-435.spec.ts

@@ -0,0 +1,40 @@
+import { screen, render } from '@testing-library/angular';
+import { CommonModule } from '@angular/common';
+import { BehaviorSubject } from 'rxjs';
+import { Component, Inject, Injectable } from '@angular/core';
+
+// Service
+@Injectable()
+export class DemoService {
+  buttonTitle = new BehaviorSubject<string>('Click me');
+}
+
+// Component
+@Component({
+  selector: 'demo',
+  standalone: true,
+  imports: [CommonModule],
+  providers: [DemoService],
+  template: `
+    <button>
+      <!-- 👇 I only get the Inject error when I use the async pipe here -->
+      {{ demoService.buttonTitle | async }}
+    </button>
+  `,
+})
+export class DemoComponent {
+  constructor(@Inject(DemoService) public demoService: DemoService) {}
+}
+
+// Test
+describe(DemoComponent.name, () => {
+  it('should render button', async () => {
+    await render(DemoComponent);
+
+    const button = screen.getByRole('button', {
+      name: /Click me/,
+    });
+
+    expect(button).toBeVisible();
+  });
+});