React测试库-如何将"anchorEl“作为道具发送？

// 测试用例
import { render } from '@testing-library/react';
import YourComponent from './YourComponent';

test('renders YourComponent with anchorEl prop', () => {
  const anchorEl = document.createElement('div'); // 创建一个模拟的anchorEl变量
  const { getByText } = render(<YourComponent anchorEl={anchorEl} />); // 将anchorEl作为props传递给组件

  // 进行相应的断言和测试
  const componentText = getByText('Your Component');
  expect(componentText).toBeInTheDocument();
});

// 组件代码
import React from 'react';

const YourComponent = ({ anchorEl }) => {
  // 在组件内部使用anchorEl进行相应的操作
  // ...

  return <div>Your Component</div>;
};

export default YourComponent;