Тестирование класса ES6 с использованием Jest выдает ошибку «не конструктор» - PullRequest
Новая
       48

Тестирование класса ES6 с использованием Jest выдает ошибку «не конструктор»

0 голосов
/ 01 октября 2018

Я нашел похожую проблему здесь , но, похоже, нет ответа.

Я пытаюсь протестировать класс ES6 с помощью Jest, например так: 

// src/myclass.js
export default class MyClass {
    constructor(options) {
        // currently this is empty while I debug this problem
    }
}

и тест: 

// test/myclass.test.js
import { MyClass } from '../src/myclass.js';

describe("Test Constructor", () => {

    test("doesn't throw error when constructed", async () => {
        expect(() => {
            const testMyClass = new MyClass();
        }).not.toThrowError();
    }

});

Когда я запускаю тест, Jest выдает ошибку, говоря:

TypeError: _myClass.MyClass не является конструктором

По-моему, это проблема с конфигурацией babel, но я не могу понять это.Если я заменил MyClass на функцию вместо класса и отбросил экспорт / импорт (т. Е. Предклассовый способ работы), то он работал бы как положено.

Вот мой конфиг в package.json: 

"devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/preset-env": "^7.1.0",
    "babel-core": "^7.0.0-bridge.0",
    "gulp": "^3.9.1",
    "gulp-babel": "^8.0.0",
    "gulp-jest": "^4.0.2",
    "gulp-rename": "^1.4.0",
    "gulp-uglify": "^3.0.1",
    "jest": "^23.6.0",
    "jest-cli": "^23.6.0",
    "pump": "^3.0.0",
    "regenerator-runtime": "^0.12.1"
  },
  "babel": {
    "presets": [
      "@babel/preset-env"
    ]
  },
  "jest": {
    "testPathIgnorePatterns": [
      "<rootDir>/node_modules/",
      "<rootDir>/test/._*.test.js"
    ],
    "testEnvironment": "jsdom",
    "setupFiles": [
      "<rootDir>/src/myclass.es6.js"
    ]
  }

Ответы [ 2 ]

0 голосов
/ 01 октября 2018

Ваш класс экспортируется по умолчанию ... 

// try this
import MyClass from '../src/myclass.js';
// instead of this
import { MyClass } from '../src/myclass.js';
0 голосов
/ 01 октября 2018

Ваш синтаксис импорта и экспорта не совпадает.Вам нужно изменить один или другой, чтобы это работало.Если вы хотите использовать экспорт по умолчанию, например: 

export default class MyClass { ... }

Тогда соответствующий импорт будет: 

import MyClass from '../src/myclass.js'

Или если вы хотите продолжить использовать тот же импортсинтаксис, затем удалите «по умолчанию» при экспорте: 

export class MyClass { ... }

Затем: 

import { MyClass } from '../src/myclass.js'
...