利用 Visual Studio 2013 進行跨瀏覽器編碼 UI 測試

VS 2013 引入跨瀏覽器編碼 UI 測試支援 (Chrome、Firefox、IE)，並提供「可配置瀏覽器編碼 UI 測試屬性」簡化元素定位。

環境準備

• VS 2013 RC。
• 安裝「編碼 UI 跨瀏覽器測試 Selenium 元件」擴充套件 (VS Gallery)。

建立測試專案

1. 新建「編碼的 UI 測試專案」。
2. 目標系統：Facebook 登入頁 (公開、熟知)。
3. 兩個測試案例：正向登入成功、負向錯誤訊息驗證。

核心挑戰與解決

• 依配置啟動正確瀏覽器：使用 BrowserWindow.Launch(url) 搭配 Playback.Settings.Browser 設定。
• 執行期定位 HTML 元素：善用「可配置瀏覽器編碼 UI 測試屬性」定義搜尋條件 (ID、Name、Class 等)，跨瀏覽器穩健定位。
• 模擬使用者輸入、點擊、驗證回應、清理關閉瀏覽器。

新架構消除錄製/播放依賴，純代碼撰寫測試，支援 CI/CD 整合，大幅提升 Web UI 測試自動化效率與可維護性。