如何使用量角器访问 SVG 元素

Question

我正在使用 kendo 圆环图，该图表在 UX/UI 中加载正常，并显示数据。现在我正在使用 protractor/jasmine 编写功能测试，我需要访问图表的值。

通常 element(by.xpath) 或 element(by.css) 适用于 HTML 控件。但由于 kendo donut 使用 SVG，element(by.xpath) 或 element(by.css) 不起作用。

如何访问 protractor/jasmine 中的 SVG 元素？

Answer 1

我在 div 上使用了 element(by.binding('vm.results')) 我有 kendo-chart

<div kendo-chart="kchart" data-k-options="vm.options" k-data-source="vm.results" data-role="chart" class="k-chart" style="position: relative;"></div>

我像这样访问了 kendo 甜甜圈图：

element(by.binding('vm.results')).getText();

有了这个我就能得到我需要的图例细节

How to access SVG elements using protractor