topological-nodered-wdio 0.4.7 → 0.5.0

package/src/element-check.html

@@ -1,91 +1,91 @@
-<script type="text/javascript">
-  RED.nodes.registerType('element-check', {
-    category: 'Webdriver IO',
-    color: '#a6bbcf',
-    defaults: {
-      name: { value: '' },
-      locateUsing: { value: 'xpath' },
-      locateValue: { value: '' },
-      check: { value: 'selected' }
-    },
-    inputs: 1,
-    outputs: 1,
-    icon: 'white-globe.png',
-    label: function() {
-      return this.name || 'element check'
-    }
-  })
-</script>
-
-<script type="text/x-red" data-template-name="element-check">
-  <div class="form-row">
-      <label for="node-input-locateUsing"><i class="fa fa-tasks"></i> Locate Method</label>
-      <select type="text" id="node-input-locateUsing" style="width:70%;">
-          <option value="id">id</option>
-          <option value="name">name</option>
-          <option value="css selector">CSS selector</option>
-          <option value="link text">Link text</option>
-          <option value="partial link text">Partial link text</option>
-          <option value="tag name">Tag name</option>
-          <option value="xpath" selected>XPath</option>
-      </select>
-  </div>
-  <div class="form-row">
-      <label for="node-input-locateValue"><i class="fa fa-tasks"></i> Selector</label>
-      <input id="node-input-locateValue" type="text">
-  </div>
-
-  <div class="form-row">
-      <label for="node-input-check"><i class="fa fa-tasks"></i> Check</label>
-      <select type="text" id="node-input-check" style="width:70%;">
-          <option value="clickable">Is Clickable</option>
-          <option value="displayed">Is Displayed</option>
-          <option value="displayedInView">Is Displayed in Viewport</option>
-          <option value="enabled">Is Enabled</option>
-          <option value="existing">Is Existing</option>
-          <option value="focused">Is Focused</option>
-          <option value="selected">Is Selected</option>
-      </select>
-  </div>
-  <div class="form-row">
-      <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-      <input id="node-input-name" type="text">
-  </div>
-</script>
-
-<script type="text/x-red" data-help-name="element-check">
-  <h3>Selected action of the node performs a target web element inside the browser.</h3>
-  <h3>Inputs</h3>
-        <dl class="message-properties">
-
-          <dt><code>mgs.locateUsing</code>: <span class="property-type">string</span></dt>
-          <dd>specifies the type of web element identifier:
-            <ul>
-                <li>id</li>
-                <li>name</li>
-                <li>CSS selector</li>
-                <li>Link text</li>
-                <li>Partial link text</li>
-                <li>Tag name</li>
-                <li>XPath</li>
-            </ul>
-            <br>
-          </dd>
-          <dt><code>msg.locateValue</code><span class="property-type">string</span></dt>
-          <dd>value passed to the web element identifier (Locate Method)<br></dd>
-
-        </dl>
-
-  <h3>Details</h3>
-  <dl class="message-properties">
-   <p><b>Locate Method</b> specifies the method used to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateUsing</code><br></p>
-   <p><b>Selector</b> value used by the Locate Method to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateValue</code><br></p>
-   <p><b>Check</b> specifies the action to be performed on the target web element. Actions includes:
-        <ul>
-            <li>Is Element Selected</li>
-            <li>Is Element Enabled</li>
-            <li>Is Element Displayed</li>
-        </ul>
-   </p>
-   </dl>
+<script type="text/javascript">
+  RED.nodes.registerType('element-check', {
+    category: 'Webdriver IO',
+    color: '#a6bbcf',
+    defaults: {
+      name: { value: '' },
+      locateUsing: { value: 'xpath' },
+      locateValue: { value: '' },
+      check: { value: 'selected' }
+    },
+    inputs: 1,
+    outputs: 1,
+    icon: 'white-globe.png',
+    label: function() {
+      return this.name || 'element check'
+    }
+  })
+</script>
+
+<script type="text/x-red" data-template-name="element-check">
+  <div class="form-row">
+      <label for="node-input-locateUsing"><i class="fa fa-tasks"></i> Locate Method</label>
+      <select type="text" id="node-input-locateUsing" style="width:70%;">
+          <option value="id">id</option>
+          <option value="name">name</option>
+          <option value="css selector">CSS selector</option>
+          <option value="link text">Link text</option>
+          <option value="partial link text">Partial link text</option>
+          <option value="tag name">Tag name</option>
+          <option value="xpath" selected>XPath</option>
+      </select>
+  </div>
+  <div class="form-row">
+      <label for="node-input-locateValue"><i class="fa fa-tasks"></i> Selector</label>
+      <input id="node-input-locateValue" type="text">
+  </div>
+
+  <div class="form-row">
+      <label for="node-input-check"><i class="fa fa-tasks"></i> Check</label>
+      <select type="text" id="node-input-check" style="width:70%;">
+          <option value="clickable">Is Clickable</option>
+          <option value="displayed">Is Displayed</option>
+          <option value="displayedInView">Is Displayed in Viewport</option>
+          <option value="enabled">Is Enabled</option>
+          <option value="existing">Is Existing</option>
+          <option value="focused">Is Focused</option>
+          <option value="selected">Is Selected</option>
+      </select>
+  </div>
+  <div class="form-row">
+      <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+      <input id="node-input-name" type="text">
+  </div>
+</script>
+
+<script type="text/x-red" data-help-name="element-check">
+  <h3>Selected action of the node performs a target web element inside the browser.</h3>
+  <h3>Inputs</h3>
+        <dl class="message-properties">
+
+          <dt><code>mgs.locateUsing</code>: <span class="property-type">string</span></dt>
+          <dd>specifies the type of web element identifier:
+            <ul>
+                <li>id</li>
+                <li>name</li>
+                <li>CSS selector</li>
+                <li>Link text</li>
+                <li>Partial link text</li>
+                <li>Tag name</li>
+                <li>XPath</li>
+            </ul>
+            <br>
+          </dd>
+          <dt><code>msg.locateValue</code><span class="property-type">string</span></dt>
+          <dd>value passed to the web element identifier (Locate Method)<br></dd>
+
+        </dl>
+
+  <h3>Details</h3>
+  <dl class="message-properties">
+   <p><b>Locate Method</b> specifies the method used to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateUsing</code><br></p>
+   <p><b>Selector</b> value used by the Locate Method to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateValue</code><br></p>
+   <p><b>Check</b> specifies the action to be performed on the target web element. Actions includes:
+        <ul>
+            <li>Is Element Selected</li>
+            <li>Is Element Enabled</li>
+            <li>Is Element Displayed</li>
+        </ul>
+   </p>
+   </dl>
 </script>

