0

过滤器.tsx

import SelectSearch from 'react-select-search/dist/cjs';

<SelectSearch
            options={selection}
            placeholder={placeholder}
            className="select-search-data font-main"
            search
            emptyMessage={emptyMessage}
            autoComplete="on"
            filterOptions={filter}
            value={value}
            onChange={(e) => {
                handleChange(e);
            }}
        />

过滤器.test.tsx

it('should handle filter', async () => {
        render(
            <QueryClientProvider client={queryClient}>
                <UserPage />
            </QueryClientProvider>,
            { store }
        );
        fireEvent.select(await screen.findByPlaceholderText("Filter skill"));
        fireEvent.click(await screen.findByText("React"));
        fireEvent.change(await screen.findByPlaceholderText("Filter skill"), { target: { value: "React"}});

        expect(await screen.findByPlaceholderText("Filter skill")).toHaveValue("React");
});

我正在尝试使用 jest 和 react 测试库测试 react-select-search 组件，但是当我尝试模拟选择选项时，不会触发 onChange 处理程序。

有谁知道如何模拟选择选项并触发 onChange 处理程序？

4

0 回答 0