Skip to content

Commit 7354c12

Browse files
committed
test: add issue 106
Closes #106
1 parent 461b552 commit 7354c12

File tree

1 file changed

+32
-0
lines changed

1 file changed

+32
-0
lines changed

src/app/issues/issue-106.spec.ts

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import { Component } from '@angular/core';
2+
import { BehaviorSubject } from 'rxjs';
3+
import { tap } from 'rxjs/operators';
4+
import { render, screen, fireEvent, waitFor } from '@testing-library/angular';
5+
6+
@Component({
7+
template: `<button (click)="toggleShow()" data-testid="toggle">toggle</button>
8+
<div *ngIf="show$ | async" data-testid="getme">Here I am</div>`,
9+
})
10+
export class TestSelectComponent {
11+
showSubj = new BehaviorSubject(false);
12+
show$ = this.showSubj.asObservable();
13+
14+
toggleShow() {
15+
this.showSubj.next(true);
16+
}
17+
}
18+
19+
it('should show hidden text', async () => {
20+
await render(TestSelectComponent);
21+
const toggle = screen.getByTestId('toggle');
22+
const hiddenText = screen.queryByTestId('getme');
23+
24+
expect(hiddenText).toBeNull();
25+
fireEvent.click(toggle);
26+
27+
// fails
28+
// await waitFor(() => expect(hiddenText).not.toBeNull());
29+
30+
// succeeds
31+
await waitFor(() => expect(screen.queryByTestId('getme')).not.toBeNull());
32+
});

0 commit comments

Comments
 (0)