Недавно у меня возникла проблема с успешным запуском тестов после того, как я добавил PixiJS в свое приложение React.
Немного погуглив, я понял, что многие решения устарели или просто не подходят для моей локальной установки. В некоторых сообщениях задавался вопрос «что это за таинственный файл setupTests.js?» без ответа.
Для создания сцены я использовал Create React App в VS Code и встроенный JEST.
Наконец-то я нашел решение. Вот что я сделал, чтобы заставить это работать
Шаг 1.Установите jest-canvas-mock с помощью NPM.
В терминале в VS Code выполните следующее:
npm install jest-canvas-mock
Это добавляет поддержку холста, этого может быть достаточно, чтобы ваш тест заработал, для меня этого не было. Я все еще получил ошибку и должен был сделать следующие шаги.
Шаг 2.Убедитесь, что в папке src есть файл setupTests.js.
Для меня этого файла не было, и мне пришлось его создать. Думаю, именно здесь застряло большинство людей. Я вижу, что если вы настроите приложение create-react-app с npx create-react-app my-app, оно будет там с самого начала, я до сих пор не знаю, почему его не было в моем проекте.
Шаг 3.Импортируйте jest-canvas-mock в файл setupTests.js.
В начало файла setupTests.js добавьте следующий импорт:
Шаг 4.Запустите тесты еще раз
Теперь тест должен пройти мимо этой ошибки, для меня я получил успешный результат.
Вывод
Я надеюсь, что это поможет вам. Я потратил довольно много времени на поиск решения этой точной ошибки, как и большинство вещей, после решения она кажется простой. Скрестим пальцы, я сэкономил вам немного времени.
Дополнительные материалы на plainenglish.io
