Unit Test

如何撰寫具彈性的測試程式 | 2024 WebConf Taiwan

如何撰寫具彈性的測試程式 | 2024 WebConf Taiwan

front end testing visual testing WebConf Taiwan AI ChatGPT Chromatic Claude Cypress Frontend Testing Guide Strategies and Practices Integration Test Jest Percy React Testing Library sharing Unit Test visual regression testing 單元測試 整合測試 自動化測試 視覺測試 · 留言


關於這本書《前端測試指南:策略與實踐》(Frontend Testing Guide: Strategies and Practices)

在前端領域,快節奏且不斷革新的開發環境下,如何能在迅速產出的同時保持高品質的程式碼成為一大挑戰,因此「測試」變得十分重要。選擇何種測試方式、如何撰寫和執行測試成為開發者必須深思的議題。缺乏測試的程式碼難以確保品質,而解決這個問題的關鍵在於建立適當的測試策略。因此想藉由這本書來分享我在前端測試領域所積累的實務經驗,希望能對大家有所啟發和幫助。

front end testing Frontend Testing Guide Strategies and Practices 前端測試指南:策略與實踐 單元測試 團隊合作 整合測試 端對端測試 自動化測試 視覺測試 AI ChatGPT Cypress DevOps End-to-End Testing GitHub Copilot Integration Test Jest Memori Mixtini Percy pre-commit pre-push React Testing Library sharing TDD team work Unit Test visual regression testing visual testing · 留言


在組織中推行單元測試 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 在組織中推行單元測試 (The Art of Unit Testing, 3e - Integrating unit testing into the organization) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing team work 單元測試 自動化測試 團隊合作 軟技能 閱讀筆記 讀書會 · 留言


規劃測試策略 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 規劃測試策略 (The Art of Unit Testing, 3e - Developing a testing strategy) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing front-end architecture team work 單元測試 自動化測試 團隊合作 閱讀筆記 讀書會 · 留言


隔離框架 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 隔離框架 (The Art of Unit Testing, 3e - Isolation Frameworks) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing Jest TypeScript substitute.js 單元測試 自動化測試 閱讀筆記 讀書會 sharing · 留言


利用模擬物件進行互動測試 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 利用模擬物件進行互動測試 (The Art of Unit Testing, 3e - Interaction Testing Using Mock Objects) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing Jest 單元測試 自動化測試 閱讀筆記 讀書會 sharing · 留言


利用 Stub 隔絕依賴 | 單元測試的藝術 第 3 版 | 閱讀筆記

在實作單元測試時,為了有效測試特定情境和條件,必須利用 stub 對給定的函式或模組進行隔絕依賴,目的是為了讓測試更加穩定,避免造成不穩定的測試結果。本文將會討論 stub 的目的、使用情境,以及如何透過不同的注入技術來隔絕依賴。

The Art of Unit Testing Unit Test front end testing Jest 單元測試 自動化測試 閱讀筆記 讀書會 sharing · 留言


你好,單元測試 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 你好,單元測試 (The Art of Unit Testing, 3e - A First Unit Test) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing Jest React Testing Library 單元測試 自動化測試 閱讀筆記 讀書會 sharing · 留言


單元測試的基本概念 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 單元測試的基本概念 (The Art of Unit Testing, 3e - The Basics of Unit Testing) 閱讀筆記。

The Art of Unit Testing Unit Test Integration Test TDD front end testing Jest React Testing Library 單元測試 整合測試 自動化測試 閱讀筆記 讀書會 sharing · 留言


JavaScript MV* Patterns | Learning JavaScript Design Patterns, 2e

JavaScript Patterns 讀書會 - MV* Patterns 逐字稿。

javascript patterns Design Pattern Unit Test front end testing JavaScript Patterns 讀書會 Learning JavaScript Design Patterns javascript 單元測試 設計模式 sharing 閱讀筆記 · 留言


Visual Testing | MOPCON 2022 逐字稿

「Visual Testing」MOPCON 2022 逐字稿,歡迎搭配投影片與範例一同服用。

visual testing Storybook Percy MOPCON Mixtini Cypress Chromatic 自動化測試 打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵 視覺測試 visual regression testing Unit Test Jest Integration Test GitHub Actions GitHub End-to-End Testing cypress.io CI/CD 端對端測試 整合測試 單元測試 趨勢科技 Trend Micro pull request sharing · 留言


Ch6 整合 (Integration)、效能 (Performance) 以及負載 (Load) 測試 | 可測試的 JavaScript (Testable JavaScript)

本文為「可測試的 JavaScript (Testable JavaScript)」第 6 章「整合 (Integration)、效能 (Performance) 以及負載 (Load) 測試」的閱讀筆記。

可測試的 JavaScript Testable JavaScript javascript 單元測試 自動化測試 整合測試 Cypress Lighthouse Unit Test Integration Test Chrome DevTools End-to-End Testing cypress.io 端對端測試 閱讀筆記 讀書會 · 留言


Ch4 單元測試 (Unit Tests) | 可測試的 JavaScript (Testable JavaScript)

本文為「可測試的 JavaScript (Testable JavaScript)」第 4 章「單元測試 (Unit Tests)」的閱讀筆記。

可測試的 JavaScript 單元測試 自動化測試 Testable JavaScript Unit Test javascript 閱讀筆記 讀書會 · 留言


Ch3 事件導向架構 (Event-Based Architectures) | 可測試的 JavaScript (Testable JavaScript)

