added helpers.getPseudoElementBeforeValue and helpers.getPseudoElementAfterValue methods

Author: John Doherty

README.MD

@@ -264,6 +264,12 @@ helpers.waitUntilAttributeExists('html', 'data-busy', 5000);
 
 // wait until a HTML attribute no longer exists
 helpers.waitUntilAttributeDoesNotExists('html', 'data-busy', 5000);
+
+// get the content value of a :before pseudo element
+helpers.getPseudoElementBeforeValue('body header');
+
+// get the content value of a :after pseudo element
+helpers.getPseudoElementAfterValue('body header');
 ```
 
 ### Visual Comparison

package.json

@@ -1,6 +1,6 @@
 {
   "name": "selenium-cucumber-js",
-  "version": "1.5.7",
+  "version": "1.5.8",
   "description": "JavaScript browser automation framework using official selenium-webdriver and cucumber-js",
   "main": "index.js",
   "scripts": {

runtime/helpers.js

@@ -215,6 +215,49 @@ module.exports = {
             });
 
         }, timeout, timeoutMessage);
-    }
+    },
+
+    /**
+     * Get the content value of a :before pseudo element
+     * @param {string} cssSelector - css selector of element to inspect
+     * @returns {Promise} executes .then with value
+     * @example
+     *      helpers.getPseudoElementBeforeValue('body header').then(function(value) {
+     *          console.log(value);
+     *      });
+     */
+    getPseudoElementBeforeValue: function(cssSelector) {
 
+        function getBeforeContentValue(qs) {
+
+            var el = document.querySelector(qs);
+            var styles = el ? window.getComputedStyle(el, ':before') : null;
+
+            return styles ? styles.getPropertyValue('content') : '';
+        }
+
+        return driver.executeScript(getBeforeContentValue, cssSelector);
+    },
+
+    /**
+     * Get the content value of a :after pseudo element
+     * @param {string} cssSelector - css selector of element to inspect
+     * @returns {Promise} executes .then with value
+     * @example
+     *      helpers.getPseudoElementAfterValue('body header').then(function(value) {
+     *          console.log(value);
+     *      });
+     */
+    getPseudoElementAfterValue: function(cssSelector) {
+
+        function getAfterContentValue(qs) {
+
+            var el = document.querySelector(qs);
+            var styles = el ? window.getComputedStyle(el, ':after') : null;
+
+            return styles ? styles.getPropertyValue('content') : '';
+        }
+
+        return driver.executeScript(getAfterContentValue, cssSelector);
+    }
 };