From 93abfa065f3ece5e4ca6d42b743169a2c4a23c36 Mon Sep 17 00:00:00 2001 From: Vladimir Date: Mon, 12 Aug 2024 13:32:43 +0200 Subject: [PATCH] test: make react example more stable (#6324) --- examples/react/test/basic.test.tsx | 4 ++-- test/browser/test/userEvent.test.ts | 2 ++ test/ui/test/ui.spec.ts | 6 +++--- 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/examples/react/test/basic.test.tsx b/examples/react/test/basic.test.tsx index 9fc10961a004..5561171b764a 100644 --- a/examples/react/test/basic.test.tsx +++ b/examples/react/test/basic.test.tsx @@ -14,9 +14,9 @@ test('Link changes the state when hovered', async () => { await userEvent.hover(link) - expect(link).toHaveAccessibleName('Link is hovered') + await expect.poll(() => link).toHaveAccessibleName('Link is hovered') await userEvent.unhover(link) - expect(link).toHaveAccessibleName('Link is normal') + await expect.poll(() => link).toHaveAccessibleName('Link is normal') }) diff --git a/test/browser/test/userEvent.test.ts b/test/browser/test/userEvent.test.ts index aea2fdd956cd..08d4a4182e6f 100644 --- a/test/browser/test/userEvent.test.ts +++ b/test/browser/test/userEvent.test.ts @@ -12,6 +12,8 @@ const userEvent = _uE.setup() describe('userEvent.click', () => { test('correctly clicks a button', async () => { const button = document.createElement('button') + button.style.height = '100px' + button.style.width = '200px' button.textContent = 'Click me' document.body.appendChild(button) const onClick = vi.fn() diff --git a/test/ui/test/ui.spec.ts b/test/ui/test/ui.spec.ts index e9585799c393..a066a70b5267 100644 --- a/test/ui/test/ui.spec.ts +++ b/test/ui/test/ui.spec.ts @@ -51,7 +51,7 @@ test.describe('ui', () => { // report const sample = page.getByTestId('details-panel').getByLabel('sample.test.ts') await sample.hover() - await sample.getByTestId('btn-open-details').click() + await sample.getByTestId('btn-open-details').click({ force: true }) await page.getByText('All tests passed in this file').click() // graph tab @@ -75,7 +75,7 @@ test.describe('ui', () => { await page.goto(pageUrl) const item = page.getByLabel('fixtures/console.test.ts') await item.hover() - await item.getByTestId('btn-open-details').click() + await item.getByTestId('btn-open-details').click({ force: true }) await page.getByTestId('btn-console').click() await page.getByText('/(?\\w)/').click() @@ -87,7 +87,7 @@ test.describe('ui', () => { await page.goto(pageUrl) const item = page.getByLabel('fixtures/error.test.ts') await item.hover() - await item.getByTestId('btn-open-details').click() + await item.getByTestId('btn-open-details').click({ force: true }) await expect(page.getByTestId('diff')).toContainText('- Expected + Received + ') })