Introducing Cucumber to Front end developers : http://cucumber.io
Cucumber is oriented to be a BDD (Behaviour Driven Development) testing framework as “jasmine” testing framework. It is generally used in automation of a web application aka functional testing.
Cucumber is popularly used in java programmed automation framework and it is wide popular in using with selenium web-driver component from selenium ecosystem.
Front end developers are currently already got in hold of automation with frameworks like Protractor such as Angular. Now Cucumber also is now in hand with Front end to manage the automation tasks for a web application, by writing automation tasks from a front end knowledge.
I have given a overview of Cucumber targeting Front end developers in below presentation,
Please check it out.
But, Why is testing from cucumber is a front end task :(
Because we know the standard and compliant HTML for the web application to make the tester to trigger actions / automate tasks as expected from a interactive designer with semantic values helping to solve accessibility issues as an example
Cucumber exposes a new syntax from ruby - Gherkin
which looks like as below:
1 2 3 4 5 6 7 8 9 10 11
the red colored syntax in the code snippet is gherkin sugar and the text in blue color are the general human readable content which gives every stakeholder in a project to compose to achieve of his interaction with browser.
the statements after
1 2 3 4
exposes a statement which is defined by front end developer from a step definition (function) in the framework by arguments which you pass as a string and executes the test in it as below :
1 2 3 4 5 6 7 8 9 10
Now any stakeholder can use/reuse write this step in his gherkin as below:
I have created boilerplate for starting up a project with cucumber-js - boilerplate
Hope this helps :)