У меня есть несколько тестовых файлов с тестами, которые я хотел бы запустить с моим приложением.
Я пытаюсь использовать karma
, karma-webpack
, karma-babel-preprocessor
, karma-chrome-launcher
и jasmine
в моем тестировании.Мое приложение зависит от многих вещей, включая backbone
, marionette
и т. Д. Мое приложение построено с использованием webpack
, и я пытаюсь использовать webpack
, чтобы связать мои файлы для тестирования.(Сначала я хотел посмотреть, смогу ли я пропустить этот шаг, то есть просто import
файл, который нужно протестировать, но это кажется невозможным.)
Мой тестовый скрипт выглядит как
package.json (раздел скриптов)
"test": "./node_modules/karma/bin/karma start",
Остальные файлы:
karma.conf.js
var webpackConfig = require('./config/webpack/webpack.test.conf.js');
module.exports = function(config) {
config.set({
basePath: '',
frameworks: ['jasmine'],
files: [
{ pattern: 'test/**/*.spec.js', watched: true },
{ pattern: 'test/*.spec.js', watched: true }
],
exclude: [
],
preprocessors: {
'test/**/*.spec.js': ['webpack'],
'test/*.spec.js': ['webpack']
},
webpack: webpackConfig,
webpackMiddleware: {
stats: 'errors-only'
},
reporters: ['progress'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false,
concurrency: Infinity
})
}
test / test.spec.js Этот файл просматривается
describe("A suite", function () {
it("contains spec with an expectation", function () {
expect(true).toBe(true);
});
});
describe("Another suite", function () {
it("contains another spec with an expectation", function () {
expect(true).toBe(false);
});
});
test / models / devicegroup.spec.js Этот файл не отображается
import backbone from 'backbone';
describe("backbone", function () {
it("containsasdfasdfasdfasdfspec with an expectation", function ()
{
expect(true).toBe(false);
});
});
Моя структура папок:
- karma.conf.js
- test/
- - test.spec.js
- - models/
- - - devicegroup.spec.js
- public/
- - js/
- - - app.js
Когда в моих файлах нет операторов import
наверху, карма будет запускаться и проходить / терпеть неудачу, как и ожидалось.Помещение оператора import
в верхнюю часть заставит карму игнорировать файл.Ошибки не выбрасываются.
Как я могу заставить karma / karma-webpack запускать мои тесты с инструкциями import / каков безопасный для кармы способ импорта модулей в мои тесты?
Когда test / models / devicegroup.spec.js не имеет оператора import
:
// import backbone from 'backbone';
describe("backbone", function () {
it("contains with an expectation", function () {
expect(true).toBe(false);
});
});
вывод терминала: (обратите внимание, что выполняется один тест меньше)
Когда test / models / devicegroup.spec.js имеет оператор import
:
import backbone from 'backbone';
describe("backbone", function () {
it("contains with an expectation", function () {
expect(true).toBe(false);
});
});
вывод терминала:
Я не вижу ошибок в браузере, который открывает Карма.
РЕДАКТИРОВАТЬ:
Я экспериментировал, добавляя мои исходные файлы в атрибуты files
и preprocessors
в моем файле karma.conf.js
, в соответствии с этим примером репо ,Не было никаких изменений в поведении, кроме значительно увеличенного времени тестирования.
karma.conf.js
files: [
{ pattern: 'public/js/**/*.js', watched: true},
{ pattern: 'test/**/*.spec.js', watched: true },
// each file acts as entry point for the webpack configuration
],
preprocessors: {
// add webpack as preprocessor
'public/js/**/*.js': ['webpack'],
'test/**/*.spec.js': ['webpack'],
},
РЕДАКТИРОВАТЬ2: Ради эксперимента ( и исходя из борьбы этого человека ), у меня естьпробовал вышеупомянутый karma.conf.js во всех возможных комбинациях - только тестовые файлы в files
и preprocessors
, только исходные файлы, тестовые файлы в одном, но не в другом, исходные файлы в одном, но не в другом, ни один, ни оба,Хороших результатов нет, хотя время от времени появляются новые ошибки.