使用React测试库测试不带标签的输入

npm install @testing-library/react

import React, { useState } from 'react';

function TextInput() {
  const [value, setValue] = useState('');

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  return (
    <input type="text" value={value} onChange={handleChange} />
  );
}

export default TextInput;

import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import TextInput from './TextInput';

test('测试不带标签的输入', () => {
  // 渲染组件
  const { getByRole } = render(<TextInput />);

  // 获取输入框元素
  const input = getByRole('textbox');

  // 模拟用户输入
  fireEvent.change(input, { target: { value: 'test input' } });

  // 断言组件状态已更新
  expect(input.value).toBe('test input');
});