问题标签 [visual-testing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
445 浏览

javascript - NodeJS:无法通过带有 start-server-and-test 的包脚本设置 PERCY_TOKEN

我一直在努力根据percyPERCY_TOKEN的官方指南设置本地测试运行并通过.yarn

该指南说:

我现在的尝试是这样的:

包.json

TL;DR 解决方案

包.json

0 投票
1 回答
243 浏览

java - Ashot 屏幕截图无法正确裁剪屏幕截图中的元素

我正在尝试打开此 url并使用Ashot 库截取“继续浏览”按钮的屏幕截图,如下图所示。

在此处输入图像描述

这是我对 pom.xml 的依赖:

这是我的代码:

但是当我执行代码时,截取的屏幕截图不正确。

这是我的截图:

在此处输入图像描述

更新:阅读此问题后,我添加了同样无济于事的shootingStartegy:

0 投票
0 回答
65 浏览

java - 我需要使用 Percy 视觉测试来捕捉特定区域

我正在使用 java selenium BDD 框架,在我的场景中,我启动 URL 向下滚动并捕获页面的页脚部分只是为了进行比较,但它捕获了整个页面。

例子

驱动程序=新的FirefoxDriver(选项);珀西 = 新珀西(司机);

但执行后我看到 Percy 仪表板,构建失败

0 投票
1 回答
45 浏览

visual-studio-code - 写一个 vscode 扩展可视化测试

我创建了一个 VSCode 扩展,然后我需要编写一些测试。我正在使用摩卡和柴。我写了一些测试,我对那部分没有任何问题。我的问题是以下情况:

我有一个按钮,当我按下该按钮时,会出现一个输入框,然后我需要在输入框中键入一个值并按下确定按钮。

你能帮助我如何通过测试来模拟这种情况吗?应该通过调用命令面板模拟按下第一个按钮,但是如何在输入框中键入值?** 请注意,我已经编写了功能测试,但用户还想测试 UI。

你能帮我找到一个与我的问题相关的例子吗?

0 投票
1 回答
198 浏览

javascript - 为什么 browser.saveScreen() 函数在 WebdriverIO 的图像比较服务中不起作用?

我尝试使用带有图像比较服务的 WebdriverIO 创建测试来比较屏幕截图。在“同步”模式下一切正常。但我想使用“异步”模式,因为不再支持“同步”模式(https://webdriver.io/docs/sync-vs-async)。对于“异步”模式,我的测试如下所示:

wdio.conf.js 中的设置:

在上面的示例中,创建了文件夹“.tmp”,但未创建基线文件夹“./tests/”,并且出现错误:

我不明白出了什么问题...假设该功能 browser.saveScreen() 无法正常工作。任何建议将不胜感激。

0 投票
0 回答
61 浏览

ashot - aShot 视觉测试:忽略当前视口中的元素

我正在使用 aShot 进行视觉测试。 https://github.com/pazone/ashot 我有一些页面我有兴趣只为页面的当前可见部分截取屏幕截图(并且没有完整的页面截图)。问题是,如果我添加要从页面中排除的元素,那么这些元素只会从我滚动到整个页面顶部的屏幕截图中排除。

这意味着如果我想从屏幕截图中排除相同的元素,该元素在视口中可见,但我已经向下滚动了一些像素,那么现在放置的区域不会从比较中排除。

我假设忽略的区域(坐标)是通过 aShot 方法在内部计算得出的,该方法获取到页面顶部的距离,这对于整页屏幕截图来说效果很好。但是对于当前视口截图,计算的区域指的是相同的坐标,所以元素不会被忽略。

请让我知道是否有我错过的内置机制,或者我必须实现逻辑。

下面是我的代码