topological-nodered-wdio 0.5.4 → 1.0.0

package/src/dropdown-action.html

@@ -1,125 +1,125 @@
-<script type="text/javascript">
-  function setDropdownAction() {
-    let action = $('#node-input-action').val()
-    $('#actionText').hide()
-    $('#actionAttr').hide()
-    $('#actionIndex').hide()
-    $('#actionValue').hide()
-    if (action == 'selectByAttr') {
-      $('#actionAttr').show()
-      $('#actionValue').show()
-    }
-    if (action == 'selectByIndex') {
-      $('#actionIndex').show()
-    }
-    if (action == 'selectByText') {
-      $('#actionText').show()
-    }
-  }
-
-  RED.nodes.registerType('dropdown-action', {
-    category: 'Webdriver IO',
-    color: '#a6bbcf',
-    defaults: {
-      name: { value: '' },
-      locateUsing: { value: 'xpath' },
-      locateValue: { value: '' },
-      action: { value: 'selectByAttr' },
-      text: { value: '' },
-      attribute: { value: '' },
-      index: { value: '' },
-      value: { value: '' }
-    },
-    inputs: 1,
-    outputs: 1,
-    icon: 'white-globe.png',
-    label: function () {
-      return this.name || 'dropdown action'
-    },
-    oneditprepare: function () {
-      setDropdownAction()
-    }
-  })
-</script>
-
-<script type="text/x-red" data-template-name="dropdown-action">
-  <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="className">Class 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%;" onchange="setDropdownAction()">
-          <option value="selectByAttr">Select by Attribute</option>
-          <option value="selectByIndex">Select by Index</option>
-          <option value="selectByText">Select by Visual text</option>
-          <option value="getValue">Get Value</option>
-      </select>
-  </div>
-  <div class="form-row" id="actionText">
-      <label for="node-input-text"><i class="fa fa-tasks"></i> Text to Select</label>
-      <input id="node-input-text" type="text">
-  </div>
-  <div class="form-row" id="actionAttr">
-      <label for="node-input-attribute"><i class="fa fa-tasks"></i> Attribute Name</label>
-      <input id="node-input-attribute" type="text">
-  </div>
-  <div class="form-row" id="actionValue">
-      <label for="node-input-value"><i class="fa fa-tasks"></i> Value</label>
-      <input id="node-input-value" type="text">
-  </div>
-  <div class="form-row" id="actionIndex">
-      <label for="node-input-index"><i class="fa fa-tasks"></i> Index</label>
-      <input id="node-input-index" type="text">
-  </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="dropdown-action">
-  <h3>Perform action on a dropdown  selector</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>Class Name</li>
-                <li>Jquery selector</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>
-   <p><b>Locate Method</b> specifies the method used to target the web element/dropdown. 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> specifies the action to be performed on the target dropdown. Actions includes:
-        <ul>
-            <li>Select By Attribute</li>
-            <li>Select By Index</li>
-            <li>Select by Visual text</li>
-            <li>Get Value</li>
-        </ul>
-   </p>
+<script type="text/javascript">
+  function setDropdownAction() {
+    let action = $('#node-input-action').val()
+    $('#actionText').hide()
+    $('#actionAttr').hide()
+    $('#actionIndex').hide()
+    $('#actionValue').hide()
+    if (action == 'selectByAttr') {
+      $('#actionAttr').show()
+      $('#actionValue').show()
+    }
+    if (action == 'selectByIndex') {
+      $('#actionIndex').show()
+    }
+    if (action == 'selectByText') {
+      $('#actionText').show()
+    }
+  }
+
+  RED.nodes.registerType('dropdown-action', {
+    category: 'Webdriver IO',
+    color: '#a6bbcf',
+    defaults: {
+      name: { value: '' },
+      locateUsing: { value: 'xpath' },
+      locateValue: { value: '' },
+      action: { value: 'selectByAttr' },
+      text: { value: '' },
+      attribute: { value: '' },
+      index: { value: '' },
+      value: { value: '' }
+    },
+    inputs: 1,
+    outputs: 1,
+    icon: 'white-globe.png',
+    label: function () {
+      return this.name || 'dropdown action'
+    },
+    oneditprepare: function () {
+      setDropdownAction()
+    }
+  })
+</script>
+
+<script type="text/x-red" data-template-name="dropdown-action">
+  <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="className">Class 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%;" onchange="setDropdownAction()">
+          <option value="selectByAttr">Select by Attribute</option>
+          <option value="selectByIndex">Select by Index</option>
+          <option value="selectByText">Select by Visual text</option>
+          <option value="getValue">Get Value</option>
+      </select>
+  </div>
+  <div class="form-row" id="actionText">
+      <label for="node-input-text"><i class="fa fa-tasks"></i> Text to Select</label>
+      <input id="node-input-text" type="text">
+  </div>
+  <div class="form-row" id="actionAttr">
+      <label for="node-input-attribute"><i class="fa fa-tasks"></i> Attribute Name</label>
+      <input id="node-input-attribute" type="text">
+  </div>
+  <div class="form-row" id="actionValue">
+      <label for="node-input-value"><i class="fa fa-tasks"></i> Value</label>
+      <input id="node-input-value" type="text">
+  </div>
+  <div class="form-row" id="actionIndex">
+      <label for="node-input-index"><i class="fa fa-tasks"></i> Index</label>
+      <input id="node-input-index" type="text">
+  </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="dropdown-action">
+  <h3>Perform action on a dropdown  selector</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>Class Name</li>
+                <li>Jquery selector</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>
+   <p><b>Locate Method</b> specifies the method used to target the web element/dropdown. 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> specifies the action to be performed on the target dropdown. Actions includes:
+        <ul>
+            <li>Select By Attribute</li>
+            <li>Select By Index</li>
+            <li>Select by Visual text</li>
+            <li>Get Value</li>
+        </ul>
+   </p>
 </script>

