• Cucumber.js如何工作
    • Cucumber的历史
    • Cucumber.js
    • Cucumber.js的安装和使用步骤

    Cucumber.js如何工作

    自从行为驱动开发的(BDD)从2003年提出依赖，已有多个实现，Cucumber是其中最流行的一个，我们就以Cucumber为例，介绍BDD的工作原理。

    Cucumber是用简单的语言编写的自动化测试工具。因为它们是用简单的语言编写的，所以你团队中的任何人都可以阅读它们。因为任何人都可以阅读它们，所以可以用它们来帮助改善团队之间的沟通，协作和信任。

    Cucumber的历史

    Cucumber是一个基于BDD的测试框架，它能够帮助团队使用业务上的语言对软件系统的行为进行测试。同单元测试相比，Cucumber的测试更多关注的是业务级别的行为，因此非开发人员、业务专家或者客户能够容易的参与，从而保证软件系统的行为切实符合业务需求。

    同时，通过Cucumber的测试，开发人员也能更正确、清晰的理解业务需求，保证开发出来的系统满足客户的期望。由于Cucumber采用几乎近于自然语言的方式描述了软件的行为过程，因此可以直接作为软件的需求文档，也可以直接作为测试或者系统验收的标准文档。 这种方式也淋漓尽致的体现了敏捷的思想：代码即是最有效的文档。

    Cucumber于2009年出生在Ruby的世界，并在那里成长并成熟。对于Ruby开发者，有些使用Cucumber作为测试工具，但忽略了在当时还显得不太重要的协作目的。他们中的许多人觉得这种额外的一层翻译反倒更麻烦，还需要通过正则表达式匹配步骤文本。为什么直接不用简单的编程语言来代替？

    事实上，用简单的英语写测试本身没有多大意义。如果你关心的是测试，你最好直接使用Ruby，JavaScript或任何你喜欢的编程语言。

    行为驱动的特点是有助于沟通。在日常人类语言中写下例子（即场景）的目的是为了让事情更清楚，减少歧义，最重要的是鼓励开发人员，测试人员，业务专家和参与项目的任何其他人之间的对话。这让每个人都能就我们正在建设的事情达成一致，什么是正确的事情。

    使用Cucumber自动化这些场景是第二阶段的一个步骤。自动化的场景可以用来反复验证你的应用，例如自动化场景将用作回归测试。所以，Cucumber不光能保证做正确的事，而且能保证将事情做正确。

    现在，Cucumber有很多种语言的实现版本，例如 Java、Ruby、.NET、JavaScript等。

    Cucumber.js

    Cucumber.js是Cucumber的JavaScript实现，可以在Node.js（4及更高版本）和现代 Web浏览器上运行。

    越来越多的人用JavaScript开发它们的应用，不光是Web应用，还包括桌面应用。相比Ruby，Cucumber.js更受到广大开发人员的青睐。你如果是程序员，你是喜欢用同一种编程语言完成所有的开发，还是愿意用一种编程语言(如JavaScript)开发应用，用另一种语言(Ruby)写测试脚本？现在全栈工程师非常受欢迎，JavaScript就是一种全栈开发语言。相应的，Cucumber.js也变得越来越流行。

    随着Cucumber进入JavaScript领域，行为驱动的概念、实践和技术也进入一个崭新的世界。

    当前版本的CukeTest支持以下Cucumber版本:

    • Cucumber.js 5.x

    一般而言，用户不需要查看Cucumber.js的源码，但感兴趣的同学可以在github上去下载源码。Cucumber.js的源码可以在https://github.com/cucumber/cucumber-js下载。

    Cucumber.js的安装和使用步骤

    Cucumber.js 只需要在安装好Node.js后，再下载"cucumber"依赖包就可以使用了。

    具体可以根据以下步骤安装:

    • 安装Node.js
    • 创建一个目录，如"math"
    • 命令行转到"math"的目录下，执行"npm init"，连续按回车，接受缺省值。

    • 命令行继续运行"npm install cucumber chai —save"，来安装Cucumber.js和下面脚本依赖的断言包chai。

    • 在"math"目录下创建"features"目录，在下面创建"simple_math.feature"文件，并输入如下内容：

    1. # features/simple_math.feature
    2. Feature: Simple maths
    3. In order to do maths
    4. As a developer
    5. I want to increment variables
    7. Scenario: easy maths
    8.  Given a variable set to 1
    9.  When I increment the variable by 1
    10.  Then the variable should contain 2
    12. Scenario Outline: much more complex stuff
    13.  Given a variable set to <var>
    14.  When I increment the variable by <increment>
    15.  Then the variable should contain <result>
    17.  Examples:
    18.    | var | increment | result |
    19.    | 100 |         5 |    105 |
    20.    |  99 |      1234 |   1333 |
    21.    |  12 |         5 |     17 |

    • 在features目录下创建"support"目录，并在下面创建world.js和steps.js这两个文件：

      • world.js
    1. // features/support/world.js
    2. const { setWorldConstructor } = require('cucumber')
    4. class CustomWorld {
    5.  constructor() {
    6.    this.variable = 0
    7.  }
    9.  setTo(number) {
    10.    this.variable = number
    11.  }
    13.  incrementBy(number) {
    14.    this.variable += number
    15.  }
    16. }
    18. setWorldConstructor(CustomWorld)
    • steps.js
    1. // features/support/steps.js
    2. const { Given, When, Then } = require('cucumber')
    3. const { expect } = require('chai')
    5. Given('a variable set to {int}', function(number) {
    6.  this.setTo(number)
    7. })
    9. When('I increment the variable by {int}', function(number) {
    10.  this.incrementBy(number)
    11. })
    13. Then('the variable should contain {int}', function(number) {
    14.  expect(this.variable).to.eql(number)
    15. })
    • 验证生成的目录是如下结构：
    1. math
    2. └─features
    3.   ├─step_definitions
    4.   │  └steps.js
    5.   └─support
    6.       └world.js
    • 命令行回到"math"目录下，运行./node_modules/.bin/cucumber-js

    注意：如果你用CukeTest开发上述的测试脚本，则不需要安装Cucumber.js，因为CukeTest已经内置了Cucumber.js，你只需在CukeTest中打开"math"目录，并按照目录结构创建上面第5步和第6步的文件，就可以在界面中执行了。