使用jest测试Echarts react组件，EchartElement为空

// EchartsComponent.js
import React, { useEffect, useRef } from 'react';
import * as echarts from 'echarts';

const EchartsComponent = ({ option }) => {
  const chartRef = useRef(null);

  useEffect(() => {
    if (chartRef.current) {
      const chartInstance = echarts.init(chartRef.current);
      chartInstance.setOption(option);
    }
  }, [option]);

  return <div ref={chartRef} style={{ width: '100%', height: '400px' }} />;
};

export default EchartsComponent;

// EchartsComponent.test.js
import React from 'react';
import { render, screen, waitFor } from '@testing-library/react';
import EchartsComponent from './EchartsComponent';

describe('EchartsComponent', () => {
  it('should render the chart correctly', async () => {
    const option = {
      title: {
        text: 'Test Chart',
      },
      series: [
        {
          data: [120, 200, 150, 80, 70, 110, 130],
          type: 'bar',
        },
      ],
    };

    render(<EchartsComponent option={option} />);

    // Wait for the chart to be rendered
    await waitFor(() => {
      expect(screen.getByText('Test Chart')).toBeInTheDocument();
    });
  });
});