Update the fill input text function to be by label instead of a speci…

…fic attribute #142

examples/test--then--i-should--not--see-text-in-element.html

@@ -32,10 +32,10 @@
   <h1>Login</h1>
 
   <div class="container">
-    <p><label for="uname"><b>Username</b></label></p>
+    <p><label for="uname">Username</label></p>
     <p><input id="uname" class="unamecss" type="text" placeholder="Enter Username" name="username"></p>
 
-    <p><label for="pword"><b>Password</b></label></p>
+    <p><label for="pword">Password</label></p>
     <p><input id="pword" class="pwordcss" type="password" placeholder="Enter Password" name="password"></p>
 
     <p><input id="reset" type="reset" value="Reset" /><input id="btnLogin" class="btnLogin" name="btnLogin" type="button" value="Login" onclick="onClick()" /></p>

examples/test--then--i-should--see-text-in-element.html

@@ -32,10 +32,10 @@
   <h1>Login</h1>
 
   <div class="container">
-    <p><label for="uname"><b>Username</b></label></p>
+    <p><label for="uname">Username</label></p>
     <p><input id="uname" class="unamecss" type="text" placeholder="Enter Username" name="username"></p>
 
-    <p><label for="pword"><b>Password</b></label></p>
+    <p><label for="pword">Password</label></p>
     <p><input id="pword" class="pwordcss" type="password" placeholder="Enter Password" name="password"></p>
 
     <p><input id="reset" type="reset" value="Reset" /><input id="btnLogin" class="btnLogin" name="btnLogin" type="button" value="Login" onclick="onClick()" /></p>

examples/test--when--i-fill-in.html

@@ -32,10 +32,10 @@
   <h1>Login</h1>
 
   <div class="container">
-    <p><label for="uname"><b>Username</b></label></p>
+    <p><label for="uname">Username</label></p>
     <p><input id="uname" class="unamecss" type="text" placeholder="Enter Username" name="username"></p>
 
-    <p><label for="pword"><b>Password</b></label></p>
+    <p><label for="pword">Password</label></p>
     <p><input id="pword" class="pwordcss" type="password" placeholder="Enter Password" name="password"></p>
 
     <p><input id="btnLogin" class="btnLogin" name="btnLogin" type="button" value="Login" onclick="onClick()"></p>

tests/features/test--then--i-should--not--see-text-in-element.feature

@@ -4,14 +4,14 @@ Feature: An example to test whether an element contains a certain text or not
 
   Scenario: Check an element if it contains a specific text
     Given I am on "/test--then--i-should--not--see-text-in-element.html"
-    And I fill in "#uname" with "user1"
-    And I fill in "#pword" with "1234"
+    When I fill in "Username" with "user1"
+    And I fill in "Password" with "1234"
     Then I should see "user1" in the "#uname" element
     When I fill in "#uname" with:
     And I fill in "#pword" with:
     Then I should not see "user1" in the "#uname" element
 
   Scenario: Check an element if it does not contain a specific text
     Given I am on "/test--then--i-should--not--see-text-in-element.html"
-    And I fill in "#uname" with "user2"
+    And I fill in "Username" with "user2"
     Then I should not see "user1" in the "#uname" element

tests/features/test--then--the-field-should-contain-value.feature

@@ -4,8 +4,8 @@ Feature: An example to test if the field contains certain value
 
   Scenario: Check field if has a particular value or not
     Given I am on "/test--then--i-should--not--see-text-in-element.html"
-    And I fill in "#uname" with "user1"
+    And I fill in "Username" with "user1"
     Then the "#uname" field should contain "user1" 
     When I press "Reset" by attr
-    And I fill in "#uname" with "user2"
+    And I fill in "Username" with "user2"
     Then the "#uname" field should not contain "user1"

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

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

tests/step-definitions/webship.js

@@ -192,7 +192,10 @@ When(/^(I|we)* reload the page$/, function (pronoundCase) {
  *
  */
 When(/^(I|we)* fill in "([^"]*)?" with "([^"]*)?"$/, function (pronoundCase, field, value) {
-  browser.setValue(field, value);
+  const elementField = browser.element.findByText(field);
+  browser.getAttribute(elementField, 'for', function (eleAttribute) {
+    return browser.setValue('#' + eleAttribute.value, value);
+  });
 });
 
 /**