Как я могу запустить jest с той же конфигурацией, что и тест response-script в приложении create-response-app? - PullRequest
Новая
       39

Как я могу запустить jest с той же конфигурацией, что и тест response-script в приложении create-response-app?

3 голосов
/ 20 июня 2020

Я знаю, что могу запустить npm test, который запускает react-script test, и он работает, он успешно запускает тесты. Но мне интересно выяснить, как запустить jest напрямую с той же конфигурацией, которую использует react-script. Надеюсь, без необходимости реплицировать конфигурацию или извлекать приложение. Я начал читать исходный код react-scripts, но пока не мог его понять.

Причины, по которым я этого хотел:

  • Мой проект CRA является частью проект большего размера, и я мог бы просто запустить jest на верхнем уровне и запустить все тесты.
  • В WebStorm я могу воспользоваться интеграцией Jest, которая включает:
    • Отображение списка тестов, которые проходят или не проходят, по мере их выполнения.
    • Возможность запускать отдельные тесты.
    • Выполнение покрытия кода.

Если Я запускаю jest в своем приложении CRA и получаю эту ошибку: 

PS C:\Users\pupeno\Documents\Flexpoint Tech\js\exp7\frontend> jest
 FAIL  src/App.test.tsx
  ● Test suite failed to run

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

    Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/en/configuration.html

    Details:

    SyntaxError: C:\Users\pupeno\Documents\Flexpoint Tech\js\exp7\frontend\src\App.test.tsx: Unexpected token (6:29)

      4 | 
      5 | test("renders Facebook link", () => {
    > 6 |   const {getByText} = render(<App/>)
        |                              ^
      7 |   const linkElement = getByText(/Loading.../i)
      8 |   expect(linkElement).toBeInTheDocument()
      9 | })

      at Parser._raise (node_modules/@babel/parser/src/parser/error.js:60:45)
      at Parser.raiseWithData (node_modules/@babel/parser/src/parser/error.js:55:17)
      at Parser.raise (node_modules/@babel/parser/src/parser/error.js:39:17)
      at Parser.unexpected (node_modules/@babel/parser/src/parser/util.js:149:16)
      at Parser.parseExprAtom (node_modules/@babel/parser/src/parser/expression.js:1174:20)
      at Parser.parseExprSubscripts (node_modules/@babel/parser/src/parser/expression.js:541:23)
      at Parser.parseMaybeUnary (node_modules/@babel/parser/src/parser/expression.js:521:21)
      at Parser.parseExprOps (node_modules/@babel/parser/src/parser/expression.js:312:23)
      at Parser.parseMaybeConditional (node_modules/@babel/parser/src/parser/expression.js:264:23)
      at Parser.parseMaybeAssign (node_modules/@babel/parser/src/parser/expression.js:212:21)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        2.234s
Ran all test suites.

Я пытаюсь сделать это без извлечения, чтобы не потерять преимущества CRA. Я понимаю, что если я катапультируюсь, то могу делать почти все, что захочу.

1 Ответ

3 голосов
/ 12 июля 2020

Конфигурация Jest create-react-app не должна быть доступна без извлечения. react-script test программно запускает Jest с динамически генерируемой конфигурацией. Он экспортируется в файл конфигурации stati c на eject.

Проблема в том, что извлечение по-прежнему не позволяет запускать тесты таким же образом с Jest CLI, потому что в извлеченном проекте Jest все еще запускается программно через scripts/test.js. Скрипт отвечает за настройку CRA переменных окружения , они должны быть дополнительно предоставлены Jest CLI. Этот следует оценивать либо в jest.config. js, либо в globalSetup файле: 

process.env.BABEL_ENV = 'test';
process.env.NODE_ENV = 'test';
process.env.PUBLIC_URL = '';
require('react-scripts/config/env');

Eject

Учитывая, что невыбранные проекты не предоставляют никаких преимущества, которые присущи сгенерированным проектам, таким как строительные леса, предпочтительнее извлекать, как только потребуется какая-либо настройка. быть клонированным и извлеченным, то конфигурация Jest (config/jest/*.* и jest запись из package.json) передается в невыбранный проект. Это может быть достигнуто с помощью Git ветвей.

Обходной путь

В качестве альтернативы можно получить сгенерированную конфигурацию аналогично тому, как это делает CRA с помощью взлома, который полагается на react-scripts внутренности :

jest.config. js

process.env.BABEL_ENV = 'test';
process.env.NODE_ENV = 'test';
process.env.PUBLIC_URL = '';
require('react-scripts/config/env');

const path = require('path');
const createJestConfig = require('react-scripts/scripts/utils/createJestConfig');

module.exports = createJestConfig(
  relativePath => require.resolve(path.join('react-scripts', relativePath)),
  __dirname, // given that Jest config is in project root
  false
);
...