feat: add componentProviders for component-level dependency injection

[shairez]

Adds support for component-level dependency injection providers through the new componentProviders option in the render() function.

Implementation

• Added componentProviders option to RenderConfig interface
• Uses TestBed.overrideComponent() to inject providers at component level

Usage

@Component({
  template: '<h1>{{ title }}</h1>',
  providers: [GreetingService],
})
export class HelloWorldComponent {
  title = 'Hello World';
}

test('renders component with service provider', async () => {
  const { component } = await render(HelloWorldComponent, {
    componentProviders: [
      { provide: GreetingService, useClass: FakeGreetingService },
    ],
  });
});

This enables testing Angular components when you need to also override providers defined on their component decorator.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/vitest-community/vitest-browser-angular@16

commit: fe94a98

[yjaaidi]

LGTM! 🚀