Update the step definition to fill form fields of type input Text wit…

…h the provided table according to their labels #148

tests/features/test--when--i-fill-in.feature

@@ -26,7 +26,7 @@ I want to be able to fill input text with value
   Scenario: Check fill in table of input fields
     Given I am on "/test--when--i-fill-in.html"
      When I fill in the following:
-              | #uname | John Smith |
-              | #pword | 1234 |
+              | Username | John Smith |
+              | Password | 1234 |
      When I press "Login" by attr
      Then I should see "You enter Username: John Smith and Password: 1234"

tests/step-definitions/webship.js

@@ -312,21 +312,25 @@ When(/^(I|we)* fill in "([^"]*)?" for "([^"]*)?" by( its)*( "([^"]*)?")* (attrib
 });
 
 /**
- * Fills in form fields with provided table
+ * Fills in form input fields type text with provided table by there labels 
  * Example: When I fill in the following:
- *              | username | webshipco |
- *              | password | 1234 |
- * Example: And I fill in the following"
- *              | username | webshipco |
- *              | password | 1234 |
- *
+ *              | Username | webshipco |
+ *              | Password | 1234 |
  */
+
 When(/^(I|we)* fill in the following:$/, function (pronoundCase, table) {
 
-  browser.setValue(table.rawTable[0][0], table.rawTable[0][1]);
+  var elementField = browser.element.findByText(table.rawTable[0][0]);
+  browser.getAttribute(elementField, 'for', function (eleAttribute) {
+    browser.setValue('#' + eleAttribute.value, table.rawTable[0][1]);
+  });
+
   table.rows().forEach(row => {
-    browser.setValue(row[0], row[1]);
-    // browser.fillTextInput(row[0], row[1]);
+
+    elementField = browser.element.findByText(row[0]);
+    browser.getAttribute(elementField, 'for', function (eleAttribute2) {
+        browser.setValue('#' + eleAttribute2.value, row[1]);
+    });
   });
 });