战斗测试API.’s, that’在测试世界中是一个相当常见的任务。现在测试应用程序或网站的前端代码,’有点更新。返回3年前,没有’很多框架要这样做,你有谷物,这并不是那么性感。

但是我们将堆栈越多,我们需要测试此代码的越多。幸运的是,随着当前的前端MVC框架的浪潮来到了一堆工具,可以在我们的工作流程中更好地集成它们。好消息,从来没有那么容易设置你的JavaScript代码的测试。

Jas是什么?

在这里,我们已经知道Grunt帮助我们管理我们的前端堆栈,它有很多插件,它也可以用茉莉捆,轻松处理您的测试。一个简单的 NPM安装Grunt-Contrien-Jasmine 而且你准备好了咕噜咕噜的茉莉花实例’甚至比下载独立的应用程序更容易,想要开始茉莉花? 检查tutotial..

用于运行茉莉花测试,您需要Phantomjs(一个无头WebKit浏览器)。简单的酿造型安装应该让你迷上, Brew安装Phantomjs..

我的新朋友特拉维斯

特拉维斯CI. 是A. 自由(用于开源项目) 连续集成平台。它基本上运行了一堆VM,以获取有关任何语言的所有类型的测试,包括JS。现在有什么很酷的特拉维斯? 2件事,它很容易跑来咕噜声(如2线),&它与GitHub完全集成。

您只需登录Travis,将开关翻转开关您喜欢使用的项目和完成。您的测试将在GitHub中的每次推送时运行,您甚至可以获得一个漂亮的图像,如果您的版本已为您的Readme.md显示。这个 入门指南 shows it better.

把它全部粘在一起

让’S看,使这一切都能从一开始就有多么努力。

1.安装Phantomjs, 酿造更新&&Brew安装Phantomjs.
2.在咕噜声中安装茉莉, NPM安装Grunt-Contrien-Jasmine
3.为Jasmine创建GruntFile中的配置

        jasmine: {
            components: {
              src: [
              'components/*js'
              ],
              options: {
                specs: 'tests/spec/*Spec.js',
                keepRunner : true,
                //helpers: 'test/spec/*.js'
              }
            }

4.在Grunt中创建一个travis任务,以便像Jshint这样多个东西

  grunt.registerTask('travis', [
        'jshint','jasmine'
    ]);

5.将.travis.yml文件添加到您的项目中。

language: node_js
node_js:
  - "0.8"
  - "0.10"
before_install:
  - npm install -g grunt-cli

7.然后将您的Travis任务添加到您的包中.JSON

  "scripts": {
    "test": "grunt travis --verbose"
  }

将该回购推向Github,您的测试应该出现在特拉维斯!在那里,在大约10-20分钟内你只是用测试完全集成了你的项目,现在你只需要写下它们!