Jest+React原生测试库:如何测试镜像资源？

// 使用jest.mock模拟图片加载
jest.mock('path/to/image', () => 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...');

test('renders image correctly', () => {
  render(<YourComponent />);
  const imgElement = screen.getByAltText(/description/i);
  expect(imgElement).toBeInTheDocument();
});

test('clicking on image triggers event', () => {
  const handleClick = jest.fn();
  render(<YourComponent onClick={handleClick} />);
  const imgElement = screen.getByAltText(/description/i);
  fireEvent.click(imgElement);
  expect(handleClick).toHaveBeenCalledTimes(1);
});

// YourComponent.js
import React from 'react';

const YourComponent = ({ onClick }) => {
  return (
    <div>
      <img src="path/to/image" alt="description" onClick={onClick} />
    </div>
  );
};

export default YourComponent;

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

jest.mock('path/to/image', () => 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...');

test('renders image correctly', () => {
  render(<YourComponent />);
  const imgElement = screen.getByAltText(/description/i);
  expect(imgElement).toBeInTheDocument();
});

test('clicking on image triggers event', () => {
  const handleClick = jest.fn();
  render(<YourComponent onClick={handleClick} />);
  const imgElement = screen.getByAltText(/description/i);
  fireEvent.click(imgElement);
  expect(handleClick).toHaveBeenCalledTimes(1);
});