vue單元測試

2022-06-14 14:54:09 字數 536 閱讀 7273

describe的鉤子函式

在測試塊describe中,存在這四個鉤子函式,他會在describe執行的不同時期呼叫:

before():在該區塊的所有測試用例之前執行

after():在該區塊的所有測試用例之後執行

beforeeach():在每個單元測試(即it)執行前執行

aftereach():在每個單元測試(即it)執行後執行

propsdata:

})

it('prop isactive', () =>)

)false}))

})

it('updates text', async () =>)

//或者你不希望使用 async/await

it('render text', done =>)

})})propsdata:

})//掛載元素並返回已渲染的元件的工具函式

function

getmountedcomponent(component, propsdata) )

}

VUE 單元測試

官網上推薦的是karma和jasmine,這裡我寫的是我們自己的手動單元測試.我們都知道,乙個專案在完成之後會進入後期的更新迭代和維護.而單元測試雖然在前期寫起來會相對麻煩,但是在後期的維護過程中會簡單很多,可以明顯的看出是後台埠的問題還是前端自己的問題.我們現在工程目錄裡建立乙個測試的資料夾 這裡...

vue 單元測試

vue cli 擁有開箱即用的通過 jest 或 mocha 進行單元測試的內建選項。我們還有官方的 vue test utils 提供更多詳細的指引和自定義設定。你不必為了可測性在元件中做任何特殊的操作,匯出原始設定就可以了 然後隨著 vue test utils 匯入元件,你可以使用許多常見的斷...

vue 單元測試

在 vscode 編輯器安裝乙個名為jest的外掛程式 建立專案 用此新建的專案可以不用安裝依賴 vue init webpack unit demo編寫 jest 配置檔案 需要在 jest.conf.js中加入此 否則會報錯 編寫乙個元件 unit testing demo src compon...