如何进行backbone.js UI测试

Question

所以我创建了一个 require.js 和backbone.js（实际上是marionette.js）应用程序，它基本上是某种移动应用程序构建器。

现在我想为它创建测试，基本上是测试这个场景：

• 导航到现有项目，例如 site.com/build/1234
  • 拖动一个组件，检查是否添加正确。
  • 更改组件的属性并查看它们是否正确更新。即：我有一个列出属性的属性面板 选定的组件，而不是例如我有一个属性 是一个选择菜单并更改大小（小、中、大）。我
    应该可以测试一下。

现在我一直在google上搜索，但是由于测试框架太多，我不确定要选择哪个，哪个提供我需要的功能。

可能 PhantomJS 似乎是我可以使用的东西，但是请告诉我一些具体信息。

谢谢。

Answer 1

如果您想实际模拟点击，请查看 selenium (http://docs.seleniumhq.org/projects/webdriver/)

如果您只想测试您的 Backbone 组件（视图、控制器等）和模板是否正常工作，您可以使用 js 测试运行器，例如 Karma (http://karma-runner.github.io/0.12/index.html) 来运行您的测试。 Sinon 也可以为您模拟您的 ajax 调用。它可以使用 PhantomJs 作为渲染引擎，因此您可以实际渲染您的视图，并使用 view.$() 样式的 DOM 检查来验证您的视图的输出。