reactjs - Hur testar man en funktion med ett inputs ref-parameter?
Jag har en sådan funktion:
export const clearInput = (ref: RefObject<HTMLInputElement>) => {
if (null !== ref.current) {
ref.current.value = ''
}
};
Jag vet helt enkelt inte hur man testar det i react-testing-library/jest. Detta är min nuvarande kod:
import React, { RefObject, useRef } from 'react'
import { clearInput, isInputTextMatch } from '../input';
import { fireEvent, render, waitForElement, } from '@testing-library/react'
import { debug } from 'console';
const Component = () => {
const inputRef = useRef<HTMLInputElement>(null);
return (
<input ref={inputRef} data-testid="Input" value="example" />
)
}
describe('clearInput helper', () => {
test('If used function, input value should be clear', async () => {
const { findByTestId } = render(<Component />);
const inputNode = await waitForElement(() =>
findByTestId('Input')
)
fireEvent.change(inputNode, {target: { value: ""}})
});
})