是否可以使用JavaScript庫來測試SVG元素？任何其他選項？

Question

爲了在瀏覽器（Firefox，Chrome）中顯示工作流程（帶有箭頭和可摺疊面板的框圖），開發人員正在使用「SVG」。

我的要求是測試工作流在瀏覽器UI中正確呈現。到目前爲止，我嘗試了不同的工具，並且通過Selenium和Ranorex看到了對SVG的一點支持，但並不是所有的操作都被支持。

一些測試場景包括：

1. 驗證面板& Breadscrums
2. 第一屏最小化默認
3. 驗證Jgraph通過點擊摺疊按鈕
4. 驗證所有的長方形框對象，並與文字一起，按順序排列
5. 驗證階段對齊，如水平或垂直。
6. 驗證動作/矩形塊
7. 之間的連接上的每個矩形框驗證色碼
8. 找出箱之間的最短路徑

我相信JavaScript可以訪問SVG元素，但不確定SVG周圍的任何JavaScript自動化庫。

有關測試方法的任何建議？

Answer 1

我估計沒有什麼比您在Selenium或其他工具中已經找到的更多。 最有可能你就必須編寫一個大量的JavaScript圍繞它得到一些自動化測試做...

這裏是一個很好的文章 http://sny.no/2011/10/svg-game.html

而且有支持SVG的編輯像某些JavaScript庫這一個： https://svgdotjs.github.io/