iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 5739 瀏覽

鐵人賽 Modern Web

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 33 篇

技術【進階ノ章】覆蓋率（Coverage）

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

ShawnL ‧ 2022-10-18

1 Like 1 留言 4289 瀏覽

鐵人賽 Modern Web DAY 4

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 4 篇

技術【初始ノ章】測試建置：Vitest Config Setting

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

ShawnL ‧ 2022-09-19

1 Like 0 留言 3339 瀏覽

鐵人賽 Modern Web DAY 29

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 29 篇

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

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

ShawnL ‧ 2022-10-14

1 Like 0 留言 3115 瀏覽

鐵人賽 Modern Web DAY 2

【我不會寫 React Component 】系列第 2 篇

技術專案建置【我不會寫 React Component 】

工欲善其事，必先利其器。為了方便我們後續的元件開發，我們要先做一些前置動作。至於要不要採用以下架構，可以自行決定。想要看完整的專案：https://gi...

HelloKayac ‧ 2022-09-15

1 Like 1 留言 2652 瀏覽

鐵人賽 Modern Web DAY 3

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 3 篇

技術【初始ノ章】測試建置：在自己的專案加入單元測試來學測試

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

ShawnL ‧ 2022-09-18

2 Like 1 留言 2526 瀏覽

鐵人賽 Modern Web DAY 1

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 1 篇

技術【初始ノ章】前言與 TOC

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

ShawnL ‧ 2022-09-16

1 Like 0 留言 2508 瀏覽

鐵人賽 Modern Web DAY 9

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 9 篇

技術【概念ノ章】測試脈絡－3. 決定測試情境與測試案例

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

ShawnL ‧ 2022-09-24

2 Like 0 留言 2203 瀏覽

鐵人賽 Modern Web DAY 2

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 2 篇

技術【初始ノ章】測試建置：跟著系列文一起學測試

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

ShawnL ‧ 2022-09-17

0 Like 0 留言 2131 瀏覽

鐵人賽 Modern Web DAY 30

分手前端菜雞之旅@非洲30天系列第 30 篇

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

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

Global Rachel ‧ 2022-10-15 ‧團隊還不給我加薪

1 Like 0 留言 2065 瀏覽

鐵人賽 Modern Web

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 31 篇

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

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

ShawnL ‧ 2022-10-16

0 Like 1 留言 2002 瀏覽

鐵人賽 Modern Web DAY 26

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 26 篇

技術【概念ノ章】測試替身（Test Double）：Dummy, Stub, Spy, Fake & Mock

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

ShawnL ‧ 2022-10-11

0 Like 0 留言 1900 瀏覽

鐵人賽 Modern Web DAY 17

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 17 篇

技術【概念ノ章】測試工具： Vue Test Utils 與元件測試

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

ShawnL ‧ 2022-10-02

0 Like 0 留言 1857 瀏覽

鐵人賽 Modern Web

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 32 篇

技術【進階ノ章】Vitest UI

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

ShawnL ‧ 2022-10-17

0 Like 0 留言 1854 瀏覽

鐵人賽 Modern Web DAY 30

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 30 篇

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

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

ShawnL ‧ 2022-10-15

1 Like 0 留言 1848 瀏覽

鐵人賽 Modern Web DAY 28

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 28 篇

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

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

ShawnL ‧ 2022-10-13

0 Like 0 留言 1729 瀏覽

鐵人賽 Modern Web DAY 15

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 15 篇

技術【語法ノ章】斷言（Assertion）下篇：替身、快照（Snapshot）與拋出錯誤

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

ShawnL ‧ 2022-09-30

1 Like 0 留言 1693 瀏覽

鐵人賽 Modern Web

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 34 篇

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

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

ShawnL ‧ 2022-10-19

1 Like 0 留言 1664 瀏覽

鐵人賽 Modern Web DAY 7

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 7 篇

技術【概念ノ章】測試脈絡－1. 決定測試類型

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

ShawnL ‧ 2022-09-22

1 Like 1 留言 1631 瀏覽

鐵人賽 Modern Web DAY 5

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 5 篇

技術【概念ノ章】測試價值：為什麼我需要測試

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

ShawnL ‧ 2022-09-20

2 Like 1 留言 1622 瀏覽

鐵人賽 Modern Web DAY 6

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 6 篇

技術【概念ノ章】測試價值：加入測試的時機

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

ShawnL ‧ 2022-09-21

1 Like 0 留言 1617 瀏覽

鐵人賽 Modern Web DAY 19

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 19 篇

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－選擇器與陷阱

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

ShawnL ‧ 2022-10-04

0 Like 0 留言 1614 瀏覽

鐵人賽 Modern Web DAY 12

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 12 篇

技術【語法ノ章】案例與情境：describe & it 與輔助 API

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

ShawnL ‧ 2022-09-27

0 Like 0 留言 1541 瀏覽

鐵人賽 Modern Web DAY 14

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 14 篇

技術【語法ノ章】斷言（Assertion）上篇：斷言語法與 Matchers

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

ShawnL ‧ 2022-09-29