package/src/element-check.js

@@ -1,62 +1,62 @@
-const common = require('./wdio-common')
-
-module.exports = function (RED) {
-  function elementCheck(config) {
-    RED.nodes.createNode(this, config)
-    const node = this
-    common.clearStatus(node)
-
-    node.on('input', async (msg) => {
-      try {
-        let locateUsing = config.locateUsing || msg.locateUsing
-        let locateValue = config.locateValue || msg.locateValue
-
-        let browser = await common.getBrowser(node.context())
-        let locator = await common.getLocator(
-          browser,
-          locateUsing,
-          locateValue
-        ) 
-
-        if (config.check === 'clickable') {
-          node.log = `Check the webelement is clickable, identified using ${locateUsing}: "${locateValue}".`
-          msg.payload = await browser.$(locator).isClickable()
-        } else if (config.check === 'displayed') {
-          node.log = `Check the webelement is displayed, identified using ${locateUsing}: "${locateValue}".`
-          msg.payload =  await browser.$(locator).isDisplayed()
-        } else if (config.check === 'displayedInView') {
-          node.log = `Check the webelement is displayed in view port, identified using ${locateUsing}: "${locateValue}".`
-          msg.payload = await browser.$(locator).isDisplayedInViewport()
-        } else if (config.check === 'enabled') {
-          node.log = `Check the webelement is enabled, identified using ${locateUsing}: "${locateValue}".`
-          msg.payload =  await browser.$(locator).isEnabled()
-        } else if (config.check === 'existing') {
-          node.log = `Check the webelement is existing, identified using ${locateUsing}: "${locateValue}".`
-          msg.payload = await browser.$(locator).isExisting()
-        } else if (config.check === 'focused') {
-          node.log = `Check the webelement is focused, identified using ${locateUsing}: "${locateValue}".`
-          msg.payload =  await browser.$(locator).isFocused()
-        } else if (config.check === 'selected') {
-          node.log = `Check the webelement is selected, identified using ${locateUsing}: "${locateValue}".`
-          msg.payload = await browser.$(locator).isSelected()
-        }
-        await common.log(node)
-        common.successStatus(node)
-        node.send(msg)
-      } catch (e) {
-        // if(e.message == 'unable to find'){
-        //   msg.payload = false
-        //   node.log = `Webelement is NOT displayed, identified using ${locateUsing}: "${locateValue}".`
-        //   await common.log(node)
-        //   common.successStatus(node)
-        //   node.send(msg)
-        // }
-        // else{
-          await common.log(node)
-          common.handleError(e, node, msg)
-        }
-      //}
-    })
-  }
-  RED.nodes.registerType('element-check', elementCheck)
-}
+const common = require('./wdio-common')
+
+module.exports = function (RED) {
+  function elementCheck(config) {
+    RED.nodes.createNode(this, config)
+    const node = this
+    common.clearStatus(node)
+
+    node.on('input', async (msg) => {
+      try {
+        let locateUsing = config.locateUsing || msg.locateUsing
+        let locateValue = config.locateValue || msg.locateValue
+
+        let browser = await common.getBrowser(node.context())
+        let locator = await common.getLocator(
+          browser,
+          locateUsing,
+          locateValue
+        ) 
+
+        if (config.check === 'clickable') {
+          node.log = `Check the webelement is clickable, identified using ${locateUsing}: "${locateValue}".`
+          msg.payload = await browser.$(locator).isClickable()
+        } else if (config.check === 'displayed') {
+          node.log = `Check the webelement is displayed, identified using ${locateUsing}: "${locateValue}".`
+          msg.payload =  await browser.$(locator).isDisplayed()
+        } else if (config.check === 'displayedInView') {
+          node.log = `Check the webelement is displayed in view port, identified using ${locateUsing}: "${locateValue}".`
+          msg.payload = await browser.$(locator).isDisplayedInViewport()
+        } else if (config.check === 'enabled') {
+          node.log = `Check the webelement is enabled, identified using ${locateUsing}: "${locateValue}".`
+          msg.payload =  await browser.$(locator).isEnabled()
+        } else if (config.check === 'existing') {
+          node.log = `Check the webelement is existing, identified using ${locateUsing}: "${locateValue}".`
+          msg.payload = await browser.$(locator).isExisting()
+        } else if (config.check === 'focused') {
+          node.log = `Check the webelement is focused, identified using ${locateUsing}: "${locateValue}".`
+          msg.payload =  await browser.$(locator).isFocused()
+        } else if (config.check === 'selected') {
+          node.log = `Check the webelement is selected, identified using ${locateUsing}: "${locateValue}".`
+          msg.payload = await browser.$(locator).isSelected()
+        }
+        await common.log(node)
+        common.successStatus(node)
+        node.send(msg)
+      } catch (e) {
+        // if(e.message == 'unable to find'){
+        //   msg.payload = false
+        //   node.log = `Webelement is NOT displayed, identified using ${locateUsing}: "${locateValue}".`
+        //   await common.log(node)
+        //   common.successStatus(node)
+        //   node.send(msg)
+        // }
+        // else{
+          await common.log(node)
+          common.handleError(e, node, msg)
+        }
+      //}
+    })
+  }
+  RED.nodes.registerType('element-check', elementCheck)
+}

