Automated tests TestCafe元素可见,但无法单击

Automated tests TestCafe元素可见,但无法单击,automated-tests,e2e-testing,testcafe,google-chrome-headless,ui-testing,Automated Tests,E2e Testing,Testcafe,Google Chrome Headless,Ui Testing,我正在阿尔卑斯码头图片中运行TestCafe,使用Chromium 68 headless测试React应用程序。我可以让其他测试正常工作,但由于某些原因,我遇到了一个问题,即元素看起来是可见的,但无法单击 .expect(Selector('.ui.text.vertical.marketplace-side-nav.menu').find('a').withText('Pending').visible).ok() .click(Selector('.ui.text.vertical.mar

我正在阿尔卑斯码头图片中运行TestCafe,使用Chromium 68 headless测试React应用程序。我可以让其他测试正常工作,但由于某些原因,我遇到了一个问题,即元素看起来是可见的,但无法单击

.expect(Selector('.ui.text.vertical.marketplace-side-nav.menu').find('a').withText('Pending').visible).ok()
.click(Selector('.ui.text.vertical.marketplace-side-nav.menu').find('a').withText('Pending'))
第一行通过,但第二行给出以下错误:

1)与指定选择器匹配的元素不可见。

我尝试在TestCafe Studio上设置测试,并尝试了多个选择器。我在开始时设置了
.resizeWindow(2000,1000)
,以确保这不是响应用户体验的问题

编辑

这个工具还有一些其他的开发工具,但是非常简单


项目本身是专有的,因此我不能在这里共享代码。

根据作者的评论:


如果其他人被卡住,最终结果是:旧版本的Alpine Docker image安装了Chromium 57(我在其他地方安装了v68,并运行了构建以确认)。升级Alpine和Chromium(目前为61+)解决了许多问题,现在仿真(以及相应的调整大小)也可以工作。

您的测试场景看起来有效。你能在你的项目中提供Docker图像或Dockerfile以便我们重现这个问题吗?所以,这是一个调整大小的问题,我添加了代码来临时删除较小屏幕上的导航隐藏,并且成功了。不幸的是,当我尝试在headless上使用
resizeWindow
时,我无法读取未定义的
的属性“Emulation”(模拟),所以我会仔细研究。如果其他人被卡住,最终结果是:旧版本的Alpine Docker image正在安装Chromium 57(我在其他地方安装了v68并运行了构建以确认)。升级Alpine和Chromium(目前为61+)解决了许多问题,现在仿真(以及调整大小)也可以工作。@Fluidbyte,感谢您与大家分享您的发现。既然你已经发现了发生的事情,我建议你把你的评论作为对你自己问题的回答,这样当人们面临类似问题时,他们会参考你的评论。