Merge pull request #21 from revjet-qa/wait_not_present_steps

"Wait" and "is not present" steps are added
revjet-qa · Jan 29, 2018 · 764413c · 764413c
2 parents b253334 + fd5d79b
commit 764413c
Show file tree

Hide file tree

Showing 11 changed files with 82 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -14,3 +14,4 @@ downloads
 *~
 .idea
 .vscode
+errorShots/
diff --git a/src/helpers/utils.js b/src/helpers/utils.js
@@ -6,7 +6,19 @@ const _r = function (str, flags) {
     return new RegExp(escapeRegExp(str), flags);
 };
 
+/**
+ * Will look for integers in received string and returns them
+ * @param {string} str - dictionaryObject
+ * @returns {integer}
+ */
+const getInteger = function (str) {
+    const int = parseInt(str.replace(/\D+/g, ''), 10);
+
+    return int;
+};
+
 module.exports = {
     escapeRegExp,
-    _r
+    _r,
+    getInteger
 };
diff --git a/src/steps/then.js b/src/steps/then.js
@@ -16,6 +16,14 @@ module.exports = function () {
 
             browser.$(locator).waitForExist();
         });
+        Then(_r(`^${pageObject} should not be present$`), (object) => {
+            /**
+             * The element should not be present
+             * @type {PageObject}
+             */
+            const locator = getPageObject(object);
 
+            browser.$(locator).waitForExist(null, true);
+        });
     });
 };
diff --git a/src/steps/when.js b/src/steps/when.js
@@ -0,0 +1,23 @@
+/* eslint new-cap: 0 */
+
+const { defineSupportCode } = require('cucumber');
+const { dictionaryObject, getDictionaryObject } = require('../helpers/objects.processor');
+const { _r, getInteger } = require('../helpers/utils');
+
+
+module.exports = function () {
+    defineSupportCode(({ When }) => {
+
+        When(_r(`I wait ${dictionaryObject} ms$`), (timeObject) => {
+            /**
+             * Wait in milliseconds
+             * @type {String}
+             */
+            const timeValue = getDictionaryObject.call(this, timeObject);
+            const time = getInteger(timeValue);
+
+            browser.pause(time);
+        });
+
+    });
+};
diff --git a/test/demo-app/index.html b/test/demo-app/index.html
@@ -2,10 +2,11 @@
 <html lang="en">
     <head>
         <title>DEMO APP FOR THE WDIO-STEPS</title>
-        <link rel="stylesheet" href="styles/styles.css">
-        <script src="inc/script.js"></script>
+        <link rel="stylesheet" href="styles/style.css">
+        <script src="scripts/script.js"></script>
     </head>
     <body>
         <div id="header">Header</div>
+        <div id="div_timeout">This div disappears after 5000 ms</div>
     </body>
 </html>
diff --git a/test/demo-app/scripts/script.js b/test/demo-app/scripts/script.js
@@ -0,0 +1,5 @@
+var timeout = 5000;
+
+setTimeout(function () {
+    document.getElementById('div_timeout').remove();
+}, timeout);
diff --git a/test/demo-app/styles/style.css b/test/demo-app/styles/style.css
@@ -0,0 +1,4 @@
+#div_timeout {
+    color: red;
+    display: block;
+}
diff --git a/test/features/dictionary_objects/values.js b/test/features/dictionary_objects/values.js
@@ -0,0 +1,5 @@
+let e = {};
+
+e.txtTimeout = '500';
+
+module.exports = e;
diff --git a/test/features/page_objects/main.js b/test/features/page_objects/main.js
@@ -1,5 +1,6 @@
 let e = {};
 
 e.txtHeader = '//*[@id="header"]';
+e.divTimeout = '//*[@id="div_timeout"]';
 
 module.exports = e;
diff --git a/test/features/show.hide.timeout.feature b/test/features/show.hide.timeout.feature
@@ -0,0 +1,17 @@
+@Fast
+
+Feature: Present / Not present
+  In order to check steps with appearing/disappearing elements
+  As a developer
+  I want to check that certain value is present and not present after time
+
+  Scenario: Check I write method
+    Given I open "http://localhost:9000"
+    Then txtHeader from main page should be present
+    Then divTimeout from main page should be present
+    When I wait "5000" ms
+    Then divTimeout from main page should not be present
+    Then txtHeader from main page should be present
+    Then I wait txtTimeout from values dictionary ms
+    Then divTimeout from main page should not be present
+    Then txtHeader from main page should be present
diff --git a/test/wdio.conf.js b/test/wdio.conf.js
@@ -190,7 +190,8 @@ exports.config = {
         global.should = chai.should();
 
         global.pages = {
-            main: require('./features/page_objects/main')
+            main: require('./features/page_objects/main'),
+            values: require('./features/dictionary_objects/values')
         };
 
         global.id = {
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,3 +14,4 @@ downloads @@
     *~
     .idea
     .vscode
+    errorShots/