iT邦幫忙

vitest相關文章
共有 52 則文章
鐵人賽 Modern Web DAY 21

技術 Day 21: 30天打造SaaS產品前端篇 - React Testing Library 與元件測試策略

前情提要 在 Day 20 完成前端架構盤點後,我們發現測試覆蓋率還需要提升。今天我們將使用 Vitest + React Testing Library 建立...

鐵人賽 Modern Web DAY 11

技術 屋況驗收[ 2 / 2 ]:Vitest 覆蓋率 & 整合測試

在上一篇,我們已經完成了 Vitest 的初始化,並撰寫了第一個單元測試。但光有測試檔還不夠,我們也要透過覆蓋率來檢視測試是否完整,避免有些功能被遺漏沒檢查到。...

鐵人賽 Modern Web DAY 10

技術 屋況驗收[ 1 / 2 ]:Vitest 初始化 & 單元測試

在上一篇的「房門與門鎖」篇章中,我們已經完成了登入 / 註冊表單的設計,讓使用者能夠順利進出這棟「房子」🙂。但光是蓋好門,還不足以保證整體的品質。接下來就要進入...

技術 [Day-21] 單元測試-前端篇

前端的單元測試大多是透過 props 和內部狀態的變化來測試不同狀況的元件,不過事前準備稍微多一點! 環境設定 Next 對於 Vitest 的設定說明 有點...

技術 [Day-20] 單元測試-後端篇:模組差異

做完 service 的測試後,接下來要對 model 與 socket 這些同樣重要的業務邏輯做測試,雖然測試的寫法很固定,但當中也會有和 service...

技術 [Day-19] 單元測試-後端篇:起手式

不論是手動去操作產品,或是寫單元測試、腳本來測試,做出來的東西都需要被經過「驗證」,才算是做完了。在比較嚴格的委託中,乙方也會被要求專案必須通過一定程度的測試...

鐵人賽 Modern Web DAY 25

技術 D25 - 固執的滑動條:單元測試

第一步來新增測試檔案。 src\components\slider-stubborn\slider-stubborn.spec.ts import { moun...

鐵人賽 Modern Web DAY 20

技術 D20 - 物理包裝器:單元測試

開始測試前,讓我們在元件中新增一些對外屬性,方便進行測試吧。( ´ ▽ ` )ノ src\components\wrapper-physics\wrapper-...

鐵人賽 Modern Web DAY 15

技術 D15 - 拉炮:單元測試

開始測試前,讓我們在 defineExpose 追加資料,方便進行測試。 src\components\util-party-popper\util-party...

鐵人賽 Modern Web DAY 25

技術 Day 25: 使用 Vitest 測試異步行為與 API 請求邏輯

簡介 在現代 Vue.js 應用程序開發中,處理異步操作和 API 請求是常見且關鍵的任務。本文將深入探討如何使用 Vitest 來全面測試這些異步行為和 A...

鐵人賽 Modern Web DAY 10

技術 D10 - 逐字轉場:單元測試

開始單元測試前,先讓我們設定一下測試範圍,避免執行到 e2e 測試的部分。 vitest 可以和 vite 共用設定檔,所以我們在 vite 新增設定即可。 v...

鐵人賽 Modern Web DAY 6

技術 D06 - 調皮的按鈕:更多範例

元件測試完成後,讓我們新增更多範例吧!( ‧ω‧)ノ╰(‧ω‧ ) 新增範例 與其使用大量文字描述參數用途,不如提供情境完整的範例,可以讓使用者有更具體的理解。...

鐵人賽 Modern Web DAY 5

技術 D05 - 調皮的按鈕:單元測試

現在讓我們對元件進行單元測試吧 單元測試的原則為「把待測物當成黑盒子,專注於測試公開介面」,也就是說我們只會針對元件的 template、props、event...

鐵人賽 Modern Web DAY 1

技術 D01 - 行前須知

緣起 源自公司內部練習專案,靈感來自於以前看到一個名為「最糟糕音量控制設計大賽」的有趣比賽。 簡單來說就是設計奇奇怪怪的元件。 別看這些元件好像很沒用,實作起來...

技術 闡述單元測試、元件測試,並學習在自己的 Vue3 專案中加入 Vitest!

文章出處 網站建置不是件簡單的事,我們都知道網站做好之後,有好多細節需要兼顧,所以許多公司花了大量的時間與金錢,耗用人力對維護中的網站進行不斷的、重複的人...

鐵人賽 Modern Web

技術 【雜談ノ章】那些沒說到的內容、完賽感言、TOC 與參考資料們

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web

技術 【進階ノ章】寫測試的最佳實踐(Testing Best Practice)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web

技術 【進階ノ章】覆蓋率(Coverage)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web

技術 【進階ノ章】Vitest UI

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web

技術 【語法ノ章】Vue Ecosystem 篇:Pinia 測試

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 30

技術 【語法ノ章】Vue Ecosystem 篇:Vue Router 測試

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 30

技術 測試自己寫,QA不用謝。Vue3 測試入門-D30

測試自己寫,QA不用謝 單壓欸,我好棒。 為什麼要測試 測試可以幫我們衡量程式的質量、是不是能達到設計要求,幫我們進行評估。 你總不會什麼東西寫完自己不檢查就送...

鐵人賽 Modern Web DAY 29

技術 【語法ノ章】測試替身(Test Double)feat. Vitest Mocking API(Function, Globals & Modules)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 28

技術 【語法ノ章】測試替身(Test Double)feat. Vitest Mocking API(Date, Timer)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 27

技術 【語法ノ章】測試替身(Test Double)feat. Vue Test Utils

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 26

技術 【概念ノ章】測試替身(Test Double):Dummy, Stub, Spy, Fake & Mock

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 25

技術 【試験ノ章】第二個測驗:容器(Wrapper)與容器方法(Wrapper methods)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 24

技術 【語法ノ章】元件測試:模擬 Vue APIs(slots, custom directives)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 23

技術 【語法ノ章】元件測試:模擬 Vue APIs(emit, provide/inject)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 22

技術 【語法ノ章】元件測試:模擬 Vue APIs(data, props)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...