diff --git a/projects/testing-library/tests/issues/issue-435.spec.ts b/projects/testing-library/tests/issues/issue-435.spec.ts
index 6ca47bb..e1e420f 100644
--- a/projects/testing-library/tests/issues/issue-435.spec.ts
+++ b/projects/testing-library/tests/issues/issue-435.spec.ts
@@ -26,15 +26,12 @@ class DemoComponent {
constructor(@Inject(DemoService) public demoService: DemoService) {}
}
-// Test
-describe('DemoComponent', () => {
- it('should render button', async () => {
- await render(DemoComponent);
+test('issue #435', async () => {
+ await render(DemoComponent);
- const button = screen.getByRole('button', {
- name: /Click me/,
- });
-
- expect(button).toBeVisible();
+ const button = screen.getByRole('button', {
+ name: /Click me/,
});
+
+ expect(button).toBeVisible();
});
diff --git a/projects/testing-library/tests/issues/issue-437.spec.ts b/projects/testing-library/tests/issues/issue-437.spec.ts
new file mode 100644
index 0000000..2d0e7c5
--- /dev/null
+++ b/projects/testing-library/tests/issues/issue-437.spec.ts
@@ -0,0 +1,58 @@
+import userEvent from '@testing-library/user-event';
+import { screen, render } from '../../src/public_api';
+import { MatSidenavModule } from '@angular/material/sidenav';
+
+afterEach(() => {
+ jest.useRealTimers();
+});
+
+test('issue #437', async () => {
+ const user = userEvent.setup();
+ await render(
+ `
+
+
+
+
+
+
+
+
+
+
+ `,
+ { imports: [MatSidenavModule] },
+ );
+
+ // eslint-disable-next-line testing-library/prefer-explicit-assert
+ await screen.findByTestId('test-button');
+
+ await user.click(screen.getByTestId('test-button'));
+});
+
+test('issue #437 with fakeTimers', async () => {
+ jest.useFakeTimers();
+ const user = userEvent.setup({
+ advanceTimers: jest.advanceTimersByTime,
+ });
+ await render(
+ `
+
+
+
+
+
+
+
+
+
+
+ `,
+ { imports: [MatSidenavModule] },
+ );
+
+ // eslint-disable-next-line testing-library/prefer-explicit-assert
+ await screen.findByTestId('test-button');
+
+ await user.click(screen.getByTestId('test-button'));
+});