responsive-design - 使用 TestCafe 进行响应式设计测试

标签 responsive-design automated-tests e2e-testing testcafe galen

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

对于断言,我们使用规范文件,其中提到了视觉/响应式设计要求。 GALEN 可以为我们做的事情如下:http://galenframework.com/docs/reference-galen-spec-language-guide/

我想看看是否可以使用 testCafe 来完成此任务,但我不知道从哪里开始;我在 testCafe 网站上进行了初步搜索,但没有找到任何与 GALEN 类似的东西。只是想知道 testCafe 是否可以扩展到 GALEN?我也对如何完成响应式测试的其他想法持开放态度。任何指示将不胜感激。

最佳答案

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

据我了解,GALEN 是基于 Selenium 构建的,因此我不确定它是否公开了任何可以在没有 Selenium 的情况下在 TestCafe 中使用的 API。

无论如何,你可以create a feature request在 TestCafe 存储库中

关于responsive-design - 使用 TestCafe 进行响应式设计测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55840554/

相关文章:

visual-studio - 运行多个类别的自动化测试

testing - 如何访问正在运行的测试信息(屏幕截图模式参数)

ipad - 如何仅覆盖 iPad 的 CSS 属性?

html - 响应式和非响应式样式表

c++ - CMake 中预期的构建失败测试

javascript - Cypress.io - 使用 JavaScript window.prompt 保存值

javascript - 如何重用现有 Cypress 测试中的函数,并在新测试中调用它?

javascript - 使用 jQuery 从选择菜单中删除列表项

javascript - 使用 CSS/jQuery 的响应式字体大小

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