У меня есть
it('Input', async () => {
const {getByTestId, queryByTestId, debug} = render(<InputAmount {...props} />);
const input = getByTestId('input-from');
expect(input.value).toBe('');
user.type(input, '1000');
// expect(input.value).toBe('1000');
// Error: Actions must be plain objects. Use custom middleware for async actions.
});
});
И эта функция срабатывает, когда пользователь вводит:
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
dispatch(handleChange(e.target.value));
};
Я уже связал свою пользовательскую функцию рендеринга с redux
function customRender(ui: any, partialState?: any) {
const mockStore = configureStore([...getDefaultMiddleware()]);
const store = mockStore({app: {...preloadedState, ...partialState}});
return render(
<Provider store={store}>
<ThemeProvider theme={theme}>{ui}</ThemeProvider>
</Provider>,
);
}
Как мне проверить, что handleInputChange
и handleChange
запущены или как я могу понять это, может быть по-другому?