What is Magnitude?
您的網頁應用程式的端對端測試是否因為微小的 UI 變更而變成一場永無止境的戰鬥? Magnitude 提供了一種嶄新的方法。它是一個開源、AI 原生的測試框架,專為現代網頁應用程式設計。 Magnitude 並非依賴脆弱的 DOM 選擇器,而是採用視覺 AI 代理,像真人使用者一樣與您的應用程式互動——透過觀看螢幕。這讓您可以使用簡單的自然語言建立測試,從而產生更具彈性、適應性且更容易維護的測試套件。
Magnitude 幫助您確保您的應用程式按預期運作,專注於使用者體驗而非實作細節。讓您的測試適應 UI 變更,而不是因為 UI 變更而崩潰。
Magnitude 如何增強您的測試工作流程
Magnitude 結合了智慧規劃和精確的視覺執行,以提供可靠的測試結果:
✍️ 使用自然語言建立測試: 用簡單的英文描述您的測試步驟、檢查和資料需求。想像一下向同事解釋測試流程——Magnitude 可以理解並執行它。這大大降低了建立全面的端對端測試的門檻。
👁️ 使用視覺 AI 可靠地執行: Magnitude 的執行代理(由快速、開源的 Moondream 模型提供支持)以視覺方式識別元素並與您的網頁應用程式互動。由於它不依賴底層的 DOM 結構,因此測試不太可能因為程式碼重構或微小的 UI 調整而崩潰。
🧠 使用進階 AI 進行智慧規劃: 一個強大的規劃 LLM(例如 Gemini 2.5 Pro、Claude 或 GPT-4o)解釋您的自然語言指令,設計一個穩健的測試計畫,甚至可以推理測試執行期間遇到的意外情況或錯誤,嘗試恢復或提供有見地的失敗分析。
📄 確保一致且高效的執行: 產生的測試計畫會被保存,確保後續的執行一致。這種可預測性,加上智慧快取,使測試執行快速且經濟高效。
🛠️ 無縫整合到您的工作流程中: 在開發期間於本機執行 Magnitude 測試,或將它們直接整合到您的 CI/CD 管道中(例如 GitHub Actions)。 Magnitude 作為一個開發依賴項安裝在您的 Node.js 專案中,自然地融入現有的流程。
查看 Magnitude 的實際應用:實際場景
測試經常更新的電子商務結帳流程: 您的團隊不斷調整結帳流程以進行優化。使用傳統工具,測試幾乎每次更新後都會崩潰。使用 Magnitude,您可以定義諸如「將商品添加到購物車」、「繼續結帳」、「輸入運送詳情」和「驗證訂單摘要」之類的步驟。 Magnitude 的視覺 AI 可以找到正確的按鈕和欄位,即使它們的 ID、類別或位置發生變化,也能確保核心功能保持驗證。
跨職能團隊協作: 產品經理想要定義新功能的驗收標準。他們可以使用 Magnitude 的語法,以自然語言編寫草稿測試案例(例如,
.step('navigate to user profile').check('should see the new avatar upload option'))。然後,QA 團隊可以直接完善和執行這些測試,從而改善協作,並確保功能從一開始就滿足業務需求。減少測試維護開銷: 開發團隊在輕微的前端重構後,花費大量時間修復損壞的端對端測試。透過遷移到 Magnitude,他們的測試變得可以適應這些變更。視覺 AI 可以適應,從而減少維護時間,並讓團隊專注於構建功能,而不是不斷修復測試。
開始使用更智慧的測試
Magnitude 提供了一種更直觀、更穩健的方式來為您的網頁應用程式進行端對端測試。透過利用 AI 視覺和自然語言,它可以解決傳統測試方法中固有的脆弱性,從而節省您的時間和精力,同時提高您對版本的信心。作為一個開源框架,它鼓勵協作和透明度。
準備好建立可以透過視覺方式理解您的應用程式的測試了嗎?
安裝測試執行器:
npm install --save-dev magnitude-test初始化 Magnitude:
npx magnitude init配置您的 LLM API 密鑰(Planner:Google Gemini、Anthropic Claude、OpenAI GPT 等;Executor:Moondream - 提供免費層)。
使用自然語言編寫您的第一個測試。
執行您的測試:
npx magnitude





