一起唱DoReMi

踩坑與收穫的日常:聲音不大,但不走音 🎵

顯示具有 Component Test 標籤的文章。 顯示所有文章
顯示具有 Component Test 標籤的文章。 顯示所有文章
2023年1月27日 星期五

[Jest+Testing Library] Vue + storybook interaction 元件測試範例

›
storybook 可以獨立建立元件,並搭配 @storybook/addon-controls 控制 props 輸入及 @storybook/addon-actions 顯示 emit 輸出的內容,當然可以透過手動開啟 GUI 來測試元件是否符合規格,storyboo...
2023年1月14日 星期六

第一個 Vue3 元件測試從 Vitest + Vue Test Utils 開始

›
延續「 mocha + webpack 的 Vue3 元件單元測試 」,既然使用 mocha 測試太卡關,這次安裝 Vitest 來試試看! 一、安裝 先安裝 Vitest,另外 Vitest 需要使用 Node >=v14,並安裝 Vite >=v3.0....
2022年7月24日 星期日

mocha + webpack 的 Vue3 元件單元測試

›
先說結論,我認為 不適合 用 mocha 進行 vue3 單元測試( @vue/test-utils ),反覆查了很久的資料,相關的套件支援度不足等有重重的障礙,根據 @vue/test-utils 目前提供的測試範例,選擇 Vitest 會更適合。 完整程式碼上...
2022年2月22日 星期二

Cypress+Vue 元件測試 (component testing)

›
接續「 e2e 測試工具 Cypress 安裝及介紹 」,除了用在實際開啟瀏覽器的測試,cypress也支援元件測試,需要安裝相關的套件將元件render出來。 安裝 npm install --save-dev cypress @cypress/vue @cypress...
›
首頁
查看網路版
技術提供:Blogger.