這篇文章主要為大家展示了如何使用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, 這個pattern是字符串, 不是正則, 它有自己的匹配規則, 例如:
'./dist/+(index|search).html'
換成正則的寫法為:
/\.\/dist\/(index|search)\.html/
不能茍同, 一定要區分
以上就是關于如何使用mocha對webpack打包的項目進行"冒煙測試"的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
