此篇為番外，為選入本篇的原因為 Cypress 的功能與 End to End 測試的方式多元且複雜，此篇僅能做初步的介紹，因此放於番外作補充。 與單元測試...
What's Cypress Cypress 是 Vue.js 官方推薦的一個 E2E Testing Library，也是這次 E2E Testing 主題所...
今天我們實際使用 TestCafe 三神器 Selectors, Actions, Assertions 實作一個簡單的自動化測試，填寫 TestCafe Ex...
關於 API 自動化測試，過去幾天，筆者介紹了如何使用 YApi 平台，來管理 API 開發的生命週期和完成閉環。 本篇開始進入另一個系列，Web 自動化測試！...
本篇要來介紹 TestCafe 的瀏覽器支援，還有如何讓各種瀏覽器跑起來！ 由於瀏覽器的多元化和破碎化， 作業系統：Windows, MacOS, Linux,...
讓我們來看一張 YApi 官方 Github Repo 上的圖， YApi 有一套 API 開發閉環的哲學思想， DEV(後端工程) 和 FE(前端工程)...
無論用什麼測試框架寫 Web 自動化測試，Debug 工具的支援都是非常重要的！好用的 Debug 工具，有助於開發者定位 Bug 所在。 所以今天這篇文章，筆...
今天這篇文章主要會介紹 Cypress 的基本結構以及常見的語法，那我們馬上開始吧！ 基本結構 Cypress 的測試基本結構是由 Test Group, Te...
經歷了上個章節的安裝，總之是先將Cypress的環境給建置起來了接下來這個章節要來探討Cypress的寫法與語法 所謂的e2e測試到底是怎麼運作起來的呢？我們來...
本篇我們來看看 TestCafe 測試流程三神器， TestCafe 提供的 CLI 和 API 功能非常豐富，筆者建議下列文件要仔細研讀- Using Tes...
Web 自動化測試完成後，怎麼評估測試結果呢？ 這時候測試報告就很重要了，一份完整且直接的測試報告，有助於衡量測試品質和追蹤問題！ TestCafe 官方提供了...
在筆者用過多種 Web 自動化測試框架後，最後選擇了 TestCafe TestCafe 具有一個簡單卻又完整的工具鍊，降低了自動化測試的門檻，讓產品的各角色都...
前言 專案開發後期會進入 QA 測試階段，其中免不了各種手動點擊切換頁面或迴歸測試等，每個功能都要人工進到畫面中看一遍有沒有問題，這樣不僅工作量大重複性高，且當...
前情提要 昨天，我們為了讓大家更加了解 Cypress 的語法以及要如何攥寫 E2E 測試，所以開始規劃為 Vue.js • TodoMVC 攥寫 E2E 測...
我們的前幾篇文章都是使用 TestCafe CLI Command 啟動自動化測試，老實說，筆者是個很懶的人，每天打這些 Command 我也有點煩！ 今天讓我...
在開始寫第一個 Web 自動化測試之前，讓我們先來安裝 TestCafe npm install -g testcafe 如果你已經有 nodejs 環境，這...
前情提要 前兩天，我們開始為 Vue.js • TodoMVC 攥寫 E2E 測試，並分別在 Cypress 實戰之 Todo MVC (上) 完成了 C...
在經過前兩天簡單的介紹 Cypress，現在我想透過一個實際的範例來讓大家更加了解 Cypress 以及到底如何攥寫 E2E 測試。 Vue3 E2E Te...
上個章節探討了單元測試是針對單個function、或是局部小功能的測試這一篇要來了解&學習關於E2E測試是什麼、要怎麼運行 E2E測試簡介 E2E測...
今天的文章是我們 TestCafe 系列的最後一篇，要來介紹 TestCafe Studio TestCafe Studio 是 TestCafe 官方提供的...
今天讓我們開始新的篇章，暫時離開 Web 自動化測試與 TestCafe，回到 API 自動化測試的世界。 在持續測試三十天系列的一開始，筆者介紹了 YApi...
今天的文章，我們將進行 HttpRunner 的快速上手，將會進行以下步驟 安裝 HttpRunner 使用 HttpRunner 腳手架建立專案 使用 Ht...
在 day16 的文章，我們提到在自動化測試過程中，測試報告是很重要的產出，一份完整且直接的測試報告，有助於衡量測試品質和追蹤問題！ 而 TestCafe 官方...
在 TestCafe 這個系列裡，筆者前幾天的文章，都是假設自動化測試的 Code 已經開發完成！討論的是如何啟動測試、如何產生測試報告等主題。 然而，自動化測...
Docker 是這幾年很流行的開發和執行環境，可以說 Docker 幾乎已經成為了一種標準。 而 TestCafe 官方也提供了 Docker Image，把相...
我們在 [Day 16] 一份測試報告不夠看，那就看兩份啊！，學到了如何產生靜態的測試報告，提供的資訊大都是都是文字數據。 在 [Day 17] 用圖片和影片讓...
現學現賣 上一篇學了Cypress的語法與用法直接做幾個簡單的練習吧 練習一: 簡易counter 首先我們自己寫一個簡易的頁面，用data-test 這個屬性...
曾經做過一個專案，顧客把商品加入購物車後，可以同時選擇要加入幾筆商品，然後在結帳頁的時候需要根據商品數量來增加報名資料的欄位，也就是說如果購物車裡面有三筆資料，...
前言 今天我們要聊聊工作中遇到的一個問題。我們需要撰寫測試來驗證前端需求的正確性(也就是UI/UX)。於是我們想，E2E測試非常適合，但是因為環境和經費種種因素...
Peter Chen
Mia Yang
Ice
一宵三筵
ShawnWu
Oberon Lai
艾瑞卡
iThome鐵人賽
看影片追技術