diff --git a/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx b/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx index 90c3bda891..a7fd56fbac 100644 --- a/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx +++ b/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx @@ -1,4 +1,4 @@ -import { fireEvent, render, screen, waitFor } from '@testing-library/react' +import { act, fireEvent, render, screen, waitFor } from '@testing-library/react' import userEvent from '@testing-library/user-event' import { useState } from 'react' import GenericTable from '../generic-table' @@ -53,6 +53,16 @@ describe('GenericTable', () => { vi.useRealTimers() }) + const selectOption = async (triggerName: string, optionName: string) => { + await act(async () => { + fireEvent.click(screen.getByRole('button', { name: triggerName })) + }) + + await act(async () => { + fireEvent.click(await screen.findByRole('option', { name: optionName })) + }) + } + it('should render an empty editable row and append a configured row when typing into the virtual row', async () => { const onChange = vi.fn() @@ -144,8 +154,7 @@ describe('GenericTable', () => { , ) - await user.click(screen.getByRole('button', { name: 'Choose method' })) - await user.click(await screen.findByRole('option', { name: 'POST' })) + await selectOption('Choose method', 'POST') await waitFor(() => { expect(onChange).toHaveBeenCalledWith([{ method: 'post', preview: '' }])