使用Jest快照测试ChartJS组件-Java 学习之路

我正在为使用ChartJS v2的react组件编写一些jest快照测试 . 我对 Customer 组件的测试看起来像这样

import React from 'react';
import renderer from 'react-test-renderer';

import CustomerComponent from '../src/components/customer/Customer';

describe('Customer', () => {
  it('renders customer', () => {
    const tree = renderer.create(
      <Customer customerId={291}/>
    ).toJSON();
    expect(tree).toMatchSnapshot();
  });
});

当我用开玩笑运行时，我明白了

FAIL  tests/Customer.test.js
  ● Test suite failed to run

    ReferenceError: window is not defined

      at node_modules/chart.js/src/core/core.helpers.js:672:10
      at Object.<anonymous>.module.exports (node_modules/chart.js/src/core/core.helpers.js:680:3)
      at Object.<anonymous> (node_modules/chart.js/src/chart.js:6:31)
      at Object.<anonymous> (node_modules/react-chartjs-2/lib/index.js:20:14)

似乎ChartJS期望定义一个窗口对象，该窗口对象不可用，因为它没有在浏览器中运行 . 有没有办法让快照测试与ChartJS一起使用？

1 回答

3
只是模拟chartjs中的图表组件
```
jest.mock('react-chartjs2', () => 'Chart')
```
这将用原始组件替换原始组件，该组件将在快照中呈现为 <Chart prop="prop"> .
回复于 2024-04-29T13:08:36+08:00

使用Jest快照测试ChartJS组件

1 回答

相关问题