0 Like 0 留言 1473 瀏覽

鐵人賽 Modern Web DAY 10

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 10 篇

技術【概念ノ章】測試脈絡－4. 測試案例中的 3A 模式

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

ShawnL ‧ 2022-09-25

1 Like 0 留言 1444 瀏覽

鐵人賽 Modern Web DAY 8

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 8 篇

技術【概念ノ章】測試脈絡－2. 決定測試工具

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

ShawnL ‧ 2022-09-23

0 Like 0 留言 1437 瀏覽

鐵人賽 Modern Web DAY 16

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 16 篇

技術【試験ノ章】第一個測驗：測試情境案例、Setup & Teardown 與 Matchers

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

ShawnL ‧ 2022-10-01

1 Like 3 留言 1424 瀏覽

鐵人賽 Modern Web

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 35 篇

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

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

ShawnL ‧ 2022-10-20

0 Like 0 留言 1388 瀏覽

鐵人賽 Modern Web DAY 11

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 11 篇

技術【概念ノ章】測試脈絡－5. 撰寫測試碼 FIRST 法則與學習步驟

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

ShawnL ‧ 2022-09-26

0 Like 0 留言 1383 瀏覽

鐵人賽 Modern Web DAY 13

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 13 篇

技術【語法ノ章】Setup & Teardown：beforeAll, beforeEach, AfterAll & AfterEach

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

ShawnL ‧ 2022-09-28

0 Like 0 留言 1381 瀏覽

鐵人賽 Modern Web DAY 20

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 20 篇

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－取得目標資訊

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

ShawnL ‧ 2022-10-05

技術 【進階ノ章】覆蓋率（Coverage）

技術 【初始ノ章】測試建置：Vitest Config Setting

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

技術 專案建置【 我不會寫 React Component 】

技術 【初始ノ章】測試建置：在自己的專案加入單元測試來學測試

技術 【初始ノ章】前言與 TOC

技術 【概念ノ章】測試脈絡－3. 決定測試情境與測試案例

技術 【初始ノ章】測試建置：跟著系列文一起學測試

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

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

技術 【概念ノ章】測試替身（Test Double）：Dummy, Stub, Spy, Fake & Mock

技術 【概念ノ章】測試工具： Vue Test Utils 與元件測試

技術 【進階ノ章】Vitest UI

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

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

技術 【語法ノ章】斷言（Assertion）下篇： 替身、快照（Snapshot）與拋出錯誤

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

技術 【概念ノ章】測試脈絡－1. 決定測試類型

技術 【概念ノ章】測試價值：為什麼我需要測試

技術 【概念ノ章】測試價值：加入測試的時機

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－選擇器與陷阱

技術 【語法ノ章】案例與情境：describe & it 與輔助 API

技術 【語法ノ章】斷言（Assertion）上篇：斷言語法與 Matchers

技術 【概念ノ章】測試脈絡－4. 測試案例中的 3A 模式

技術 【概念ノ章】測試脈絡－2. 決定測試工具

技術 【試験ノ章】第一個測驗：測試情境案例、Setup & Teardown 與 Matchers

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

技術 【概念ノ章】測試脈絡－5. 撰寫測試碼 FIRST 法則與學習步驟

技術 【語法ノ章】Setup & Teardown：beforeAll, beforeEach, AfterAll & AfterEach

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－取得目標資訊

標記使用者

技術【進階ノ章】覆蓋率（Coverage）

技術【初始ノ章】測試建置：Vitest Config Setting

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

技術專案建置【我不會寫 React Component 】

技術【初始ノ章】測試建置：在自己的專案加入單元測試來學測試

技術【初始ノ章】前言與 TOC

技術【概念ノ章】測試脈絡－3. 決定測試情境與測試案例

技術【初始ノ章】測試建置：跟著系列文一起學測試

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

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

技術【概念ノ章】測試替身（Test Double）：Dummy, Stub, Spy, Fake & Mock

技術【概念ノ章】測試工具： Vue Test Utils 與元件測試

技術【進階ノ章】Vitest UI

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

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

技術【語法ノ章】斷言（Assertion）下篇：替身、快照（Snapshot）與拋出錯誤

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

技術【概念ノ章】測試脈絡－1. 決定測試類型

技術【概念ノ章】測試價值：為什麼我需要測試

技術【概念ノ章】測試價值：加入測試的時機

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－選擇器與陷阱

技術【語法ノ章】案例與情境：describe & it 與輔助 API

技術【語法ノ章】斷言（Assertion）上篇：斷言語法與 Matchers

技術【概念ノ章】測試脈絡－4. 測試案例中的 3A 模式

技術【概念ノ章】測試脈絡－2. 決定測試工具

技術【試験ノ章】第一個測驗：測試情境案例、Setup & Teardown 與 Matchers

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

技術【概念ノ章】測試脈絡－5. 撰寫測試碼 FIRST 法則與學習步驟

技術【語法ノ章】Setup & Teardown：beforeAll, beforeEach, AfterAll & AfterEach

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－取得目標資訊