将功能测试添加到Backbone.js应用程序

Question

如果这个问题不合适，我很抱歉：我是测试驱动开发的新手，尤其是JavaScript。

我有一个有效的Backbone.js应用程序，我想为它添加一些JavaScript测试。但我真的不知道从哪里开始。

具体来说，我想编写传递URL的测试，并检查呈现的页面是否包含特定的DOM元素。 （所以功能测试，而不是单元测试，我想。）

这样做的好方法是什么？任何人都可以推荐好的实用资源来获得这样的测试并运行吗？

为新手问题道歉。

Answer 1

我最近遇到了同样的问题，Ryan Roemer预定Backbone.js Testing（http://backbone-testing.com/）是一个很好的起点。

他的过程不仅仅是TDD，但他提供了一些不错的提示。

在练习时，我会推荐一个Yeoman发电机，如：

• https://github.com/mrichard/generator-marionette（木偶）
• https://github.com/revathskumar/generator-backbone-mocha（Backbone和Mocha）
• https://github.com/richistron/generator-cornelio（业力和骨干）

他们将为您节省一些时间进行设置。此外，如果您使用的是Rails，Konacha https://github.com/jfirebaugh/konacha对我来说非常方便。

良好的测试！

Answer 2

Selenium采用de-factor方式在浏览器中运行功能测试。 Selenium有一个firefox插件，可以记录动作并重放它们。这将是最简单的开始方式。您可以查看Selenium的API文档来编写代码以与浏览器进行交互。

Sause Labs（http://saucelabs.com/docs/quickstart）在云中有selenium非常有用，因此您无需在桌面上打开浏览器窗口并运行测试。 PhantomJS还可以运行“无头”浏览器（它不会在你的计算机上打开一个窗口，只在后台运行）。

一旦你有硒工作，你可能想看看验收测试。测试是用简单的英语使用Gherkin（或类似的）语法编写的，如果有错误，它运行测试和输出报告的函数。

Answer 3

我写了一篇文章，介绍如何使用Selenium进行验收测试http://alex-craft.com/blog/2014/acceptance-testing-for-web-app

工具：WebDriver（Selenium或Phantom.js），wd.js，node.js，mocha.js。

有一个例子说明如何使用有意义的名称而不是CSS选择器，最终条件等。