Added Mammoth Workwear example test which demonstrates clicking items in hover menu and navigating to product detail page and comparing title

Author: John Doherty

features/buy-workwear.feature

@@ -0,0 +1,9 @@
+@workwear
+Feature: Shop for Workwear
+  I can search for and buy workwear
+  
+  Scenario: View product detail
+    Given I am on the Mammoth Workwear home page
+    When I click navigation item "Safety Boots"
+    And I click product item "Timberland Pro Euro Hiker 2G Safety Boots"
+    Then I should see product detail with title "Timberland Pro Euro Hiker 2G Safety Boots"

page-objects/mammoth-workwear.js

@@ -0,0 +1,26 @@
+module.exports = {
+
+    url: 'http://mammothworkwear.com',
+
+    elements: {
+        menuItem: 'nav[role="navigation"] ul li a',
+        productItem: 'main .pitem a'
+    },
+
+    clickNavigationItem: function(containingText) {
+
+        return helpers.clickHiddenElement(page.mammothWorkwear.elements.menuItem, containingText);
+    },
+
+    clickProductItem: function(containingText) {
+
+        return helpers.clickHiddenElement(page.mammothWorkwear.elements.productItem, containingText);
+    },
+
+    titleContains: function(expectedTitle) {
+
+        return driver.getTitle(function(pageTitle) {
+            expect(pageTitle).to.contain(expectedTitle);
+        });
+    }
+};

step-definitions/buy-workwear-steps.js

@@ -0,0 +1,33 @@
+module.exports = function () {
+
+    this.Given(/^I am on the Mammoth Workwear home page$/, function (done) {
+
+        // load google
+        helpers.loadPage(page.mammothWorkwear.url).then(function(){
+            done();
+        });
+    });
+
+    this.When(/^I click navigation item "([^"]*)"$/, function (linkTitle, done) {
+
+        // click an item in the search results via the google page object
+        page.mammothWorkwear.clickNavigationItem(linkTitle).then(function(){
+            done();
+        });
+    });
+
+    this.Then(/^I click product item "([^"]*)"$/, function (productTitle, done) {
+
+        // click an item in the search results via the google page object
+        page.mammothWorkwear.clickProductItem(productTitle).then(function(){
+            done();
+        });
+    });
+
+    this.Then(/^I should see product detail with title "([^"]*)"$/, function (pageTitle, done) {
+
+        page.mammothWorkwear.titleContains(pageTitle).then(function(){
+            done();
+        });
+    });
+};