是否可以使用Javascript库测试SVG元素？还有其他选择吗？

Question

为了在浏览器（Firefox，Chrome）中显示工作流程（带箭头和可折叠面板的方框图），开发人员正在使用“SVG”。

我的要求是测试工作流程是否在浏览器UI中正确呈现。到目前为止，我已尝试过不同的工具，并且看到通过Selenium和Ranorex对SVG有一点支持，但并非所有操作都受支持。

部分测试方案包括：

1. 验证面板＆amp; 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

并且有一些JavaScript库支持像这样的svg编辑： https://svgdotjs.github.io/