package/src/dropdown-action.js

@@ -1,50 +1,50 @@
-const common = require('./wdio-common')
-
-module.exports = function(RED) {
-  function dropdownAction(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
-        )
-        let element = await browser.$(locator)
-
-        let text = config.text || msg.text
-        let attribute = config.attribute || msg.attribute
-        let index = config.index || msg.index
-        let value = config.value || msg.value
-
-        if (config.action === 'selectByAttr') {
-          node.log = `Select the dropdown value using Attribute: ${attribute} with Value: ${value}.`
-          await element.selectByAttribute(attribute, value)
-        } else if (config.action === 'selectByIndex') {
-          node.log = `Select the dropdown value using Index: ${index}.`
-          await element.selectByIndex(parseInt(index))
-        } else if (config.action === 'selectByText') {
-          node.log = `Select the dropdown value using Visible text: ${text}.`
-          await element.selectByVisibleText(text)
-        } else if (config.action === 'getValue') {
-          node.log = 'Get selected drop down value.'
-          msg.payload = await element.getValue()
-        }
-        await common.log(node)
-        common.successStatus(node)
-        node.send(msg)
-      } catch (e) {
-        await common.log(node)
-        common.handleError(e, node, msg)
-      }
-    })
-  }
-  RED.nodes.registerType('dropdown-action', dropdownAction)
-}
+const common = require('./wdio-common')
+
+module.exports = function(RED) {
+  function dropdownAction(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
+        )
+        let element = await browser.$(locator)
+
+        let text = config.text || msg.text
+        let attribute = config.attribute || msg.attribute
+        let index = config.index || msg.index
+        let value = config.value || msg.value
+
+        if (config.action === 'selectByAttr') {
+          node.log = `Select the dropdown value using Attribute: ${attribute} with Value: ${value}.`
+          await element.selectByAttribute(attribute, value)
+        } else if (config.action === 'selectByIndex') {
+          node.log = `Select the dropdown value using Index: ${index}.`
+          await element.selectByIndex(parseInt(index))
+        } else if (config.action === 'selectByText') {
+          node.log = `Select the dropdown value using Visible text: ${text}.`
+          await element.selectByVisibleText(text)
+        } else if (config.action === 'getValue') {
+          node.log = 'Get selected drop down value.'
+          msg.payload = await element.getValue()
+        }
+        await common.log(node)
+        common.successStatus(node)
+        node.send(msg)
+      } catch (e) {
+        await common.log(node)
+        common.handleError(e, node, msg)
+      }
+    })
+  }
+  RED.nodes.registerType('dropdown-action', dropdownAction)
+}

package/src/element-action.html

