網站應用測試技能提供使用 Playwright 檢查本機網站的工作指引。網頁設計團隊可用 Anthropic 公開的 Webapp Testing Skill 規劃驗收，仍需由人員確認測試範圍、結果及環境權限。
網站應用測試技能適合什麼情境？
這項技能適合協助測試可在本機啟動的網站應用程式，例如檢查導覽、表單、互動元件與畫面。官方指引包含透過瀏覽器觀察頁面、執行操作及取得測試結果的方式。
網站測試不只是確認頁面能開啟。團隊還應檢查使用者能否理解內容、完成操作，並在錯誤或資料不足時得到清楚提示。正式網站、客戶資料及外部服務則需依授權範圍處理。
第一步：如何定義測試範圍？
測試範圍應從訪客的重要任務開始，例如查看服務、填寫詢問表單或使用手機導覽。每個任務需列出進入條件、操作步驟及預期結果，讓測試人員能判斷是否通過。
- 確認測試網站與可使用的環境。
- 列出主要頁面及使用者操作。
- 準備不含敏感資料的測試內容。
- 指定正常、失敗與邊界情況。
- 記錄瀏覽器、裝置及負責人。
例如詢價表單可測試必填欄位、格式錯誤、成功提示與通知接收。若通知會寄給真人，應先安排測試收件者與資料處理方式，避免造成不必要的外部影響。
第二步：如何啟動與檢查本機網站？
本機網站測試應先確認開發服務成功啟動，再以瀏覽器查看實際畫面與可操作項目。技能提供的輔助腳本與範例屬於工作工具，實際使用前應先閱讀內容並確認執行範圍。
不同專案的啟動方式、埠號與測試帳號可能不同，應依專案文件及負責人提供的設定操作。若頁面需要登入，也應使用已授權的測試身分，不能因測試方便而取得額外權限。
測試時可先查看頁面結構與可見文字，再針對實際存在的按鈕與表單進行操作。固定等待時間、錯誤的選取方式或尚未載入的內容，都可能造成誤判。
第三步：如何檢查互動與版面？
互動檢查應確認按鈕、選單、表單及提示都能依預期運作；版面檢查則需在不同尺寸下查看文字、圖片與操作入口。測試結果應記錄實際畫面與重現條件。
| 測試項目 | 觀察方式 |
|---|---|
| 導覽 | 連結目的地與展開選單是否正確。 |
| 表單 | 欄位提示、驗證與送出結果是否清楚。 |
| 響應式版面 | 不同寬度下內容是否遮擋或溢出。 |
| 互動回饋 | 操作後是否提供可辨識的狀態。 |
桌面畫面正常不代表手機體驗也正常。應檢查字體、圖片裁切、點擊區域與橫向捲動；必要時搭配實際裝置及輔助工具測試，避免只依賴單一自動化結果。
第四步：如何處理測試資料與權限？
測試應採最小必要權限，只使用完成驗證所需的資料。測試帳號、憑證及客戶資訊應依企業規範管理，不能將敏感資訊放入公開截圖或測試報告。
瀏覽器測試可能觸發寫入、發信、下單或第三方服務。執行前應確認環境與影響，並避免在未授權情況下操作正式資料；高影響步驟應保留人工確認。
若測試使用第三方套件或腳本，應檢查來源、執行內容及檔案寫入位置。自動化工具提供的是輔助能力，不能替代企業的資安、隱私和發布程序。
第五步：如何整理問題與重新驗收？
問題紀錄應包含頁面、操作步驟、預期結果、實際結果及可重現的環境。必要時附上已排除敏感資料的畫面，讓開發與設計人員能定位問題。
修正後應重新執行原本失敗的步驟，並檢查相關功能是否受到影響。若修改導覽或共用表單，也應測試其他引用相同元件的頁面。
團隊可建立固定驗收清單，記錄版本、負責人及尚未完成的項目。自動化測試通過不代表所有瀏覽器、裝置或無障礙情況都已驗證，報告應如實說明覆蓋範圍。
企業網站如何安排日常測試？
企業可先針對首頁、服務頁、聯絡表單及主要轉換路徑建立檢查清單。高雄、台中、台北企業進行網站設計或改版時，也應先確認測試環境與後續維護窗口。
參考 Anthropic 官方技能說明與Playwright 官方文件。延伸了解網站建置、網站維護、商業服務案例及產業網站案例。
測試團隊如何交接結果？
測試交接應包含專案版本、測試時間、環境和實際操作步驟。發現問題時，應說明使用的瀏覽器與畫面尺寸，並附上可供負責人理解的預期與實際結果。
截圖或紀錄若包含帳號、客戶資料或其他敏感內容，應先依企業規範處理，再分享給有權限的團隊成員。測試服務的帳號與操作範圍，也需要在交接時確認。
修正問題後，測試人員應重新執行原本的操作，並記錄是否解決。若修改了共用導覽、按鈕或表單，應一併查看使用相同元件的其他頁面，避免問題轉移到其他位置。
日常維護時，可優先測試訪客最常使用的服務頁、聯絡入口與主要流程。新增外掛或調整第三方服務後，再根據變更範圍補充測試案例，讓驗收清單隨網站一起更新。
常見問題
自動測試通過就代表網站完全沒問題嗎？
不能。仍需依需求檢查實際裝置、內容與未涵蓋的互動情況。
可以直接用真實客戶資料測試嗎？
應先確認授權與資料保護要求，優先使用適當的測試資料。
正式網站表單可以任意提交嗎？
應先確認影響及接收方式，避免產生未授權的外部通知或資料。
修正問題後要重新測試嗎？
需要。應重現原本操作並檢查可能受影響的相關功能。
