博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为你的JavaScript代码写测试
阅读量:7180 次
发布时间:2019-06-29

本文共 783 字,大约阅读时间需要 2 分钟。

下面会讲解如何使用 karama, jasmine 以及 webpack,来为我们的 ES6 代码编写测试。

(最后我写了一个可用的例子,请查看 )

艰难的抉择

首先,我们要写测试,用什么写?自己写一个函数,还是使用某个测试框架?

看起来,后者可观一点。

然后,有哪些测试框架可以选择?选哪个?

于是,我们 google 之,找到 stackoverflow 的一个问题 。

看了问题回答,很纠结,太多了不知道选择哪个!最后,我决定选择 , 和 这三者之一,根据 Star 数量以及维护团队。

图片描述

那么,Karma, Jasmine 以及 Mocha 这三者之间哪个好,有什么不同?

于是,我们不妨 google,找到了 这个问题。

从回答中我们可以知道:Karma 只是一个 test runner,他负责提供 environment。而 JasmineMocha 是编写测试脚本的框架。也就是说,我们可以选择 Karma + Jasmine或者 Karma + Mocha。我们不妨先选择前者~

综上所述,我们要使用 Karma + Jasmine 组合来为我们的 JavaScript 代码写测试

战斗的号角

接下来,我们根据文档(, 和 ),很容易就能搞起来。

在这里我想说的是:当编写多个测试脚本的时候,你也许可以使用 beforeEachafterEach。他们分别会在每个测试(spec)的之前和之后执行一次。

副本

最后还有一个问题是如何结合 来为我们的ES6代码编写测试。

我不得不承认,这是一个很不错的问题。然而,我也通过google找到了答案。

详细教程请看 VueJS 的 文档。

战斗的荣耀

你可以为你的仓库弄一个亮晶晶的 :

详细设置请查看 以及这篇教程 。

最后,如果还是不懂的话,可以查看我写的一个例子:

Resources

转载地址:http://xgszm.baihongyu.com/

你可能感兴趣的文章
初入职场程序员的五大钻石法则
查看>>
Node.js学习笔记(一)概述
查看>>
split的3种方法
查看>>
忽略PNG透明区域的事件(AS/Flash)
查看>>
文本框只能输入正整数(大于0的整数)代码
查看>>
一步一个脚印学习WCF系列之WCF概要—WCF服务的创建与调用HelloWorld实例,通过配置文件方式(六)...
查看>>
只需简单一步,android自带的示例程序 BluetoothChat 变蓝牙串口助手
查看>>
thrift之TTransport层的内存缓存传输类TMemoryBuffer
查看>>
使用pull方式解析xml文件示例:
查看>>
学习jQuery的免费资源:电子书、视频、教程和博客
查看>>
找出数列中个数大于总数一半的元素(编程之美2.3)
查看>>
断路器(CircuitBreaker)设计模式
查看>>
SQL中利用DMV进行数据库性能分析
查看>>
讨论:程序员高手和菜鸟的区别是什么?
查看>>
SQL Server里的 ISNULL 与 NULLIF
查看>>
Linux Systemcall By INT 0x80、Llinux Kernel Debug Based On Sourcecode
查看>>
imageNamed 与 imageWithContentsOfFile的区别
查看>>
【Mysql 调用存储过程,输出参数的坑】
查看>>
LCS算法
查看>>
COM结构化存储中存储对象或者流对象的命名规则
查看>>