Модули узла не анализируются правильно для тестов? - PullRequest
Новая
       16

Модули узла не анализируются правильно для тестов?

0 голосов
/ 20 ноября 2018

Я работаю в приложении и пытаюсь добавить среду тестирования для автоматизации тестирования в приложении.Я использую Vue, Electron, TypeScript и Node, и у меня возникают проблемы при получении любого теста, который на самом деле использует компоненты для запуска.По какой-то причине Jest, похоже, не хочет работать с модулями узла ... Мне очень не повезло найти что-нибудь в Интернете, которое указывает на способы исправить это.

Любой, кто имеет какие-либо знания по этому вопросу, ктоИмеет любые советы или идеи о том, как решить проблему с импортом этих узловых модулей во время выполнения тестов, будет принята с благодарностью.Я не могу представить, что это невозможно сделать, но на самом деле я мало что могу найти в своих поисках.

Ошибка: 

$ npm run test

> mdc@1.0.0 test C:\Users\daniel\Desktop\MDC\mdc
> jest --detectOpenHandles

FAIL src/app/features/mdc-window/mdc-window.component.test.ts
  ● 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:

    C:\Users\daniel\Desktop\MDC\mdc\node_modules\bootstrap-vue\es\components\modal\modal.js:3
    import bBtn from '../button/button';
    ^^^^^^

    SyntaxError: Unexpected token import

    > 1 | import bModal from 'bootstrap-vue/es/components/modal/modal'
        | ^
      2 | import bTooltip from 'bootstrap-vue/es/components/tooltip/tooltip'
      3 | import throttle from 'lodash.throttle'
      4 | import Vue from 'vue'

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
      at Object.<anonymous> (src/app/features/mdc-window/mdc-window.component.ts:1:1)
      at Object.<anonymous> (src/app/features/mdc-window/mdc-window.component.test.ts:3:1)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        9.13s
Ran all test suites.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! mdc@1.0.0 test: `jest --detectOpenHandles`
npm ERR! Exit status 1

jest.config.js 

module.exports = {
  preset: 'ts-jest',
  testEnvironment: 'node',
  verbose: true,
  testPathIgnorePatterns: [
    '/build/',
    '/config/',
    '/data/',
    '/dist/',
    '/node_modules/',
    '/test/',
    '/vendor/'
  ],
  globals: {
    'ts-jest': {
      tsConfig: './src/app/tsconfig.json'
    }
  }
}

test.ts 

import { expect } from 'chai'
import 'jest'
import { MDCWindowComponent } from './mdc-window.component'

const mdcWindowComponent = new MDCWindowComponent()

describe('Test: Set Title Function', () => {
  it('should set the variable title to the passed variable', () => {
    const title = 'this is a test'
    mdcWindowComponent.setTitle(title)
    expect(mdcWindowComponent.title).to.equal(title)
  })

tsconfig 

{
  "compilerOptions": {
    "allowJs": true,
    "outDir": "./built/",
    "sourceMap": true,
    "strict": true,
    "moduleResolution": "node",
    "target": "ES2017",
    "experimentalDecorators": true,
    "noImplicitAny": false,
    "emitDecoratorMetadata": true,
    "allowSyntheticDefaultImports": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "esModuleInterop": true,
    "lib": ["es2017", "dom"]
  },
  "include": [
    "**/*",
    "../types/**/*",
    "../../node_modules/bootstrap-vue/**/*",
    "../../node_modules/electron/**/*"
  ]
}

соответствующие пакеты 

"@types/jest": "^23.3.9",
"jest": "^23.6.0",
"ts-jest": "^23.10.4",

1 Ответ

0 голосов
/ 21 ноября 2018

Чтобы исправить эту конкретную ошибку

SyntaxError: Неожиданный импорт токена

Я исправил это с помощью следующего jest.config.js 

module.exports = {
  preset: 'ts-jest/presets/js-with-ts',
  testEnvironment: 'node',
  verbose: true,
  moduleDirectories: ['node_modules', 'src'],
  modulePaths: ['<rootDir>/src', '<rootDir>/node_modules'],
  moduleFileExtensions: ['js', 'ts', 'json', 'node'],
  transformIgnorePatterns: ['node_modules/(?!(bootstrap-vue)/)'],
  testPathIgnorePatterns: [
    '/build/',
    '/config/',
    '/data/',
    '/dist/',
    '/node_modules/',
    '/test/',
    '/vendor/'
  ],
  globals: {
    'ts-jest': {
      tsConfig: './src/app/tsconfig.json'
    },
    NODE_ENV: 'test'
  }
}

Примечание

пресет: 'ts-jest / presets / js-with-ts',

transformIgnorePatterns: ['node_modules / (?! (Bootstrap-vue) /)'],

это, казалось бы, и помогло решить проблему, хотя, если вы сравните jest.config.js в этом ответе с моим ответом, я добавлю несколько других опций, которые также могут быть полезны для других..

Здоровое чтение документации ts-jest config , документация jest config и документация tsconfig творит чудеса.

...