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