如何對vue js單檔案( vue)進行單元測試?

時間 2021-06-02 18:13:11

1樓:HDDDDD

如果你需要一些工具可以看看這篇總結文章:

5個用於測試Vue.js應用程式的有用工具和庫我自己用 React 比較多,測試用的 jest,如果用的 React 可以看看這篇文章:

前端測試:(1)庫、框架、概念(Jest、enzyme、sinon、nock )

非同步資料API盡量單獨提取檔案,單獨測試。

2樓:陳亮

直接用testing library全家桶就行了啊,注意就是jest要加個vue-jest的配置,不然不認識.vue檔案

3樓:太狼

寫乙個 test component

然後把你要測的 component 掛到這個 test component 上

然後寫一堆 mock,stub 把元件外的東西處理掉(網路請求,socket)

最後寫一堆斷言就好了

4樓:月迷津渡

可能要梯子才能開啟,幫題主貼上下關於題主兩個疑惑部分的內容吧:

Testing an API call, mocking fetch.

import from 'src/store/actions/auth';

import fetchMock from 'fetch-mock';

import from 'src/api/web';

describe('Authentify action', () => );

return fetchUserToken().should.eventually.equal(''

Testing a component (1/2)

import Vue from 'vue';

import FinalCountdown from 'src/components/workflow/FinalCountdown';

describe('workflow/FinalCountDown component.', () => ,

data: {

datereturn vm

能幫題主的就到這兒了,已關注該問題,期待有人能分享一些實踐的技巧。

5樓:

你可以看下這個方法http://

vuejs.org.cn/api/#

vm-mount

,可以手動編譯乙個vue元件,然後你用vue-cli建立乙個demo,看下test/unit/specs下面的測試用例,應該就知道了。

vue js單檔案元件返回的是什麼?

龍騰道默默地 vue 檔案官方編譯的返回,是按照檔案中塊的 defaultexport加工出的元件建構函式 或者說類 類似 Vue,需要 new 才能變成例項。比方說你在.vue中寫了 export default script 返回的相當於 Vue.extend 無論Vue還是Vue.extend...

如何用python對乙個大的txt檔案進行逐行查重,並將查重過的資料存到乙個新的txt檔案中?

yiridium 就演算法而言,直接按行讀取檔案,然後計算每行的hash值作為key,如果key已經存在並且value不為空,就說明跟之前的重複了 否則,說明是第一次出現,就輸出到新的檔案中,並且將hash值作為key,插入字典中。直到檔案結束。處理大檔案的方法就是直接 with open file...

如何評價守望先鋒行動檔案《哈瓦那行動》?對劇情有哪些影響?

悉聽遵命 源氏天使發糖 不是很感興趣 劇情的話就是要看後續了 比如說會計到底向守望先鋒提供了什麼情報 比如說漫畫裡為什麼會計能夠自由並且和鐵拳見面其實相對比發糖我更想知道黑百合和死神的真相與麥克雷的過去 王三畫 就倆字,沒勁,滿懷期待和室友進遊戲發現跟前兩年沒啥區別還更無聊,三個階段,釀酒廠,推車,...