Тестирование компонентов с использованием Jest, включающего Canvas

Question

Я пытаюсь проверить zoomcharts компонент в моем react приложение с Enzyme а также jest, Существует ошибка ссылки, относящаяся к холсту. Вот мой тестовый пример:

import Chart from './Shared/Chart';
import { shallow } from 'enzyme';

describe('test 1',()=>{
    it('Chart',()=>{
        let wrapper = shallow(<Chart/>);
    });
});

и вот моя ошибка при запуске теста:

ReferenceError: CanvasGradient is not defined

  28 |             ]
  29 |         };
> 30 |         this.chart = new zc.NetChart({
     |                      ^
  31 |             container: this.container, 
  32 |             area: { height: 350 },
  33 |             data: { preloaded: data }

Есть ли проблемы с тестированием компонентов, включающих элемент canvas? Как я могу издеваться над этим CanvasGradient вещь? Я уже пробовала jest-canvas-mock, Благодарю.

Answer 1

Вот основной пример интеграции с реагированием, который работает для нас:

https://github.com/zoomcharts/zoomcharts-react-example

Janis