Модульное тестирование для Gatsby с использованием Jest, Typescript и библиотеки тестирования React

Мой первый опыт работы с TDD с использованием библиотеки тестирования React с Jest для веб-сайта Gatsby в Typescript.

Настроить библиотеку тестирования Jest и React для TDD с Gatsby довольно просто. Это немного сложно, потому что я планирую использовать Typescript в своих тестах. Сначала я устанавливаю jest, babel-jest и babel-preset-gatsby, чтобы убедиться, что используемые пресеты Babel соответствуют тем, которые используются внутри вашего сайта Gatsby.

npm install --save-dev jest babel-jest  babel-preset-gatsby identity-obj-proxy

Настройка Jest для работы с Гэтсби

Поскольку Gatsby обрабатывает свою собственную конфигурацию Babel, мне нужно будет вручную указать Jest использовать babel-jest. Веб-сайт gatsby рекомендует создать файл jest.config.js. Приведенный ниже код работает у меня и должен хорошо работать у вас.