React:如何测试使用ref的组件的输入？

import React from 'react';
import { render, unmountComponentAtNode } from 'react-dom';
import { act } from 'react-dom/test-utils';
import Component from './Component'; // 要测试的组件

let container = null;
beforeEach(() => {
  container = document.createElement('div');
  document.body.appendChild(container);
});

afterEach(() => {
  unmountComponentAtNode(container);
  container.remove();
  container = null;
});

it('should update input value using ref', () => {
  act(() => {
    render(<Component />, container);
  });

  const input = container.querySelector('input');
  const button = container.querySelector('button');

  act(() => {
    input.value = 'Test';
    button.dispatchEvent(new MouseEvent('click', { bubbles: true }));
  });

  expect(input.value).toBe('Test');
});