Тестирование React API - непредвиденная ошибка токена - PullRequest
Новая
       12

Тестирование React API - непредвиденная ошибка токена

0 голосов
/ 27 сентября 2018

У меня есть базовое React приложение, созданное с использованием create-react-app.Я пытаюсь начать работу с Pact , чтобы выполнить контрактное тестирование моего API с использованием Руководства по реализации Javascript .

.создал базовый тест, который по сути ничего не делает, просто чтобы я мог его запустить: 

import { Pact } from '@pact-foundation/pact';

it('works', () => {
  expect(1).toEqual(1);
});

При запуске npm run pactTest я получаю следующую ошибку: 

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:

/path/to/file.test.pact.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { Pact } from '@pact-foundation/pact';
                                                                                                ^

SyntaxError: Unexpected token {

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)

Если яизмените строку импорта на: const Pact = require('@pact-foundation/pact');, тогда она будет работать.

Проблема в том, что я не могу использовать require вместо import для чего-то большего, чем этот фиктивный пример, потому что я использую importво всем проекте React.

Должно быть что-то еще, чего мне не хватает, поскольку в руководстве по реализации Javascript используется import { Pact } from '@pact-foundation/pact';

1 Ответ

0 голосов
/ 27 сентября 2018

Добавьте ниже конфигурацию сразу после преобразования объекта в jest.config.js 

  '^.+\\.js$': 'babel-jest

Ниже приведен пример для вашего ref 

  module.exports = {
     moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
     transform: {
         '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$':
         'jest-transform-stub',
         '^.+\\.(js|jsx)?$': 'babel-jest'
     },
     moduleNameMapper: {
         '^@/(.*)$': '<rootDir>/src/$1'
     },
     snapshotSerializers: ['jest-serializer-vue'],
        testMatch: [
            '<rootDir>/(tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx))'
     ],
     transformIgnorePatterns: ['<rootDir>/node_modules/']
  };
...