本文為「可測試的 JavaScript (Testable JavaScript)」第 3 章「事件導向架構 (Event-Based Architectures)」的閱讀筆記。

可測試的 JavaScript 單元測試 自動化測試 OOP VSCode Testable JavaScript javascript Unit Test 物件導向程式設計 讀書會 閱讀筆記 · 留言


91 Unit Testing 單元測試實戰操練營 筆記 - 寫測試的正確姿勢

參加 91 Unit Testing 單元測試實戰操練營的簡單筆記。

單元測試 自動化測試 Jest Unit Test front end testing 趨勢科技 Trend Micro sharing · 留言


Ch2 複雜度(Complexity)| 可測試的 JavaScript (Testable JavaScript) 閱讀筆記

本文為「可測試的 JavaScript (Testable JavaScript)」第 2 章「複雜度(Complexity)」的閱讀筆記。

可測試的 JavaScript 單元測試 自動化測試 Testable JavaScript javascript Unit Test OOP 物件導向程式設計 VSCode 讀書會 閱讀筆記 · 留言


Ch1 可測試的 JavaScript 程式(Testable JavaScript)| 可測試的 JavaScript (Testable JavaScript) 閱讀筆記

本文為「可測試的 JavaScript (Testable JavaScript)」第 1 章「可測試的 JavaScript 程式(Testable JavaScript)」的閱讀筆記。

可測試的 JavaScript TDD BDD TWDD Agile DevOps Testable JavaScript javascript 單元測試 Unit Test 自動化測試 整合測試 Integration Test 讀書會 閱讀筆記 · 留言


使用 Jest 對 Redux 做單元測試 - Reducer 篇

使用 Jest 對 Redux 的 reducer 做單元測試的簡單記錄。

Jest redux Unit Test 單元測試 自動化測試 · 留言


使用 Jest 對 Redux 做單元測試 - Action 篇

使用 Jest 對 Redux 的 action 做單元測試的簡單記錄。

Jest redux redux-mock-store redux-thunk Unit Test 自動化測試 單元測試 · 留言


The DevOps Handbook:奠定部署管線的基礎、實現快速可靠的自動化測試

「The DevOps Handbook」Ch9、10 筆記:奠定部署管線的基礎、實現快速可靠的自動化測試。

DevOps BDD TDD Unit Test End-to-End Testing 端對端測試 單元測試 自動化測試 讀書會 閱讀筆記 趨勢科技 Trend Micro · 留言


2018 總回顧

這是我在 2018 年最值得聊聊的十件事 (*´∀`)~♥

年度回顧 2019鐵人賽 寶可夢 鐵人賽 健身 旅遊 職涯 香港 吃什麼 健身女孩安安 WorldGym AMP You-Dont-Know-JS 你懂JavaScript嗎? 你所不知道的JS 單元測試 Unit Test 生活 · 留言


你懂 JavaScript 嗎?#8 強制轉型(Coercion)

強制轉型(coercion)到底是一個有用的功能,還是設計上的缺陷呢?

You-Dont-Know-JS javascript 你所不知道的JS 2019鐵人賽 你懂JavaScript嗎? 鐵人賽 Jest Unit Test 單元測試 You-Dont-Know-JS-Types-and-Grammar undefined operator 運算子 NaN 你懂 JavaScript 嗎?2019 iT 邦幫忙鐵人賽 系列文 · 留言


2017 總回顧

這是我在 2017 年最值得聊聊的十件事 (*´∀`)~♥

年度回顧 鐵人賽 2018鐵人賽 北海道 日本 旅遊 職涯 Modern Web Nightwatch101 WorldGym End-to-End Testing Nightwatch Unit Test 單元測試 自動化測試 端對端測試 生活 · 留言


Nightwatch101 #30:總結

整理一下走到目前為止的想法。

Nightwatch End-to-End Testing 端對端測試 自動化測試 Nightwatch101 Selenium Selenium WebDriver Selenium IDE 鐵人賽 2018鐵人賽 Unit Test Nightwatch101 2018 iT 邦幫忙鐵人賽 系列文 · 留言


Nightwatch101 #14:Asynchronous Test Hooks

所有的鉤子(Test Hooks)-before[Each] 與 after[Each] method 都可以執行非同步(asynchronous)的動作。如果要執行非同步的動作,就要傳入 callback 作為第二個參數,並在最後執行這個 callback。若不呼叫這個 callback 會導致逾時錯誤(timout error)。

Nightwatch End-to-End Testing 端對端測試 自動化測試 Nightwatch101 Selenium 鐵人賽 2018鐵人賽 單元測試 Unit Test Nightwatch101 2018 iT 邦幫忙鐵人賽 系列文 · 留言


Nightwatch.js

Nightwatch 是專門給網頁使用的自動化測試框架,它使用 W3C WebDriver 所提供的 API(過去稱為 Selenium WebDriver)來自動操作瀏覽器。好處是可簡化設定 CI(Continuous Integration,持續整合)的過程,自動執行 End-to-End 測試與單元測試。

Nightwatch Chai 單元測試 End-to-End Testing 端對端測試 自動化測試 Selenium Selenium WebDriver Unit Test 讀書會 · 留言


單元測試:Mocha、Chai 和 Sinon

單元測試:Mocha、Chai 和 Sinon。

Mocha Chai Sinon TDD 單元測試 BDD Unit Test 自動化測試 讀書會 · 留言


在瀏覽器中使用 Mocha 和 Chai 進行單元測試

在瀏覽器中使用 Mocha 和 Chai 進行單元測試。

Mocha Chai Unit Test 單元測試 · 留言