Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

86 lines (70 sloc) 2.45 KB
<!doctype html>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link href="example.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="vendor/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/cucumber.js"></script>
<script type="text/javascript" src="/example.js"></script>
<h1><a href="">Cucumber.js</a> demo</h1>
<p>Find more on the <a href="">Cucumber.js repository</a>.</p>
<h2>Feature source</h2>
<textarea id="feature">Feature: Simple maths
In order to do maths
As a developer
I want to increment variables
Scenario: easy maths
Given a variable set to 1
When I increment the variable by 1
Then the variable should contain 2
Scenario: much more complex stuff
Given a variable set to 100
When I increment the variable by 6
Then the variable should contain 106</textarea>
<h2>Step definitions</h2>
<textarea id="step-definitions">///// Your World /////
// Provide a custom World constructor. It's optional, a default one is supplied.
this.World = function(callback) {
// Define your World!
this.World.prototype.variable = 0;
this.World.prototype.setTo = function(number) {
this.variable = parseInt(number);
this.World.prototype.incrementBy = function(number) {
this.variable += parseInt(number);
///// Your step definitions /////
// use this.Given(), this.When() and this.Then() to declare step definitions
// Alternatively you can use this.defineStep and even use it
// like this:
var Given = When = Then = this.defineStep;
Given(/^a variable set to (\d+)$/, function(number, callback) {
When(/^I increment the variable by (\d+)$/, function(number, callback) {
Then(/^the variable should contain (\d+)$/, function(number, callback) {
if (this.variable != parseInt(number)) Error('Variable should contain ' + number +
' but it contains ' + this.variable + '.'));
<p><button id="run-feature">Run feature</button></p>
<div id="output" class="cucumber-report"></div>
<div id="errors-container">
<pre id="errors"></pre>
Jump to Line
Something went wrong with that request. Please try again.