javascript - 以用户体验为中心的 Web 应用程序回归测试的工具和技术?

标签 javascript testing browser user-interface automated-tests

我目前正在开发的应用程序是一个简单的 3 层 Web 应用程序(无论简单意味着什么 :) 但是,该应用程序非常注重 UX/UI,即用户界面构成了应用程序的关键。页面的每一次结构更改或重构 javascript/jquery/backbone 代码,我们都需要确保 UI 的行为符合预期。

例如,如果 div 在删除对象时消失,或者项目成功“发布”并显示在不同的 div 等中。

我对基于 UX/UI 的测试领域比较陌生,不确定如何解决这个问题。到目前为止,确保它的外观和工作正常需要大量的手动开销。我们确实有“一层以下”测试,我们发送 HTTP 消息,并且所有似乎都可以正常使用返回码等。但是我们缺乏以 UI 为中心的测试。

我听说过 Selenium、Jasmine 和一些 Javascript 框架,但不确定它们是否满足我的需求。截至目前,我看到的解决方案是自定义代码 javascript 测试,这些测试将从浏览器中“自动运行”这些测试,并检查事情是否按照应有的方式发生(可能是人类只是“盯着”屏幕 :) 这本身会这是一项艰巨的任务,我想在我们重新发明轮子之前向社区征求建议。

Question: What tools/techniques are best suited for this type of a job?

PS:这是一个基于 Java/ReSTLet 的网络应用程序

最佳答案

如果您希望构建“真正的”自动化测试,即使用 Java、.NET 或任何其他受支持的“服务器端”语言进行基于代码的测试,Selenium 绝对可以满足您的需求。

与基于 javascript 的测试相比,这更有可能帮助检测回归,在基于 javascript 的测试中,如果它的设计不允许,有时您正确复制用户交互的能力有限。您会发现有些东西几乎无法仅使用 JavaScript 进行测试。

这是值得的,而且 Selenium 在许多语言中都得到了很好的支持。它本质上是行业标准,您会找到很多文档和有用的框架来帮助您入门。

关于javascript - 以用户体验为中心的 Web 应用程序回归测试的工具和技术?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11370628/

相关文章:

javascript - DesignMode 中的浏览器在 UL 中包装孤立 LI 元素 - Firefox 和 Chrome

javascript - 如何实现类似于http ://thisiskiosk. com/的可滚动圆形文字效果

javascript - Polymer 中的工具提示被切割到它所在组件的外侧

ruby-on-rails - 运行 Rspec 时出现 "No such file to load"错误

algorithm - 随机数发生器测试

html - 在 html 页面中嵌入视频并使其播放本地驱动器中的任何视频文件

javascript - 如何在 javascript 中显示带有文本框和浏览按钮的弹出窗口?

javascript - React 生命周期的大 O/时间复杂度

java - JDBC 测试套件

ios - 如何设置视频的 UIImagePickerController 方向?