@@ -1,133 +1,133 @@
-<script type="text/javascript">
-  function setAction() {
-    let action = $('#node-input-action').val()
-    $('#actionSendKeys').hide()
-    $('#getAttribute').hide()
-    if (action == 'sendKeys') {
-      $('#actionSendKeys').show()
-    }
-    if (action == 'getAttribute') {
-      $('#getAttribute').show()
-    }
-  }
-
-  RED.nodes.registerType('element-action', {
-    category: 'Webdriver IO',
-    color: '#a6bbcf',
-    defaults: {
-      name: { value: '' },
-      locateUsing: { value: 'xpath' },
-      locateValue: { value: '' },
-      action: { value: 'click' },
-      sendKeys: {
-        value: '',
-        validate: RED.validators.typedInput('object')
-      },
-      object: { value: '' },
-      attribute: { value: '' }
-    },
-    inputs: 1,
-    outputs: 1,
-    icon: 'white-globe.png',
-    label: function() {
-      return this.name || 'element action'
-    },
-    oneditprepare: function() {
-      setAction()
-      $('#node-input-sendKeys').typedInput({
-        default: 'str',
-        typeField: $('#node-input-object'),
-        types: ['msg', 'flow', 'global', 'str']
-      })
-    }
-  })
-</script>
-
-<script type="text/x-red" data-template-name="element-action">
-  <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%;" onchange="setAction()">
-          <option value="click">Click</option>
-          <option value="clear">Clear</option>
-          <option value="sendKeys">Send Keys</option>
-          <option value="getValue">Get Value</option>
-          <option value="getText">Get Text</option>
-          <option value="getAttribute">Get Attribute</option>
-          <option value="takeScreenShot">Element Screenshot</option>
-          <option value="hover">Hover</option>
-      </select>
-  </div>
-  <div class="form-row" id="actionSendKeys">
-      <label for="node-input-sendKeys"><i class="fa fa-tasks"></i> Text to Send</label>
-      <input type="text" id="node-input-sendKeys" style="width:70%">
-      <input type="hidden" id="node-input-object">
-  </div>
-  <div class="form-row" id="getAttribute">
-      <label for="node-input-attribute"><i class="fa fa-tasks"></i>Attribute Name</label>
-      <input id="node-input-attribute" type="text">
-  </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-action">
-  <h3>Perform a list of actions 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.value</code><span class="property-type">string</span></dt>
-          <dd>If you elect to SendKeys to the web element, this is the value that would be sent</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> specifies the action to be performed on the target web element. Actions includes:
-        <ul>
-            <li>Click</li>
-            <li>Clear</li>
-            <li>Send Keys</li>
-            <li>Get Value</li>
-            <li>Get Text</li>
-            <li>Get Attribute</li>
-            <li>Element Screenshot</li>
-            <li>Hover</li>
-        </ul>
-   </p>
-   <p><b>Text to Send</b> if the Send Keys action is selected, this value would send the text to the selected web element.<br></p>
-</script>
+<script type="text/javascript">
+  function setAction() {
+    let action = $('#node-input-action').val()
+    $('#actionSendKeys').hide()
+    $('#getAttribute').hide()
+    if (action == 'sendKeys') {
+      $('#actionSendKeys').show()
+    }
+    if (action == 'getAttribute') {
+      $('#getAttribute').show()
+    }
+  }
+
+  RED.nodes.registerType('element-action', {
+    category: 'Webdriver IO',
+    color: '#a6bbcf',
+    defaults: {
+      name: { value: '' },
+      locateUsing: { value: 'xpath' },
+      locateValue: { value: '' },
+      action: { value: 'click' },
+      sendKeys: {
+        value: '',
+        validate: RED.validators.typedInput('object')
+      },
+      object: { value: '' },
+      attribute: { value: '' }
+    },
+    inputs: 1,
+    outputs: 1,
+    icon: 'white-globe.png',
+    label: function() {
+      return this.name || 'element action'
+    },
+    oneditprepare: function() {
+      setAction()
+      $('#node-input-sendKeys').typedInput({
+        default: 'str',
+        typeField: $('#node-input-object'),
+        types: ['msg', 'flow', 'global', 'str']
+      })
+    }
+  })
+</script>
+
+<script type="text/x-red" data-template-name="element-action">
+  <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%;" onchange="setAction()">
+          <option value="click">Click</option>
+          <option value="clear">Clear</option>
+          <option value="sendKeys">Send Keys</option>
+          <option value="getValue">Get Value</option>
+          <option value="getText">Get Text</option>
+          <option value="getAttribute">Get Attribute</option>
+          <option value="takeScreenShot">Element Screenshot</option>
+          <option value="hover">Hover</option>
+      </select>
+  </div>
+  <div class="form-row" id="actionSendKeys">
+      <label for="node-input-sendKeys"><i class="fa fa-tasks"></i> Text to Send</label>
+      <input type="text" id="node-input-sendKeys" style="width:70%">
+      <input type="hidden" id="node-input-object">
+  </div>
+  <div class="form-row" id="getAttribute">
+      <label for="node-input-attribute"><i class="fa fa-tasks"></i>Attribute Name</label>
+      <input id="node-input-attribute" type="text">
+  </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-action">
+  <h3>Perform a list of actions 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.value</code><span class="property-type">string</span></dt>
+          <dd>If you elect to SendKeys to the web element, this is the value that would be sent</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> specifies the action to be performed on the target web element. Actions includes:
+        <ul>
+            <li>Click</li>
+            <li>Clear</li>
+            <li>Send Keys</li>
+            <li>Get Value</li>
+            <li>Get Text</li>
+            <li>Get Attribute</li>
+            <li>Element Screenshot</li>
+            <li>Hover</li>
+        </ul>
+   </p>
+   <p><b>Text to Send</b> if the Send Keys action is selected, this value would send the text to the selected web element.<br></p>
+</script>