溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

如何使用mocha對(duì)webpack打包的項(xiàng)目進(jìn)行"冒煙測(cè)試"

發(fā)布時(shí)間：2020-07-30 11:39:56 來(lái)源：億速云 閱讀：291 作者：小豬 欄目：web開(kāi)發(fā)

這篇文章主要為大家展示了如何使用mocha對(duì)webpack打包的項(xiàng)目進(jìn)行"冒煙測(cè)試"，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來(lái)看看吧。

第一步: 打包開(kāi)始之前刪除'./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
  }))

// 第三步: 將測(cè)試規(guī)則添加到打包后
mocha.addFile(resolve(\_\_dirname, './html-test.js'))
mocha.addFile(resolve(\_\_dirname, './css-js-test.js'))
mocha.run()
})
})

第二步: 新建測(cè)試規(guī)則

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: 關(guān)于glob.sync()方法的特別說(shuō)明:

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

這里重點(diǎn)說(shuō)說(shuō)這個(gè)pattern, 這個(gè)pattern是字符串, 不是正則, 它有自己的匹配規(guī)則, 例如:

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

換成正則的寫(xiě)法為:

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

不能茍同, 一定要區(qū)分

以上就是關(guān)于如何使用mocha對(duì)webpack打包的項(xiàng)目進(jìn)行"冒煙測(cè)試"的內(nèi)容，如果你們有學(xué)習(xí)到知識(shí)或者技能，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手