如何在karma中正确导入模块？
在karma中正确导入模块的方法如下：
- 确保已经安装了karma和所需的测试框架（如Jasmine、Mocha等）以及相关的插件。
- 在项目的根目录下创建一个karma配置文件（通常命名为karma.conf.js）。
- 在karma配置文件中，配置需要导入的模块。可以使用require语法或ES6的import语法导入模块。
- 如果使用require语法，需要在karma配置文件的files属性中添加需要导入的模块的路径。例如：
files: [
'path/to/module.js',
'path/to/test.js'
]- 如果使用ES6的import语法，需要使用karma-webpack插件来处理模块的导入。首先，安装karma-webpack插件：
npm install karma-webpack --save-dev然后，在karma配置文件中添加webpack配置：
webpack: {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
}- 在测试文件中，可以直接使用导入的模块进行测试。例如：
import { sum } from './path/to/module';
describe('sum function', () => {
it('should return the sum of two numbers', () => {
expect(sum(2, 3)).toBe(5);
});
});以上是在karma中正确导入模块的步骤和方法。请注意，具体的配置和语法可能因项目和使用的测试框架而有所不同。如果需要更详细的信息和示例代码，可以参考腾讯云的karma相关文档和示例代码：
相关·内容
2回答
当我运行karma时，我得到以下警告：
配置中的模式警告尚未设置'mode‘选项，对于此值，webpack将回退到'production’。将“mode”选项设置为“开发”或“生产”，以启用每个环境的默认值。您也可以将其设置为“none”以禁用任何默认行为。了解更多信息：
我试着按照上面的链接将mode: 'development'添加到我的webpack-test.config.js文件中，但不仅没有什么不同，Intellij IDEA抱怨道：
模式webpack:不允许使用属性‘’
我的单元测试无论如何都会运行，但我想摆脱这个警告。任何帮助都是非常感谢的
浏览 76提问于2018-05-17得票数 6
1回答
我有兴趣测试我用打字本写的速递申请。基本上，我使用的是茉莉(编写测试用例)、webpack (将ts打包到js)和业力(测试运行者)。
请找到这些文件
// about.service.ts - code to be tested
import { MongoClient, MongoError, Collection, ObjectId } from 'mongodb';
export class AboutService { // functionality }
// about.service.spec.ts - test cases
import { AboutSe
浏览 0提问于2018-05-06得票数 4
回答已采纳
1回答
单元测试反应JSX ES6
、、、、
我使用的是React，JSX，ES6和Karma。
有人知道我的代码有什么问题吗？
我正试图通过的测试，但有些地方不对劲：
let React = require("react");
let TestUtils = React.addons.TestUtils;
let expect = require("expect");
/* global describe */
/* global it */
describe("Header", function () {
it("renders without problems",
浏览 2提问于2016-03-12得票数 1
3回答
我正在尝试使用运行代码覆盖率。
这是karma.conf.js
var testWebpackCfg = require('../webpack/webpack.config.test.js');
module.exports = function(config) {
config.set({
basePath: '../../',
frameworks: ['jasmine'],
plugins: [ 'karma-webpack', 'karma-jasmine-jquery',
浏览 5提问于2019-11-04得票数 4
回答已采纳
2回答
我试着用业力来测试我的项目，使用webpack babel装载机作为我的测试跑步者。代码都成功构建了(我想？或者CLI说是的，但是当我打开浏览器时，es6导入的所有文件都会立即失败。知道我做错什么了吗？
var path = require('path');
module.exports = function(config) {
config.set({
basePath: '',
// frameworks: ['jasmine', 'karma-webpack'],
files: [
浏览 1提问于2015-11-10得票数 1
回答已采纳
我用卡玛，Webpack，酶，PhantomJS测试我的反应项目。当我按照命令运行测试用例时，
./node_modules/karma/bin/karma start config/karma.conf.js --single-run --browsers PhantomJS
我发现了以下错误：
PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR
ReferenceError: Can't find variable: require
at /dev/test/test.js:3
在line3的test.js源代码中，我没有使用require，下面是
浏览 6提问于2016-12-01得票数 8
回答已采纳
1回答
我正试图为一个用类型记录编写的库运行业力测试，但是即使Uncaught SyntaxError: Unexpected token import是为es2015导入和配置的，也要继续获取es2015。(不幸的是，业力只会支持从v2.5开始的ES6 )
我需要在配置中更改什么才能使事情正常工作？
karma.conf.js:
var webpackConfig = require('./webpack.config.test');
module.exports = function(config) {
config.set({
basePath:
浏览 2提问于2017-01-28得票数 6
回答已采纳
我使用vue-cli创建了一个项目，并在其中添加了vuex和vue-router。我正在尝试为它设置一个单元测试，但是我得到了下面的错误。没有Vuex，它过去是可以工作的。
PhantomJS 2.1.1 (Mac 0.0.0)错误
错误: vuex vuex需要此浏览器中的Promise polyfill。
在webpack:/~/vuex/dist/vuex.js:145:0 <- index.js:9871
以下是相关的包版本：
"babel-core": "^6.0.0",
"babel-eslint": "^7.0.0
浏览 41提问于2016-11-24得票数 17
回答已采纳
2回答
我无法用业力和phantomJS运行我的测试，因为这个错误：
PhantomJS 2.1.1 (Windows7.0.0)错误SyntaxError:保留字“class”的使用
下面是我的配置karma.conf.js：
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', '@angular/cli'],
plugins: [
require('karma-jasmin
浏览 0提问于2018-03-28得票数 1
1回答
我有一些测试文件，我想运行在我的应用程序。
我试图在测试中使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine。我的应用程序依赖于许多东西，包括backbone、marionette等。我的应用程序是使用webpack构建的，我试图使用webpack将我的文件捆绑在一起进行测试。(我最初想知道是否可以跳过这一步，即简单地import一个要测试的文件，但这似乎是不可能的。)
我的测试脚本看起来
package.json (脚本部分)
"test": "./node_modu
浏览 1提问于2018-06-05得票数 7
回答已采纳
4回答
编辑:从another answer我决定尝试从karma-webpack 3.0.5升级到4.0.0-rc.2，我开始收到实际的错误。它开始抱怨没有定义angular，然后我意识到我是从tests.bundle.spec文件导入我的home.spec.js文件，而不是依赖于上下文来导入它(在调试时这样做，然后忘记了)。删除额外的导入后，我的测试成功运行！我会用答案更新这个问题一次，这样我就可以回答我自己的问题了。 我相当确定karma甚至没有加载我的测试包文件，尽管似乎是webpack创建了这个包。 我似乎看不到tests.bundle.spec.js或home.spec.js文件中的任何
浏览 41提问于2019-01-24得票数 2
回答已采纳
我正在尝试建立单元测试框架，以便作出反应。在这样做时，发生了以下错误。我搜索了所有的互联网，没有任何解决方案是可行的。下面是我正在使用的错误和代码/包。
调试错误
04 03 2016 04:48:46.340:DEBUG [phantomjs.launcher]: Error: Module name "react" has not been loaded yet for context: _. Use require([])
http://requirejs.org/docs/errors.html#notloaded
04 03 2016 04:48:46.341:D
浏览 5提问于2016-03-04得票数 3
回答已采纳
1回答
我正在尝试使用设置一个“构建过程”。问题是，我正在使用ES6的Webpack配置本身，我遇到了一些问题。
这是我的package.json
{
"author": "Me",
"name": "ecmascript6-webapp",
"version": "0.1.0",
"license": "MIT",
"scripts": {
"build": "webpack --colors --env=
浏览 3提问于2017-05-22得票数 0
export { test };
const test = (str) => {
return str;
};
import { test } from './func';
describe('func', () => {
describe('func', () => {
it('should return the same string', () => {
expect(test('hello world')).to.eq
浏览 1提问于2017-08-24得票数 2
回答已采纳
我正在尝试建立一个包含类型记录、业力和摩卡的单元测试框架，使用karma-typescript进行转换，使用es6-transform-karma-typescript将es6代码转换为与浏览器兼容的es5代码。在我的例子中，工作流停留在下面的一行。
16 08 2021 19:34:35.898:INFO [compiler.karma-typescript]: Compiled 64 files in 6103 ms.
16 08 2021 19:34:36.422:DEBUG [bundler.karma-typescript]: Project has 247 import/req
浏览 3提问于2021-08-16得票数 0
3回答
我正在尝试将站点基础添加到我的第一个Vue.js项目中，该项目是用Vue CLI设置的。
然而，该网站运行的Karma+Phantomjs单元测试套件发出了此错误：
PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR
SyntaxError: Invalid character: '`'
at webpack:///~/foundation-sites/js/foundation.util.core.js:24:0 <- index.js:10362
我相信这是与webpack/babel和ES模块加载有关的。我不太确定如何进一步诊断和解
浏览 9提问于2017-09-11得票数 2
回答已采纳
1回答
我正在尝试运行我的茉莉花测试与Karma，我相信，一些模块应该加载没有加载，这可能是一个依赖问题，但我的想法正在耗尽。
karma.conf.js
var webpackConfig = require('./webpack.config.js');
webpackConfig.entry = {};
module.exports = function(config) {
config.set({
// base path that will be used to resolve all patterns (eg. files, exclude)
base
浏览 3提问于2017-03-07得票数 1
我在一个项目中使用业力-webpack和babel来编写ES6测试，使用Jasmine执行，并导入我的单元测试使用的ES6类。
我注意到我无法导出一个用ES6编写的类来在我的单元测试中使用它。这是我的代码：
Hello.js
export default class Hello {
constructor() {
this.a = 'b';
}
}
Hello.test.js
"use strict";
import Hello from './hello';
describe(" hello unit tests&#
浏览 4提问于2015-10-31得票数 2
回答已采纳
输入代码herenpm测试；
var webpackConfig = require('./webpack.test');
module.exports = function(config) {
config.set({
basePath: '',
frameworks: ['jasmine'],
files: [
{pattern: './karma-shim.js', watched: false}
],
exclude: [
],
pre
浏览 1提问于2017-05-06得票数 3
1回答
我在运行测试时遇到了问题，我得到了这个错误：
警告在./src/app/home/home.component.spec.ts模块解析失败: /home/master/Documents/ai/loan-market/loanapp/src/app/home/home.component.spec.ts意外令牌(5:17)您可能需要一个适当的加载程序来处理这个文件类型。( => { let component: any = HomeComponent；AC.26 beforeEach(() ) => {@ ./src .spec.ts @ ./karma-shim.js )
浏览 3提问于2017-06-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
