iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Claude AI

AI 時代下最值得投資的 UI 自動化:30 天用 Claude Code 學會寫 Playwright 系列

回歸測試一輪一輪重點,職缺清單上的「自動化經驗」越來越刺眼,而你買過的程式課,還停在第三章。

先說一個好消息:門檻搬家了。AI coding 工具出現後,學 UI 自動化卡的關卡從「會不會寫程式」變成「會不會描述需求、判斷得了對錯」——這兩件事,恰好是測試人員練了多年的本行。

這個系列用 30 天,帶不太寫程式的你,以 Claude Code 為結對夥伴學會 Playwright。

參賽天數 22 天 | 共 22 篇文章 | 31 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11: UI Mode 模式: 把測試從黑盒子變成可以逐格播放的作法

核心概念篇的最後一站。前面五篇各講一件事:定位、斷言、等待、錄製、失敗分析。這篇的工具,會把那五件事同時放到同一個畫面上。 很多讀者是在這裡,第一次冒出「我其實...

2026-08-11 ‧ 由 kojenchieh 分享
DAY 12

Day12: 登入自動化:驗證碼、帳密處理與 Session 重用

實戰篇從幾乎所有系統的第一道門開始。 登入這題其實是三題:登入功能本身怎麼測、驗證碼和 OTP 怎麼辦、其他測試怎麼避免每次重新登入。第三題最常被忽略,卻決定整...

2026-08-12 ‧ 由 kojenchieh 分享
DAY 13

Day13: 表單測試:輸入、驗證與錯誤訊息

表單是測試人員的主場。你閉著眼睛都知道要試空值、格式錯誤、超長輸入。這篇不教新的測試觀念,教的是翻譯:把你腦中那套表單直覺,變成 AI 寫得出來的具體指令。 文...

2026-08-13 ‧ 由 kojenchieh 分享
DAY 14

Day14: 資料驅動測試:同一個流程跑十組資料

上一篇的六個表單場景,流程一模一樣,差的只有輸入值和預期。把流程和資料分開——流程寫一次,資料列成表——就是資料驅動測試(Data-Driven Testing...

2026-08-14 ‧ 由 kojenchieh 分享
DAY 15

Day 15: 搜尋、篩選與清單驗證:列表頁的通用測法

訂單列表、會員清單、商品搜尋、報表查詢——後台系統一半的畫面都是清單。它們長得不一樣,測法卻高度共通。這篇整理出一套通用套路,學一次,所有列表頁都能用。上一篇的...

2026-08-15 ‧ 由 kojenchieh 分享
DAY 16

Day16: 檔案上傳與下載的處理

上傳和下載,自動化教學常跳過、實務卻天天遇到:大頭貼、報表匯出、名單匯入。難點不在程式(AI 都會寫),在兩個你要先想清楚的問題:測試檔案從哪來?下載之後驗什麼...

2026-08-16 ‧ 由 kojenchieh 分享
DAY 17

Day17: 彈窗、iframe、新分頁與日期選擇器:那些讓人頭痛的畫面元素

有些畫面元素,測試寫下去就是找不到、點不到,錯誤訊息還看不出所以然。十之八九是這幾個傢伙:瀏覽器原生彈窗、iframe、另開的新分頁,外加日期選擇器。這篇讓你認...

2026-08-17 ‧ 由 kojenchieh 分享
DAY 18

Day18: API 測試:Playwright 不是只會點畫面

如果你以為 Playwright 只能開瀏覽器點來點去,這篇會打開新世界:它也能直接呼叫 API。更重要的是兩者的混搭——用 API 佈景、用 UI 驗戲。這是...

2026-08-18 ‧ 由 kojenchieh 分享
DAY 19

Day19: 截圖與視覺比對:畫面長歪了怎麼抓

toHaveText 全部通過,使用者看到的卻是文字疊成一團的災難頁。功能性斷言有個天生盲區:它驗內容對不對,不驗長得對不對。視覺比對補的就是這個洞。但先講醜話...

2026-08-19 ‧ 由 kojenchieh 分享
DAY 20

Day20: 多瀏覽器與行動裝置模擬

手動做跨瀏覽器測試,同一條流程要在三種瀏覽器各點一遍;自動化在這裡的優勢最直接——同一批測試,加幾行設定,五種環境自己跑。這篇的程式碼可以直接用官方的 Todo...

2026-08-20 ‧ 由 kojenchieh 分享