testing - TestCafe 截图 : Browser Provider for Android. crop.js "Unable to locate the page area in the browser window screenshot"

Question

我致力于 testcafe-provider-android 的扩展.我希望它支持 Firefox 和屏幕截图。

屏幕截图是使用 Android 调试工具截取的。它适用于 Chrome，但不适用于 Firefox。

crop.js#calculateMarkPosition()找不到标记。

我想我了解标记的工作原理。

在utils.js#generateScreenshotMark()生成一个由 32 个 0 或 1 组成的字符串，这就是“id”。“1”变成白点，“0”变成黑点。“markSeed”是转换为字节数组的 id。“markData”是 base64 编码的图像，可以在 URL 中使用。

在客户端，screenshot-mark.js将此图片放在页面的右下角。

crop.js#calculateMarkPosition()逐行扫描屏幕截图以找到标记并正确裁剪图像。

以下是 Chrome 和 Firefox 的 ID 和屏幕截图:

注意:我操纵代码始终生成相同的 ID。屏幕截图被裁剪和放大。

编号:

00101111000011000011000011110100

Chrome :

火狐:

在我眼里，他们看起来是一样的。那为什么这行不通呢？

Answer 1

如果您可以使用第三方工具裁剪屏幕截图，则需要禁用 built-in screenshot mark generation通过设置 hasChromelessScreenshots属性为 false。

我建议您打开 a new issue on the TestCafe repository并提供所有截图来源。