如何测试可以将html元素的引用传递给它的react挂钩

import React, { useRef } from 'react';

function MyComponent() {
  const myElementRef = useRef(null);

  // ...

  return (
    <div>
      <h1>My Component</h1>
      <div ref={myElementRef}>Hello, World!</div>
    </div>
  );
}

import { render } from '@testing-library/react';
import MyComponent from './MyComponent';

test('should pass the ref to the HTML element', () => {
  const { container } = render(<MyComponent />);
  const myElement = container.querySelector('div');

  // 进行断言和测试逻辑
  // ...
});

test('should pass the ref to the HTML element', () => {
  const { container } = render(<MyComponent />);
  const myElement = container.querySelector('div');

  expect(myElement.textContent).toBe('Hello, World!');
  expect(myElement.style.color).toBe('red');

  // 模拟事件处理
  fireEvent.click(myElement);
  expect(someEventHandler).toHaveBeenCalled();

  // ...
});