React-testing-library如何在onChange获取输入值的长度

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

test('获取输入值的长度', () => {
  const handleChange = jest.fn(); // 创建一个mock函数来模拟onChange事件
  const { getByLabelText } = render(
    <input
      type="text"
      onChange={handleChange}
      aria-label="input" // 使用aria-label属性来标识输入框
    />
  );

  const input = getByLabelText('input'); // 通过aria-label属性获取输入框元素

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

  expect(handleChange).toHaveBeenCalledTimes(1); // 验证onChange事件被调用一次
  expect(input.value.length).toBe(11); // 验证输入值的长度为11
});