首页 > 其他好文 > 详细

vue2.0单元测试（一）

时间：2017-08-15 17:48:26 阅读：200 评论：0 收藏：0 [点我收藏+]

标签：tor install dmi images ges data html init 条件

1.在vue init webpack XXX创建项目的时候

技术分享

最后2步选择YES就启动了vue单元测试开始了

2.测试是使用karma+mocha框架来实现的方法，安装虚拟浏览器模块Phantomjs

技术分享

http://phantomjs.org/download.html这个网址下先去下载好 phantomjs-2.1.1-windows.zip这个包

之后在放到C盘里面C:\Users\Administrator\AppData\Local\Temp\phantomjs，

之后在用node重新安装一下项目依赖npm install

技术分享

phantomjs就安装好了，还不行，看看系统变量配置

3.karma的配置介绍和测试入口设置

技术分享

具体细节:http://www.jianshu.com/p/073d25a3bba0

里面有参数介绍

4.测试方法封装

技术分享

定义测试的一些方法，根据自己需求

5.单元测试案例

技术分享

该例子监听Hello组件的3个参数改变，根据不同参数是否配对展示来测试该数据知否展示到view层

技术分享

技术分享

满足条件就会输出不同条件的指令

技术分享

vue2.0单元测试（一）

标签：tor install dmi images ges data html init 条件

原文地址：http://www.cnblogs.com/qiuzhimutou/p/7366336.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！