package/src/execute-script.html

@@ -1,92 +1,92 @@
-<script type="text/javascript">
-  RED.nodes.registerType('execute-script', {
-    category: 'Webdriver IO',
-    color: '#a6bbcf',
-    defaults: {
-      name: { value: '' },
-      locateUsing: { value: 'xpath' },
-      locateValue: { value: '' },
-      action: { value: 'sync' },
-      script: { value: '' }
-    },
-    inputs: 1,
-    outputs: 1,
-    icon: 'white-globe.png',
-    label: function() {
-      return this.name || 'execute script'
-    }
-  })
-</script>
-
-<script type="text/x-red" data-template-name="execute-script">
-  <div class="form-row">
-      <label for="node-input-locateUsing"><i class="fa fa-tasks"></i> Locate Method</label>
-      <select type="text" id="node-input-locateUsing" style="width:70%;">
-          <option value="id">id</option>
-          <option value="name">name</option>
-          <option value="css selector">CSS selector</option>
-          <option value="link text">Link text</option>
-          <option value="partial link text">Partial link text</option>
-          <option value="tag name">Tag name</option>
-          <option value="xpath" selected>XPath</option>
-      </select>
-  </div>
-  <div class="form-row">
-      <label for="node-input-locateValue"><i class="fa fa-tasks"></i> Selector</label>
-      <input id="node-input-locateValue" type="text">
-  </div>
-  <div class="form-row">
-      <label for="node-input-action"><i class="fa fa-tasks"></i> Action</label>
-      <select type="text" id="node-input-action" style="width:70%;">
-          <option value="sync">Sync</option>
-          <option value="aSync">Async</option>
-      </select>
-  </div>
-  <div class="form-row">
-      <label for="node-input-script"><i class="fa fa-tasks"></i> Script</label>
-      <input id="node-input-script" type="text" placeholder="javascript in string">
-  </div>
-  <div class="form-row">
-      <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-      <input id="node-input-name" type="text">
-  </div>
-</script>
-
-<script type="text/x-red" data-help-name="execute-script">
-  <h3>Execute javascript commands on a target web element.</h3>
-  <h3>Inputs</h3>
-        <dl class="message-properties">
-
-          <dt><code>mgs.locateUsing</code>: <span class="property-type">string</span></dt>
-          <dd>specifies the type of web element identifier:
-            <ul>
-                <li>id</li>
-                <li>name</li>
-                <li>CSS selector</li>
-                <li>Link text</li>
-                <li>Partial link text</li>
-                <li>Tag name</li>
-                <li>XPath</li>
-            </ul>
-            <br>
-          </dd>
-          <dt><code>msg.locateValue</code><span class="property-type">string</span></dt>
-          <dd>value passed to the web element identifier (Locate Method)<br></dd>
-
-          <dt><code>msg.script</code><span class="property-type">string</span></dt>
-          <dd>This is the script that would run in the context frame; the selected web element(Selector) would be passed as an argument.</dd>
-        </dl>
-
-  <h3>Details</h3>
-   <p><b>Locate Method</b> specifies the method used to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateUsing</code><br></p>
-   <p><b>Selector</b> value used by the Locate Method to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateValue</code><br></p>
-   <p><b>Action</b>
-        <ul>
-            <li>Sync: executes a JavaScript function in the context of the current browsing context. Selector is passed in as an argument. <code>browser.executeScript(script, args)</code></li>
-            <li>Async: inject a snippet of JavaScript into the page for asynchronous execution in the context of the currently selected frame. Selector is passed in as argument/ <code>browser.executeAsyncScript(script, args)</code></li>
-        </ul>
-   </p>
-   <p><b>Script</b> The script that would would run in the context browser<br></p>
-</script>
-
-
+<script type="text/javascript">
+  RED.nodes.registerType('execute-script', {
+    category: 'Webdriver IO',
+    color: '#a6bbcf',
+    defaults: {
+      name: { value: '' },
+      locateUsing: { value: 'xpath' },
+      locateValue: { value: '' },
+      action: { value: 'sync' },
+      script: { value: '' }
+    },
+    inputs: 1,
+    outputs: 1,
+    icon: 'white-globe.png',
+    label: function() {
+      return this.name || 'execute script'
+    }
+  })
+</script>
+
+<script type="text/x-red" data-template-name="execute-script">
+  <div class="form-row">
+      <label for="node-input-locateUsing"><i class="fa fa-tasks"></i> Locate Method</label>
+      <select type="text" id="node-input-locateUsing" style="width:70%;">
+          <option value="id">id</option>
+          <option value="name">name</option>
+          <option value="css selector">CSS selector</option>
+          <option value="link text">Link text</option>
+          <option value="partial link text">Partial link text</option>
+          <option value="tag name">Tag name</option>
+          <option value="xpath" selected>XPath</option>
+      </select>
+  </div>
+  <div class="form-row">
+      <label for="node-input-locateValue"><i class="fa fa-tasks"></i> Selector</label>
+      <input id="node-input-locateValue" type="text">
+  </div>
+  <div class="form-row">
+      <label for="node-input-action"><i class="fa fa-tasks"></i> Action</label>
+      <select type="text" id="node-input-action" style="width:70%;">
+          <option value="sync">Sync</option>
+          <option value="aSync">Async</option>
+      </select>
+  </div>
+  <div class="form-row">
+      <label for="node-input-script"><i class="fa fa-tasks"></i> Script</label>
+      <input id="node-input-script" type="text" placeholder="javascript in string">
+  </div>
+  <div class="form-row">
+      <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+      <input id="node-input-name" type="text">
+  </div>
+</script>
+
+<script type="text/x-red" data-help-name="execute-script">
+  <h3>Execute javascript commands on a target web element.</h3>
+  <h3>Inputs</h3>
+        <dl class="message-properties">
+
+          <dt><code>mgs.locateUsing</code>: <span class="property-type">string</span></dt>
+          <dd>specifies the type of web element identifier:
+            <ul>
+                <li>id</li>
+                <li>name</li>
+                <li>CSS selector</li>
+                <li>Link text</li>
+                <li>Partial link text</li>
+                <li>Tag name</li>
+                <li>XPath</li>
+            </ul>
+            <br>
+          </dd>
+          <dt><code>msg.locateValue</code><span class="property-type">string</span></dt>
+          <dd>value passed to the web element identifier (Locate Method)<br></dd>
+
+          <dt><code>msg.script</code><span class="property-type">string</span></dt>
+          <dd>This is the script that would run in the context frame; the selected web element(Selector) would be passed as an argument.</dd>
+        </dl>
+
+  <h3>Details</h3>
+   <p><b>Locate Method</b> specifies the method used to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateUsing</code><br></p>
+   <p><b>Selector</b> value used by the Locate Method to target the web element. This option can be selected manually from the Properties panel OR it can be received from <code>mgs.locateValue</code><br></p>
+   <p><b>Action</b>
+        <ul>
+            <li>Sync: executes a JavaScript function in the context of the current browsing context. Selector is passed in as an argument. <code>browser.executeScript(script, args)</code></li>
+            <li>Async: inject a snippet of JavaScript into the page for asynchronous execution in the context of the currently selected frame. Selector is passed in as argument/ <code>browser.executeAsyncScript(script, args)</code></li>
+        </ul>
+   </p>
+   <p><b>Script</b> The script that would would run in the context browser<br></p>
+</script>
+
+

