前情提要 在 Day 20 完成前端架構盤點後,我們發現測試覆蓋率還需要提升。今天我們將使用 Vitest + React Testing Library 建立...
在上一篇,我們已經完成了 Vitest 的初始化,並撰寫了第一個單元測試。但光有測試檔還不夠,我們也要透過覆蓋率來檢視測試是否完整,避免有些功能被遺漏沒檢查到。...
在上一篇的「房門與門鎖」篇章中,我們已經完成了登入 / 註冊表單的設計,讓使用者能夠順利進出這棟「房子」🙂。但光是蓋好門,還不足以保證整體的品質。接下來就要進入...
前端的單元測試大多是透過 props 和內部狀態的變化來測試不同狀況的元件,不過事前準備稍微多一點! 環境設定 Next 對於 Vitest 的設定說明 有點...
做完 service 的測試後,接下來要對 model 與 socket 這些同樣重要的業務邏輯做測試,雖然測試的寫法很固定,但當中也會有和 service...
不論是手動去操作產品,或是寫單元測試、腳本來測試,做出來的東西都需要被經過「驗證」,才算是做完了。在比較嚴格的委託中,乙方也會被要求專案必須通過一定程度的測試...
第一步來新增測試檔案。 src\components\slider-stubborn\slider-stubborn.spec.ts import { moun...
開始測試前,讓我們在元件中新增一些對外屬性,方便進行測試吧。( ´ ▽ ` )ノ src\components\wrapper-physics\wrapper-...
開始測試前,讓我們在 defineExpose 追加資料,方便進行測試。 src\components\util-party-popper\util-party...
簡介 在現代 Vue.js 應用程序開發中,處理異步操作和 API 請求是常見且關鍵的任務。本文將深入探討如何使用 Vitest 來全面測試這些異步行為和 A...
開始單元測試前,先讓我們設定一下測試範圍,避免執行到 e2e 測試的部分。 vitest 可以和 vite 共用設定檔,所以我們在 vite 新增設定即可。 v...
元件測試完成後,讓我們新增更多範例吧!( ‧ω‧)ノ╰(‧ω‧ ) 新增範例 與其使用大量文字描述參數用途,不如提供情境完整的範例,可以讓使用者有更具體的理解。...
現在讓我們對元件進行單元測試吧 單元測試的原則為「把待測物當成黑盒子,專注於測試公開介面」,也就是說我們只會針對元件的 template、props、event...
緣起 源自公司內部練習專案,靈感來自於以前看到一個名為「最糟糕音量控制設計大賽」的有趣比賽。 簡單來說就是設計奇奇怪怪的元件。 別看這些元件好像很沒用,實作起來...
文章出處 網站建置不是件簡單的事,我們都知道網站做好之後,有好多細節需要兼顧,所以許多公司花了大量的時間與金錢,耗用人力對維護中的網站進行不斷的、重複的人...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
測試自己寫,QA不用謝 單壓欸,我好棒。 為什麼要測試 測試可以幫我們衡量程式的質量、是不是能達到設計要求,幫我們進行評估。 你總不會什麼東西寫完自己不檢查就送...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...