热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

mocha+chai怎样在karma中使用?

参考阮老师的 mocha教程 大概了解mocha 和 chai 的使用了。但在搭配karma 一起使用时:一直报错1234567891011121314151617181920> unit@0.0.1

参考阮老师的 mocha教程 大概了解mocha 和 chai 的使用了。



但在搭配karma 一起使用时:一直报错

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
> unit@0.0.1 test:karma_mocha_chai D:\webstorm\temps\unit

> karma start karma_mocha_chai/unit/karma.conf.js --single-run



21 09 2017 14:26:16.648:INFO [karma]: Karma v1.7.1 server started at http://0.0.0.0:9876/

21 09 2017 14:26:16.652:INFO [launcher]: Launching browser Chrome with unlimited concurrency

21 09 2017 14:26:16.661:INFO [launcher]: Starting browser Chrome

21 09 2017 14:26:21.290:INFO [Chrome 60.0.3112 (Windows 10 0.0.0)]: Connected on socket VJAXlrBpBVM-sA-C#A with id 72687362

Chrome 60.0.3112 (Windows 10 0.0.0) ERROR

  Uncaught ReferenceError: module is not defined

  at D:/webstorm/temps/unit/karma_mocha_chai/src/basic.js:10





Chrome 60.0.3112 (Windows 10 0.0.0) ERROR

  Uncaught ReferenceError: exports is not defined

  at D:/webstorm/temps/unit/karma_mocha_chai/src/es6.js:6





Chrome 60.0.3112 (Windows 10 0.0.0) ERROR

  Uncaught ReferenceError: require is not defined

  at specs/basic.spec.js:10

basic.spec.js



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var add = require('../../src/basic.js');

var expect = require('chai').expect;



//测试套件(一个测试脚本中可以包含 多个测试 套件)

describe('测试用例', function () {

    //测试用例(一个测试套件 中可以包含 多个测试 用例)

    it('2 + 3 = 5', function () {

        expect(add(2, 3)).to.be.equal(5);

    })



    it('2 + 3 != 6', function () {

        expect(add(2, 3)).to.be.not.equal(6);

    })



})

karma.conf.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
module.exports = function (config) {

    config.set({

        frameworks: ['mocha', 'chai'],



        files: [

            '../src/*.js',

            'specs/*.js'

        ],



        browsers: ['Chrome'],



        autoWatch: true,



        plugins: [

            'karma-mocha',

            'karma-chai',

            'karma-chrome-launcher'

        ]

    })

}

package.json

1
2
3
4
5
6
"mocha": "^3.5.3",

"chai": "^4.1.2",

"karma": "^1.7.1",

"karma-chrome-launcher": "^2.2.0",

"karma-mocha": "^1.3.0",

"karma-chai": "^0.1.0",

备注:
直接使用mocha 对应的basic.spec.js 是可以的(非常简单的demo)


   



推荐阅读
  • 1、运行npmrundev命令在cmd上面也不算报错输出一些东西看不懂什么意思。报错页: ... [详细]
  • npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
  • express工程中的json调用方法
    本文介绍了在express工程中如何调用json数据,包括建立app.js文件、创建数据接口以及获取全部数据和typeid为1的数据的方法。 ... [详细]
  • node.jsrequire和ES6导入导出的区别原 ... [详细]
  • 在加载一个第三方厂商的dll文件时,提示“找不到指定模块,加载失败”。由于缺乏必要的技术支持,百思不得期间。后来发现一个有用的工具 ... [详细]
  • Vue cli2.0 项目中使用Monaco Editor编辑器
    monaco-editor是微软出的一条开源web在线编辑器支持多种语言,代码高亮,代码提示等功能,与VisualStudioCode功能几乎相同。在项目中可能会用带代码编 ... [详细]
  • nuxt 内存溢出
    nuxt部署到生产环境后会出现内存溢出的情况,经过压力测试发现每一个请求都会增加内存并且释放不了。 ... [详细]
  • 本文介绍了PE文件结构中的导出表的解析方法,包括获取区段头表、遍历查找所在的区段等步骤。通过该方法可以准确地解析PE文件中的导出表信息。 ... [详细]
  • uniapp开发H5解决跨域问题的两种代理方法
    本文介绍了uniapp开发H5解决跨域问题的两种代理方法,分别是在manifest.json文件和vue.config.js文件中设置代理。通过设置代理根域名和配置路径别名,可以实现H5页面的跨域访问。同时还介绍了如何开启内网穿透,让外网的人可以访问到本地调试的H5页面。 ... [详细]
  • 本文讨论了在使用PHP cURL发送POST请求时,请求体在node.js中没有定义的问题。作者尝试了多种解决方案,但仍然无法解决该问题。同时提供了当前PHP代码示例。 ... [详细]
  • 1223  drf引入以及restful规范
    [toc]前后台的数据交互前台安装axios插件,进行与后台的数据交互安装axios,并在main.js中设置params传递拼接参数data携带数据包参数headers中发送头部 ... [详细]
  • php和jq开发怎么使用es6,PHP与jquery
    本文目录一览:1、phpstorm怎么使用es6语法 ... [详细]
author-avatar
那一年2502931247
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有