package/src/execute-script.js

@@ -1,40 +1,40 @@
-const common = require('./wdio-common')
-
-module.exports = function(RED) {
-  function executeScript(config) {
-    RED.nodes.createNode(this, config)
-    const node = this
-    common.clearStatus(node)
-
-    node.on('input', async (msg) => {
-      try {
-        let locateUsing = config.locateUsing || msg.locateUsing
-        let locateValue = config.locateValue || msg.locateValue
-
-        let browser = await common.getBrowser(node.context())
-        let element = await common.getElement(
-          browser,
-          locateUsing,
-          locateValue
-        )
-
-        let script = config.script || msg.script
-
-        if (config.action === 'sync') {
-          node.log = `Execute synchronous Javascript: "${script}"${element?` By passing the webelement identified using ${locateUsing}: "${locateValue}"`:''}.`
-          await browser.executeScript(script, Array.from(element))
-        } else if (config.action === 'aSync') {
-          node.log = `Execute the asynchronous Javascript: "${script}"${element?` By passing the webelement identified using ${locateUsing}: "${locateValue}"`:''}.`
-          await browser.executeAsyncScript(script, Array.from(element))
-        }
-        await common.log(node)
-        common.successStatus(node)
-        node.send(msg)
-      } catch (e) {
-        await common.log(node)
-        common.handleError(e, node, msg)
-      }
-    })
-  }
-  RED.nodes.registerType('execute-script', executeScript)
-}
+const common = require('./wdio-common')
+
+module.exports = function(RED) {
+  function executeScript(config) {
+    RED.nodes.createNode(this, config)
+    const node = this
+    common.clearStatus(node)
+
+    node.on('input', async (msg) => {
+      try {
+        let locateUsing = config.locateUsing || msg.locateUsing
+        let locateValue = config.locateValue || msg.locateValue
+
+        let browser = await common.getBrowser(node.context())
+        let element = await common.getElement(
+          browser,
+          locateUsing,
+          locateValue
+        )
+
+        let script = config.script || msg.script
+
+        if (config.action === 'sync') {
+          node.log = `Execute synchronous Javascript: "${script}"${element?` By passing the webelement identified using ${locateUsing}: "${locateValue}"`:''}.`
+          await browser.executeScript(script, Array.from(element))
+        } else if (config.action === 'aSync') {
+          node.log = `Execute the asynchronous Javascript: "${script}"${element?` By passing the webelement identified using ${locateUsing}: "${locateValue}"`:''}.`
+          await browser.executeAsyncScript(script, Array.from(element))
+        }
+        await common.log(node)
+        common.successStatus(node)
+        node.send(msg)
+      } catch (e) {
+        await common.log(node)
+        common.handleError(e, node, msg)
+      }
+    })
+  }
+  RED.nodes.registerType('execute-script', executeScript)
+}