backbone.js - 向 Backbone.js 应用程序添加功能测试

Question

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

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

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

有什么好方法可以做到这一点？任何人都可以推荐好的实用资源来启动和运行这样的测试吗？

为新手问题道歉。

Answer 1

我最近遇到了同样的问题，Ryan Roemer 的书 Backbone.js 测试 ( http://backbone-testing.com/ ) 是一个很好的起点。

他的过程不是纯粹的 TDD，但他给出了一些不错的提示。

在练习时，我会推荐一个 Yeoman 生成器，例如：

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

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

很好的测试！

Answer 2

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

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

一旦你有 selenium 工作，你可能想要研究验收测试。测试是用简单的英语编写的，使用 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 选择器、最终条件等。