几天前我才开始使用 slimerJS。我想知道如何使用 slimerjs 来处理 SVG 组件?我们正在使用图形来表示我们的 Web 应用程序中的各种数据,它会根据来自客户端的输入而动态变化。
出于测试目的,我必须从图形部分中提取由每个 d3 svg 元素限定的数据,并且必须使用数据库中的真实数据验证其数据。除了截取 svg 组件的屏幕截图,还有什么更好的方法可以使用 slimerjs 将 SVG 元素(在 Web 应用程序中)表示的数据与数据库中的原始数据进行验证?
几天前我才开始使用 slimerJS。我想知道如何使用 slimerjs 来处理 SVG 组件?我们正在使用图形来表示我们的 Web 应用程序中的各种数据,它会根据来自客户端的输入而动态变化。
出于测试目的,我必须从图形部分中提取由每个 d3 svg 元素限定的数据,并且必须使用数据库中的真实数据验证其数据。除了截取 svg 组件的屏幕截图,还有什么更好的方法可以使用 slimerjs 将 SVG 元素(在 Web 应用程序中)表示的数据与数据库中的原始数据进行验证?
我不知道是什么slimer.js
,但快速浏览他们的网页,它看起来像是某种包装器phantom.js
。因此,您可以访问您正在操作的页面的 DOM,并且由于您可以访问元素,因此您可以获得任何d3
svg 元素的绑定数据(它们是 DOM 元素的属性)。例如,假设我有一个像 this page 这样的饼图。第一个饼图的数据值为:
document.getElementsByClassName('arc')[0].__data__.value
或者说这样的折线图。数据数组位于:
document.getElementsByClassName('line')[0].__data__