Add a step definition when I press value by the attribute name #140

webship · Jul 7, 2024 · 0aee378 · 0aee378
1 parent 12a3155
commit 0aee378
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 4 deletions.
diff --git a/examples/test--when--i-press-button.html b/examples/test--when--i-press-button.html
@@ -22,7 +22,10 @@
 <body>
   <h1>Press Button</h1>
   <div id="result" class="style"></div><br/>
-  <label for="btnClickid">Press button</label>
-  <input id="btnClickid" class="btnClickclass" name="btnClickname" type="button" value="Submit" onclick="onClick()">
+  <label for="btn-pressID">Press button</label>
+  <button id="btn-pressID" class="btn-pressclass" name="btn-pressname"  onclick="onClick()">Button</button>
+
+  <input type="submit" id="submit-pressID" class="submit-pressclass" name="submit-pressname" value="Submit"  onclick="onClick()" />
+
 </body>
 </html>
diff --git a/nightwatch.conf.js b/nightwatch.conf.js
@@ -23,7 +23,7 @@ module.exports = {
 
   test_settings: {
     default: {
-      launch_url: 'http://localhost/products/webship-js/examples',
+      launch_url: 'http://localhost:8080',
       selenium_port: 4444,
       selenium_host: '127.0.0.1',
       silent: true,

diff --git a/tests/features/test--when--i-press-button-by-attribute.feature b/tests/features/test--when--i-press-button-by-attribute.feature
@@ -0,0 +1,15 @@
+Feature: An example to press a button
+
+  As a tester
+  I want to be able to press a button
+
+  Scenario: Verify clicking a button using its ID attribute.
+    Given I am on "/test--when--i-press-button.html"
+    When I press "btn-pressID" by "id" attr
+    Then I should see "Button Pressed Successfully"
+
+  Scenario: Verify that you can click a button using its default name attribute.
+    Given I am on "/test--when--i-press-button.html"
+    When I press "btn-pressname" by attr
+    Then I should see "Button Pressed Successfully"
+
diff --git a/tests/step-definitions/webship.js b/tests/step-definitions/webship.js
@@ -107,7 +107,29 @@ When(/^(I|we)* move backward one page$/, function (pronoundCase) {
  *
  */
 When(/^(I|we)* press "([^"]*)?"$/, function (pronoundCase, element) {
-  browser.click('[value="' + element + '"]');
+  browser.element.findByText(element).click();
+});
+
+/**
+ * Presses button with specified element
+ * Example: When I press "btn-pressID" by attr
+ * Example: When I press "btn-pressID" by attribute
+ * Example: And I press "Your full name" by "placeholder" attribute
+ * Example: And I press "Your full name" by its "placeholder" attribute
+ * Example: And I press "save-name" by "data-drupal-selector" attr
+ *
+ */
+When(/^(I|we)* press "([^"]*)?" by( its)*( "([^"]*)?")* (attribute|attr)$/, function (pronoundCase, attrValue, itsCase, attr, attrCase) {
+
+  var selector = '';
+  if (!attr){
+    selector = attrValue + ',#' + attrValue + ',.' + attrValue + ',[name=' + attrValue + "],[value=" + attrValue + "]";
+  }
+  else {
+    selector = '[' + attr + '="' + attrValue + '"]';
+  }
+
+  browser.click(selector);
 });
 
 /**