Add UI test cases for messages on cookbook (#1562)

test/editor/pageobjects/nodes/core/core/20-inject_page.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var util = require("util");
+
+var nodePage = require("../../node_page");
+
+function injectNode(id) {
+    nodePage.call(this, id);
+}
+
+util.inherits(injectNode, nodePage);
+
+var payloadType = {
+    "flow": 1,
+    "global": 2,
+    "string": 3,
+    "num": 4,
+    "bool": 5,
+    "json": 6,
+    "bin": 7,
+    "date": 8,
+};
+
+injectNode.prototype.setPayload = function(type, value) {
+    // Open a payload type list.
+    browser.clickWithWait('//*[contains(@class, "red-ui-typedInput-container")]');
+    // Select a payload type.
+    var payloadTypeXPath = '//*[@class="red-ui-typedInput-options"]/a[' + payloadType[type] + ']';
+    browser.clickWithWait(payloadTypeXPath);
+    // Input a value.
+    browser.setValue('#node-input-payload', value);
+}
+
+injectNode.prototype.setTopic = function(value) {
+    browser.setValue('#node-input-topic', value);
+}
+
+module.exports = injectNode;

test/editor/pageobjects/nodes/core/core/58-debug_page.js

@@ -14,11 +14,14 @@
  * limitations under the License.
  **/
 
-function clickOk() {
-    browser.click('#node-dialog-ok');
-    browser.pause(300);
+var util = require("util");
+
+var nodePage = require("../../node_page");
+
+function debugNode(id) {
+    nodePage.call(this, id);
 }
 
-module.exports = {
-    clickOk: clickOk,
-};
+util.inherits(debugNode, nodePage);
+
+module.exports = debugNode;

test/editor/pageobjects/nodes/core/logic/15-change_page.js

@@ -0,0 +1,53 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var util = require("util");
+
+var nodePage = require("../../node_page");
+
+function changeNode(id) {
+    nodePage.call(this, id);
+}
+
+util.inherits(changeNode, nodePage);
+
+function setT(rule, index) {
+    browser.selectByValue('//*[@id="node-input-rule-container"]/li[' + index + ']/div/div[1]/select', rule);
+}
+
+changeNode.prototype.ruleSet = function(to, index) {
+    index = index ? index : 1;
+    setT("set", index);
+    browser.setValue('//*[@id="node-input-rule-container"]/li[' + index + ']/div/div[2]/div[2]/div/input', to);
+}
+
+changeNode.prototype.ruleDelete = function(index) {
+    index = index ? index : 1;
+    setT("delete", index);
+}
+
+changeNode.prototype.ruleMove = function(p, to, index) {
+    index = index ? index : 1;
+    setT("move", index);
+    browser.setValue('//*[@id="node-input-rule-container"]/li[' + index + ']/div/div[1]/div/div/input', p);
+    browser.setValue('//*[@id="node-input-rule-container"]/li[' + index + ']/div/div[4]/div[2]/div/input', to);
+}
+
+changeNode.prototype.addRule = function() {
+    browser.clickWithWait('//*[@id="dialog-form"]/div[3]/div/a');
+}
+
+module.exports = changeNode;

test/editor/pageobjects/nodes/core/logic/16-range_page.js

@@ -0,0 +1,38 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var util = require("util");
+
+var nodePage = require("../../node_page");
+
+function rangeNode(id) {
+    nodePage.call(this, id);
+}
+
+util.inherits(rangeNode, nodePage);
+
+rangeNode.prototype.setAction = function(value) {
+    browser.selectByValue('#node-input-action', value);
+}
+
+rangeNode.prototype.setRange = function(minin, maxin, minout, maxout) {
+    browser.setValue('#node-input-minin', minin);
+    browser.setValue('#node-input-maxin', maxin);
+    browser.setValue('#node-input-minout', minout);
+    browser.setValue('#node-input-maxout', maxout);
+}
+
+module.exports = rangeNode;

test/editor/pageobjects/nodes/node_page.js

@@ -14,29 +14,21 @@
  * limitations under the License.
  **/
 
-var icons = {
-    // input
-    "inject": "icons/node-red/inject.png",
-    // output
-    "debug": "icons/node-red/debug.png",
-    // function
-    "change": "icons/node-red/swap.png",
-};
-
-function getIdWithIcon(icon) {
-    //*[name()="image" and @*="icons/node-red/inject.png"]/../..
-    var id = browser.getAttribute('//*[name()="image" and @*="' + icon + '"]/../..', 'id');
-    return id;
-}
-
-function Node(type) {
-    this.id = '//*[@id="' + getIdWithIcon(icons[type]) + '"]';
+function Node(id) {
+    this.id = '//*[@id="' + id + '"]';
 }
 
 Node.prototype.edit = function() {
-    browser.click(this.id);
-    browser.click(this.id);
-    browser.pause(500); // Necessary for headless mode.
+    browser.clickWithWait(this.id);
+    browser.clickWithWait(this.id);
+    // Wait until an edit dialog opens.
+    browser.waitForVisible('#node-dialog-ok', 2000);
+}
+
+Node.prototype.clickOk = function() {
+    browser.clickWithWait('#node-dialog-ok');
+    // Wait untile an edit dialog closes.
+    browser.waitForVisible('#node-dialog-ok', 2000, true);
 }
 
 Node.prototype.connect = function(targetNode) {
@@ -46,7 +38,7 @@ Node.prototype.connect = function(targetNode) {
 }
 
 Node.prototype.clickLeftButton = function() {
-    browser.click(this.id + '/*[@class="node_button node_left_button"]');
+    browser.clickWithWait(this.id + '/*[@class="node_button node_left_button"]');
 }
 
 module.exports = Node;

test/editor/pageobjects/nodes/nodefactory_page.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var injectNode = require('./core/core/20-inject_page');
+var debugNode = require('./core/core/58-debug_page');
+var changeNode = require('./core/logic/15-change_page');
+var rangeNode = require('./core/logic/16-range_page');
+
+var nodeCatalog = {
+    // input
+    "inject": injectNode,
+    // output
+    "debug": debugNode,
+    // function
+    "change": changeNode,
+    "range": rangeNode,
+}
+
+function create(type, id) {
+    var node = nodeCatalog[type];
+    return new node(id);
+}
+
+module.exports = {
+    create: create,
+};

test/editor/pageobjects/util/util_page.js

@@ -0,0 +1,45 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+function init() {
+    browser.addCommand("clickWithWait", function(selector) {
+        browser.waitForVisible(selector);
+        // Wait at most 10 seconds.
+        for (var i = 0; i < 50; i++) {
+            try {
+                var ret = browser.click(selector);
+                return ret;
+            } catch (err) {
+                if (err.message.indexOf('is not clickable') !== -1) {
+                    browser.pause(200);
+                } else {
+                    throw err;
+                }
+            }
+        }
+    }, false);
+
+    browser.addCommand("getTextWithWait", function(selector) {
+        browser.waitForExist(selector);
+        browser.waitForValue(selector);
+        var ret = browser.getText(selector);
+        return ret;
+    }, false);
+}
+
+ module.exports = {
+     init: init,
+ };

test/editor/pageobjects/workspace/debugTab_page.js

@@ -15,17 +15,17 @@
  **/
 
 function open() {
-    browser.click('#red-ui-tab-debug');
+    browser.clickWithWait('#red-ui-tab-debug');
 }
 
-function getMessage() {
-    var debugMessagePath = '//div[@class="debug-content debug-content-list"]//span[contains(@class, "debug-message-type")]';
-    browser.waitForExist(debugMessagePath);
-    return browser.getText(debugMessagePath);
+function getMessage(index) {
+    index = index ? index : 1;
+    var debugMessagePath = '//div[@class="debug-content debug-content-list"]/div[contains(@class,"debug-message")][' + index + ']//span[contains(@class, "debug-message-type")]';
+    return browser.getTextWithWait(debugMessagePath);
 }
 
 function clearMessage() {
-    browser.click('//a[@id="debug-tab-clear"]');
+    browser.clickWithWait('//a[@id="debug-tab-clear"]');
 }
 
 module.exports = {

test/editor/pageobjects/workspace/palette_page.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright JS Foundation and other contributors, http://js.foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var idMap = {
+    // input
+    "inject": "#palette_node_inject",
+    // output
+    "debug": "#palette_node_debug",
+    // function
+    "change": "#palette_node_change",
+    "range": "#palette_node_range",
+};
+
+function getId(type) {
+    return idMap[type];
+}
+
+module.exports = {
+    getId: getId,
+};

test/editor/pageobjects/workspace/workspace_page.js

@@ -14,26 +14,25 @@
  * limitations under the License.
  **/
 
- var when = require('when');
+ var when = require("when");
 
 var events = require("../../../../red/runtime/events.js");
 
-var node = require('./node_page');
-
-var palette = {
-    "inject": "#palette_node_inject",
-    "debug": "#palette_node_debug",
-    "change": "#palette_node_change",
-};
+var palette = require("./palette_page");
+var nodeFactory = require("../nodes/nodefactory_page");
 
 function addNode(type, x, y) {
     var offsetX = x ? x : 0;
     var offsetY = y ? y : 0;
-    browser.moveToObject(palette[type]);
+    browser.moveToObject(palette.getId(type));
     browser.buttonDown();
     browser.moveToObject("#palette-search", offsetX + 300, offsetY + 100); // adjust to the top-left corner of workspace.
     browser.buttonUp();
-    return new node(type);
+    // Last node is the one that has been created right now.
+    var nodeElement = browser.elements('//*[@class="node nodegroup"][last()]');
+    var nodeId = nodeElement.getAttribute('id');
+    var node = nodeFactory.create(type, nodeId);
+    return node;
 }
 
 function deleteAllNodes() {
@@ -49,10 +48,10 @@ function deploy() {
                     resolve();
                 }
             });
-            browser.click('#btn-deploy');
+            browser.clickWithWait('#btn-deploy');
         });
     });
-    browser.pause(500); // Necessary for headless mode.
+    browser.waitForText('#btn-deploy', 2000);
 }
 
 module.exports = {