angular-testing-library/apps/example-app/src/app/examples/05-component-provider.ts at main · testing-library/angular-testing-library · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import { Component, Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class CounterService {
  private _value = 0;

  increment() {
    this._value += 1;
  }

  decrement() {
    this._value -= 1;
  }

  value() {
    return this._value;
  }
}

@Component({
  standalone: true,
  selector: 'atl-fixture',
  template: `
    <button (click)="counter.decrement()">Decrement</button>
    <span data-testid="value">{{ counter.value() }}</span>
    <button (click)="counter.increment()">Increment</button>
  `,
  providers: [CounterService],
})
export class ComponentWithProviderComponent {
  constructor(public counter: CounterService) {}
}