详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程

更新时间：2020年04月27日 09:33:30 作者：Felix

这篇文章主要介绍了详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

第一步: 打包开始之前删除'./dist'目录

rimraf('./dist', () => {

constprodConfig = require('../../lib/webpack.prod')
webpack(prodConfig, (err, stats) \=> {
if (err) { 
  console.log(err) 
  process.exit(2)
  }

console.log(stats.toString({
  color:true,
  modules:false,
  children:false
  }))

// 第三步: 将测试规则添加到打包后
mocha.addFile(resolve(\_\_dirname, './html-test.js'))
mocha.addFile(resolve(\_\_dirname, './css-js-test.js'))
mocha.run()
})
})

第二步: 新建测试规则

const glob = require('glob');
describe('Checking generated html files',() \=> {
  it('should generate html files', (done) \=> {
  constfiles = glob.sync('./dist/+(index|search).html')
  if (files.length) {
    done()
  } else {
    thrownewError('no html files generated')
  }
 });
});

Tip: 关于glob.sync()方法的特别说明:

pattern {String}：匹配模式。
options {Object}
return: {Array<String>}：匹配模式下的文件名。

这里重点说说这个pattern, 这个pattern是字符串, 不是正则, 它有自己的匹配规则, 例如:

'./dist/+(index|search).html'

换成正则的写法为:

/\.\/dist\/(index|search)\.html/

不能苟同, 一定要区分

具体请移步这里: https://github.com/isaacs/node-glob

到此这篇关于详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程的文章就介绍到这了,更多相关mocha webpack 冒烟测试内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JS代码实现电脑配置检测功能
这篇文章主要介绍了JS代码实现电脑配置检测功能,需要的朋友可以参考下
2018-03-03
百度小程序自定义通用toast组件
这篇文章主要介绍了百度小程序自定义通用toast组件,百度小程序的toast仅支持在页中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此自定义一个全局可通用的Toast,需要的朋友可以参考下
2019-07-07
js实现计算器和计时器功能
这篇文章主要为大家详细介绍了js实现计算器和计时器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
javascript-TreeView父子联动效果保持节点状态一致
javascript-TreeView父子联动效果保持节点状态一致...
2007-08-08
JS对象数组去重的3种方法示例及对比
这篇文章主要给大家介绍了关于JS对象数组去重的3种方法,三种方法分别包括使用filter和Map、使用reduce以及for循环,文中每个方法都给出了示例代码,需要的朋友可以参考下
2021-07-07
老生常谈ES6中的类
下面小编就为大家带来一篇老生常谈ES6中的类。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
HTML+CSS+JavaScript创建一个简单的井字游戏
使用javascript创建游戏是最有趣的学习方式。它会让你保持动力，这对于学习 Web 开发等复杂技能至关重要。本文将使用HTML、CSS和 Javascript创建一个井字游戏。感兴趣的童鞋可以关注一下
2021-11-11
通俗易懂地解释JS中的闭包
本文通过示例代码给大家介绍了js中的闭包，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
2017-10-10
微信小程序获取用户openid的方法详解
小程序的openid相当重要,它是用户的唯一标识id,牵扯的支付,登录,授权等,下面这篇文章主要给大家介绍了关于微信小程序获取用户openid的相关资料,需要的朋友可以参考下
2022-04-04
微信小程序项目总结之记账小程序功能的实现（包括后端）
这篇文章主要介绍了微信小程序项目总结之记账小程序功能的实现方法（包括后端）,需要的朋友可以参考下
2019-08-08