iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Claude AI

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

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

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

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

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

Day 21: Page Object Model:請 Claude Code 幫你重構

前面打完,你手上可能有二、三十個測試了。恭喜,同時也先打個預防針:第一次大改版來襲時,你會發現同一個定位散落在十幾個檔案裡。可維護性篇的開場,就從解這個痛開始—...

2026-08-21 ‧ 由 kojenchieh 分享
DAY 22

Day22: Fixtures 與測試資料管理

每個測試都需要佈景:登入好的狀態、預先存在的資料、到達某個頁面。佈景搭得亂,測試就互相踩腳、單獨跑不動、失敗留垃圾。這篇談 Playwright 的 fixtu...

2026-08-22 ‧ 由 kojenchieh 分享
DAY 23

Day 23: Flaky Test 治理:抓出時好時壞的測試

同一份程式、同一個測試,這次綠、下次紅、再跑一次又綠。這就是 flaky。 技術上它只是不穩定,真正的傷害發生在心理層面:它教會團隊忽略紅燈。而一支學會忽略紅燈...

2026-08-23 ‧ 由 kojenchieh 分享
DAY 24

Day 24: 測試的命名與組織:讓半年後的自己看得懂

測試也是文件,而且是唯一保證跟系統行為同步的文件——因為它過不了就會叫。但這份文件讀不讀得動,取決於兩件樸素的事:名字取得好不好、東西放得找不找得到。 這篇整理...

2026-08-24 ‧ 由 kojenchieh 分享
DAY 25

Day 25: 放進 CI:自動跑測試與向上展示成果

到目前為止,你的測試都是「想到才跑」。這一篇之後,它們會變成 24 小時值班的守衛:程式一有改動,自動全員出動。 前面二十幾篇在練功,這一篇開始上工。門檻比你想...

2026-08-25 ‧ 由 kojenchieh 分享
DAY 26

Day26: 測試會過,不代表測得對:如何驗證 AI 寫的測試

AI 讓產生測試的成本趨近於零,瓶頸整個移動了:現在稀缺的不是測試,是「確認測試真的在把關」的能力。綠燈很便宜,可信的綠燈很貴。這篇教你怎麼讓綠燈變貴。 先講清...

2026-08-26 ‧ 由 kojenchieh 分享
DAY 27

Day 27: Playwright MCP:讓 Claude Code 自己打開瀏覽器探索網站

前面二十六篇裡,Claude Code 其實看不到你的網站。它是靠你的描述,猜出來要點哪裡。 這一篇要裝的東西叫 Playwright MCP,裝好之後,它可以...

2026-08-27 ‧ 由 kojenchieh 分享
DAY 28

Day28: Playwright CLI:同樣讓 AI 開瀏覽器,但token省得多

上一篇裝了 Playwright MCP,讓 Claude Code 可以自己開瀏覽器。用幾天之後,你大概會遇到同一件事:聊到第十五步左右,它開始怪怪的,點一顆...

2026-08-28 ‧ 由 kojenchieh 分享
DAY 29

Day 29: 從既有測試案例到自動化:把手上的 Test Case 交給 AI 轉換

多數團隊不是從零開始。你們有一疊寫了多年的測試案例,躺在 Excel 或測試管理系統裡。它們是最被低估的自動化資產:流程、資料、預期都在,只差翻譯。 好消息是,...

2026-08-29 ‧ 由 kojenchieh 分享
DAY 30

Day 30: 測試策略:哪些該自動化、哪些留給人

學會一把好鎚子之後,最大的風險是看什麼都像釘子。這篇退後一步談策略:自動化是手段,不是目標。決定「什麼值得自動化」的判斷,比自動化本身更值錢。業界近兩年的調查都...

2026-08-30 ‧ 由 kojenchieh 分享