鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 關(guān)于Vue頁(yè)面的測(cè)試

關(guān)于Vue頁(yè)面的測(cè)試

問(wèn)題描述

想對(duì)當(dāng)前項(xiàng)目進(jìn)行單元測(cè)試,期望是針對(duì)單個(gè)問(wèn)題測(cè)試,測(cè)試內(nèi)容行為測(cè)試,方法測(cè)試,簡(jiǎn)單的UI測(cè)試

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

因?yàn)樽陨韺?duì)測(cè)試不太熟悉。參考官網(wǎng)和開(kāi)源組件庫(kù)的測(cè)試代碼進(jìn)行開(kāi)發(fā)。但發(fā)現(xiàn)測(cè)試會(huì)有各種依賴。如:

A.vue 引入組件 B.vue,B.vue里面又有xx.js的業(yè)務(wù)腳本,然后xx.js里面又引用了公共庫(kù)util.js,A.vue里面又有vuexstore。然后就環(huán)環(huán)相扣,各種報(bào)錯(cuò)。

請(qǐng)問(wèn)是否可以做到去除部分依賴然后單單針對(duì)性測(cè)試?

回答
編輯回答
喜歡你

主要有三種方式。

一種是module mock(模塊模擬),即將模塊進(jìn)行模擬,模擬它的api,而不模擬實(shí)現(xiàn)。

二是采用vue(當(dāng)然react也是一樣的)的shallow render。這樣不會(huì)渲染子組件

三是代碼進(jìn)行拆分,或者只測(cè)試某些方法(甚至可以測(cè)試私有方法),而不是全體。

希望我的回答能夠幫到你~

2018年9月18日 06:28