Responsive design 使用TestCafe进行响应性设计测试

Responsive design 使用TestCafe进行响应性设计测试,responsive-design,automated-tests,e2e-testing,testcafe,galen,Responsive Design,Automated Tests,E2e Testing,Testcafe,Galen,作为一个新的测试自动化框架评估的一部分,我想看看我们是否可以自动化测试一个网站的响应性设计。为了让您有一个更好的想法,今天我们使用GALEN框架来实现这一点。我们的测试包括像素点、高度、宽度、颜色、容器大小、页面元素(上、下、侧)的位置等。我们使用Java Selenium创建WebDriver对象,然后将其传递给Galen进行测试 对于断言,我们使用一个spec文件,其中提到了视觉/响应设计需求。GALEN可以为我们做的事情如下: 我试图看看我是否可以用testCafe完成这项工作,但我不确定

作为一个新的测试自动化框架评估的一部分,我想看看我们是否可以自动化测试一个网站的响应性设计。为了让您有一个更好的想法,今天我们使用GALEN框架来实现这一点。我们的测试包括像素点、高度、宽度、颜色、容器大小、页面元素(上、下、侧)的位置等。我们使用Java Selenium创建WebDriver对象,然后将其传递给Galen进行测试

对于断言,我们使用一个spec文件,其中提到了视觉/响应设计需求。GALEN可以为我们做的事情如下:


我试图看看我是否可以用testCafe完成这项工作,但我不确定从哪里开始;我在testCafe网站上做了初步搜索,但没有找到任何类似GALEN的东西。只是想知道testCafe是否可以扩展到GALEN?对于如何完成响应性测试,我也愿意接受其他想法。任何提示都将不胜感激。

使用TestCafe,您可以调整浏览器大小并制作屏幕截图。此外,我们计划在最近的将来提供支持。 目前TestCafe不支持任何用于比较元素属性的特殊语法。但是,您仍然可以使用和检查任何DOM元素属性

据我所知,GALEN是基于Selenium构建的,所以我不确定它是否公开了任何可以在TestCafe中使用的API,而不使用Selenium

无论如何,您可以在TestCafe存储库中