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

这篇文章主要介绍了详解使用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 冒烟测试内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/156da1b5bb68163c5aaa43943a819247.html