iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Software Development

你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress 系列

「啊!這我沒測到...」「這功能上個版本還是好的...」你是否曾遇到上述這幾個情況?為了提升系統的品質,透過自動化測試,可以找到手動測試漏掉的 bug,也可以確保系統的品質。我將用 30 天為大家介紹前端自動化測試框架 - Cypress,Cypress 可以用來 unit testing, integration testing 和 E2E testing,透過這系列 E2E 測試的文章,讓讀者能更了解自動化測試的魔力。

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 1

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 1 - 前言

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 嗨!我是卯郁,去年就立志今年要參加鐵人賽,這系列文章會教大家從環境設定到執行測試腳本,以及那...

2021-09-15 ‧ 由 史卯郁 分享
DAY 2

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 2 - Cypress 環境設定

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 今天要教大家 Cypress 環境設定,跟著步驟一起做,就完成啦。 安裝 node.js 在...

2021-09-16 ‧ 由 史卯郁 分享
DAY 3

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 3 - 開始寫第一個測試

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 今天要帶大家完成第一個測試腳本,這次要用鐵人賽的網站測試登入。在開始寫測試腳本前,先規劃要測...

2021-09-17 ‧ 由 史卯郁 分享
DAY 4

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 4 - 利用工具錄製腳本

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 昨天完成第一個測試後,今天要跟大家分享一個工具,如果你對於 CSS Selector 還不熟...

2021-09-18 ‧ 由 史卯郁 分享
DAY 5

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 5 - 執行自動化測試腳本

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 寫完 cypress 腳本後,可以用命令列和 GUI(Graphical User Inte...

2021-09-19 ‧ 由 史卯郁 分享
DAY 6

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 6 - 使用 Custom Commands

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 你有沒有遇到這種狀況,在網站上幾乎都需要先登入,才能操作功能,因此測試腳本需要寫重複的登入程...

2021-09-20 ‧ 由 史卯郁 分享
DAY 7

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 7 - 如何寫斷言

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 在測試腳本加上斷言後,當程式碼有 bug 時,一下就能被找出來。根據腳本的情境可以下幾種斷言...

2021-09-21 ‧ 由 史卯郁 分享
DAY 8

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 8 - 用 beforeEach 歸納重複行為

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 當測試腳本有重複的地方,除了可以寫在 command.js 外,也可以依照不同使用狀況將程式...

2021-09-22 ‧ 由 史卯郁 分享
DAY 9

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 9 - 如何上傳圖片

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 在 E2E 測試中,不僅有選取元素,點選按鈕,常常我們也需要上傳檔案或圖片。今天要教大家在測...

2021-09-23 ‧ 由 史卯郁 分享
DAY 10

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 10 - 如何產生測試報告

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 執行完測試腳本後,不僅會有截圖和影片可以看,也可以另外做設定產生測試報告。 在命令列輸入...

2021-09-24 ‧ 由 史卯郁 分享