iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Software Development

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

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

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

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 21 - drag and drop 的用法

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 當網站有 to-do list 時,可以用 drag-drop 的方式移動項目。 在命令...

2021-10-05 ‧ 由 史卯郁 分享
DAY 22

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 22 - 與 JS-alert, confirm, prompt 如何互動

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 今天要跟大家分享當網站有用到Javascript Alert, Javascript Con...

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

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 23 - 避免使用 cy.wait

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 語法 cy.wait(time) cy.wait(alias) cy.wait(alia...

2021-10-07 ‧ 由 史卯郁 分享
DAY 24

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 24 - 學習 trigger 的用法

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 今天要跟大家分享當網頁上有子表時,如何測試滑鼠滑過時要出現資料的情境。 語法 .trig...

2021-10-08 ‧ 由 史卯郁 分享
DAY 25

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 25 - 學習 blur 的用法

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 focus 必須是 DOM 元素才能調用 focus() 方法 確保 DOM 元素是可以聚...

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

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 26- 學習 cypress filter 的用法

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 語法 .filter(selector) .filter(selector, optio...

2021-10-10 ‧ 由 史卯郁 分享
DAY 27

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 27 - 學習 cypress window 的用法

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 今天要跟大家分享當網站有用到 Javascript prompt 時,要如何測試。 cy.w...

2021-10-11 ‧ 由 史卯郁 分享
DAY 28

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 28 - cypress 截圖與影片

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 在執行測試腳本時,如測試腳本失敗時,有以下兩種方式回顧錯誤。 當用命令列的方式執行腳本時...

2021-10-12 ‧ 由 史卯郁 分享
DAY 29

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 29 - cypress 最佳實踐

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 選取元素 ⚠️ 避免使用會常常變的selector,如用id, class, tag等方式選...

2021-10-13 ‧ 由 史卯郁 分享
DAY 30

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 30 - 學習cypress intercept 與後記

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。 終於來到鐵人賽第30天!謝謝觀看我的文章和留言的所有人,第一次參加鐵人賽,每天早上都要提醒自...

2021-10-14 ‧ 由 史卯郁 分享