@winning-test/component 0.0.102 → 0.0.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winning-test/component",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "description": "",
   "main": "",
   "scripts": {

package/rfds5.6/component/BlockComponent.js

@@ -0,0 +1,264 @@
+/**
+ * 块组件类
+ * @作者 MaoJJ
+ */
+class BlockComponent extends require("./Component") {
+
+    /**
+     * 块组件
+     * @param {Browser} browser 
+     * @param {String} xpath xpath
+     */
+    constructor(browser, xpath) {
+        super(browser);
+        this.xpath = xpath;
+    }
+
+    _createXpath() {
+        return this.xpath;
+    }
+
+    /**
+     * 获取块组件
+     * @param {String} id id
+     * @param {String} xpath xpath
+     * @returns 块组件
+     */
+    blockComponent(id, xpath) {
+        let that = this;
+        class _BlockComponent extends BlockComponent {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new _BlockComponent(this.browser, id, xpath);
+    }
+
+    /**
+     * 获取按钮组件
+     * @param {String} text 文本
+     * @returns 按钮组件
+     */
+    buttonComponent(text) {
+        let that = this;
+        class ButtonComponent extends require("./ButtonComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new ButtonComponent(this.browser, text);
+    }
+
+    /**
+     * 获取复选框组件
+     * @param {String} label 标签
+     * @returns 复选框组件
+     */
+    checkboxComponent(label) {
+        let that = this;
+        class CheckboxComponent extends require("./CheckboxComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new CheckboxComponent(this.browser, label);
+    }
+
+    /**
+     * 获取画图板组件
+     * @returns 画图板组件
+     */
+    canvasComponent() {
+        let that = this;
+        class CanvasComponent extends require("./CanvasComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new CanvasComponent(this.browser);
+    }
+
+    /**
+     * 获取对话框组件
+     * @param {String} title 标题
+     * @returns 对话框组件
+     */
+    dialogComponent(title) {
+        let that = this;
+        class DialogComponent extends require("./DialogComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new DialogComponent(this.browser, title);
+    }
+
+    /**
+     * 获取输入框组件
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     * @returns 输入框组件
+     */
+    inputComponent(placeholder, label) {
+        let that = this;
+        class InputComponent extends require("./InputComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new InputComponent(this.browser, placeholder, label);
+    }
+
+
+    /**
+     * 获取列表组件
+     * @returns 列表组件
+     */
+    listComponent() {
+        let that = this;
+        class ListComponent extends require("./ListComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new ListComponent(this.browser);
+    }
+
+    /**
+     * 获取复合列表组件
+     * @returns 列表组件
+     */
+    listCompositeComponent() {
+        let that = this;
+        class ListCompositeComponent extends require("./ListCompositeComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new ListCompositeComponent(this.browser);
+    }
+
+    /**
+     * 获取消息组件
+     * @param {Stirng} text 文本
+     * @returns 消息组件
+     */
+    messageComponent(text) {
+        let that = this;
+        class MessageComponent extends require("./MessageComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new MessageComponent(this.browser, text);
+    }
+
+    /**
+     * 获取单选组件
+     * @param {Stirng} label 标签
+     * @returns 单选组件
+     */
+    radioComponent(label) {
+        let that = this;
+        class RadioComponent extends require("./RadioComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new RadioComponent(this.browser, label);
+    }
+
+    /**
+     * 获取选择器组件
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     * @returns 选择器组件
+     */
+    selectComponent(placeholder, label, forceMulti) {
+        let that = this;
+        class SelectComponent extends require("./SelectComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new SelectComponent(this.browser, placeholder, label, forceMulti);
+    }
+
+    /**
+     * 获取复合选择器组件
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     * @returns 选择器组件
+     */
+    selectCompositeComponent(placeholder, label) {
+        let that = this;
+        class SelectCompositeComponent extends require("./SelectCompositeComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new SelectCompositeComponent(this.browser, placeholder, label);
+    }
+
+    /**
+     * 获取开关组件
+     * @param {String} label 标签
+     * @returns 开关组件
+     */
+    switchComponent(label) {
+        let that = this;
+        class SwitchComponent extends require("./SwitchComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new SwitchComponent(this.browser, label);
+    }
+
+    /**
+     * 获取表格组件
+     * @returns 表格组件
+     */
+    tableComponent() {
+        let that = this;
+        class TableComponent extends require("./TableComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new TableComponent(this.browser);
+    }
+
+    /**
+     * 获取多行文本输入组件
+     * @param {String} textarea 多行文本输入
+     * @returns 多行文本输入组件
+     */
+    textareaComponent(placeholder, label) {
+        let that = this;
+        class TextareaComponent extends require("./TextareaComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new TextareaComponent(this.browser, placeholder, label);
+    }
+
+    /**
+     * 获取文本组件
+     * @param {String} text 文本
+     * @returns 文本组件
+     */
+    textComponent(text) {
+        let that = this;
+        class TextComponent extends require("./TextComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new TextComponent(this.browser, text);
+    }
+
+}
+
+module.exports = BlockComponent;

package/rfds5.6/component/ButtonComponent.js

@@ -0,0 +1,23 @@
+/**
+ * 按钮组件类
+ * @作者 MaoJJ
+ */
+class ButtonComponent extends require("./Component") {
+
+    /**
+     * 按钮组件
+     * @param {Browser} browser 浏览器
+     * @param {String} text 文本
+     */
+    constructor(browser, text) {
+        super(browser);
+        this.text = text;
+    }
+
+    _createXpath() {
+        return `//*[normalize-space(text())='${this.text}']/ancestor-or-self::button`;
+    }
+
+}
+
+module.exports = ButtonComponent;

package/rfds5.6/component/CanvasComponent.js

@@ -0,0 +1,36 @@
+/**
+ * 画图板组件类
+ * @作者 MaoJJ
+ */
+class CanvasComponent extends require("./Component") {
+
+    /**
+     * 画图板组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createXpath() {
+        return "//canvas";
+    }
+
+    /**
+     * 随便画个圆，想画别的可以用js自己定制。
+     */
+    async draw() {
+        let script = `let canvas = arguments[0];
+        let ctx = canvas.getContext("2d");
+        ctx.fillStyle = "black";
+        ctx.beginPath();
+        ctx.arc(100, 100, 50, 0, Math.PI * 2);
+        ctx.lineWidth = 5;
+        ctx.stroke();`;
+        let webElement = (await this.browser.findElement(this.getXpath())).webElement;
+        await this.browser.webDriver.executeScript(script, webElement);
+    }
+
+}
+
+module.exports = CanvasComponent;

package/rfds5.6/component/CheckboxComponent.js

@@ -0,0 +1,53 @@
+/**
+ * 复选框组件类
+ * @作者 MaoJJ
+ */
+class CheckboxComponent extends require("./Component") {
+
+    /**
+     * 复选框组件
+     * @param {Browser} browser 浏览器
+     * @param {String} label 标签
+     */
+    constructor(browser, label) {
+        super(browser);
+        this.label = label;
+    }
+
+    _createXpath() {
+        if (this.label) {
+            return `//*[normalize-space(text())='${this.label}']/..//input[@type='checkbox']`;
+        }
+        return "//input[@type='checkbox']";
+    }
+
+    /**
+     * 选择
+     */
+    async select() {
+        if (!(await (await this.browser.findElement(this.getXpath())).isSelected())) {
+            await (await this.browser.findElement(this.getXpath())).click();
+            await this.browser.sleep(CheckboxComponent.delayTime);
+        }
+    }
+
+    /**
+     * 取消选择
+     */
+    async unselect() {
+        if (await (await this.browser.findElement(this.getXpath())).isSelected()) {
+            await (await this.browser.findElement(this.getXpath())).click();
+            await this.browser.sleep(CheckboxComponent.delayTime);
+        }
+    }
+
+    /**
+     * 选择状态
+     */
+    async isSelected() {
+        return await (await this.browser.findElement(this.getXpath())).isSelected();
+    }
+
+}
+
+module.exports = CheckboxComponent;

package/rfds5.6/component/Component.js

@@ -0,0 +1,93 @@
+/**
+ * 组件类
+ * @作者 MaoJJ
+ */
+class Component extends require("@winning-test/autotest-webui/src/Component") {
+
+    static delayTime = 200;
+
+    /**
+     * 组件
+     * @param {Browser} browser 
+     */
+    constructor(browser) {
+        super(browser)
+    }
+
+    getXpath() {
+        return `${super.getXpath()}[not (ancestor-or-self::*[contains(@style,'display: none')])]`;
+    }
+
+    async click() {
+        await super.click();
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async doubleClick() {
+        await super.doubleClick();
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async input(...agrs) {
+        await super.input(...agrs);
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async clear() {
+        await super.clear();
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async getText() {
+        await this.browser.sleep(Component.delayTime);
+        return await super.getText();
+    }
+
+    async getValue() {
+        await this.browser.sleep(Component.delayTime);
+        return await super.getValue();
+    }
+
+    async getAttribute(attributeName) {
+        await this.browser.sleep(Component.delayTime);
+        return await super.getAttribute(attributeName);
+    }
+
+    async waitUntilBeDisabled() {
+        await super.waitUntilBeDisabled();
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async waitUntilBeEnabled() {
+        await super.waitUntilBeEnabled();
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async waitUntilBeNotVisible() {
+        await super.waitUntilBeNotVisible();
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async waitUntilBeVisible() {
+        await super.waitUntilBeVisible();
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    async waitUntilValueNotNull(count = 20) {
+        while (count > 0) {
+            const value = await this.getValue();
+            if (value) {
+                return value;
+            } else {
+                if (count > 1) {
+                    count--;
+                    await this.browser.sleep(500);
+                } else {
+                    throw new Error('等待获取value失败');
+                }
+            }
+        }
+    }
+}
+
+module.exports = Component;

package/rfds5.6/component/DialogComponent.js

@@ -0,0 +1,23 @@
+/**
+ * 对话框组件类
+ * @作者 MaoJJ
+ */
+class DialogComponent extends require("./BlockComponent") {
+
+    /**
+     * 对话框组件
+     * @param {Browser} browser 浏览器
+     * @param {String} title 标题
+     */
+    constructor(browser, title) {
+        super(browser);
+        this.title = title;
+    }
+
+    _createXpath() {
+        return `//*[contains(normalize-space(text()),'${this.title}')]/ancestor::*[@class='w-modal' or @role='dialog']`;
+    }
+
+}
+
+module.exports = DialogComponent;

package/rfds5.6/component/InputComponent.js

@@ -0,0 +1,31 @@
+/**
+ * 输入框组件类
+ * @作者 MaoJJ
+ */
+class InputComponent extends require("./Component") {
+
+    /**
+     * 输入框组件
+     * @param {Browser} browser 浏览器
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     */
+    constructor(browser, placeholder, label) {
+        super(browser);
+        this.placeholder = placeholder;
+        this.label = label;
+    }
+
+    _createXpath() {
+        if (this.placeholder) {
+            return `//input[@placeholder='${this.placeholder}']`;
+        }
+        if (this.label) {
+            return `//*[normalize-space(text())='${this.label}']/ancestor-or-self::label/..//input`;
+        }
+        return "//input[@type='text']";
+    }
+
+}
+
+module.exports = InputComponent;

package/rfds5.6/component/ListComponent.js

@@ -0,0 +1,53 @@
+/**
+ * 列表组件类
+ * @作者 MaoJJ
+ */
+class ListComponent extends require("./Component") {
+
+    /**
+     * 列表组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createXpath() {
+        return `//ul[contains(@class, 'w-select-dropdown')]`;
+    }
+
+    /**
+     * 选择列表
+     * @param {...String} items 列表项
+     */
+    async select(...items) {
+        let xpath = `${this.getXpath()}`;
+        await this.browser.waitUntilElementBeVisible(xpath);
+        for (let i = 0; i < items.length; i++) {
+            let item = items[i];
+            xpath = `${this.getXpath()}//*[normalize-space(text())='${item}']/ancestor-or-self::li`;
+            await this.browser.waitUntilElementBeVisible(xpath);
+            await (await this.browser.findElement(xpath)).scrollIntoView();
+            await (await this.browser.findElement(xpath)).click();
+            await this.browser.sleep(ListComponent.delayTime);
+        }
+    }
+
+    /**
+     * 获取列表项
+     * @returns 列表项
+     */
+    async getListItems() {
+        let ret = [];
+        let xpath = `${this.getXpath()}//li`;
+        let elements = await this.browser.findElements(xpath);
+        for (let i = 0; i < elements.length; i++) {
+            let element = elements[i];
+            ret.push(await element.getText(true));
+        }
+        return ret;
+    }
+
+}
+
+module.exports = ListComponent;

package/rfds5.6/component/ListCompositeComponent.js

@@ -0,0 +1,93 @@
+/**
+ * 复合列表组件类
+ * @作者 MaoJJ
+ */
+class ListCompositeComponent extends require("./Component") {
+
+    /**
+     * 复合列表组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createXpath() {
+        return `//div[contains(@class, 'w-select-dropdown')]`;
+    }
+
+    /**
+     * 选择列表
+     * 
+     * @param {Array or Object} items 列表项
+     * 
+     */
+    async select(items) {
+        let xpath = `${this.getXpath()}`;
+        await this.browser.waitUntilElementBeVisible(xpath);
+        if(!Array.isArray(items)){
+            for(let key in items) {
+                xpath = `${this.getXpath()}//*[normalize-space(text())='${key}']/ancestor-or-self::div[1]//span[contains(@class,'is-expandable')]`;
+                let count = 3;
+                while (count > 0) {
+                    await this.browser.sleep(ListCompositeComponent.delayTime);
+                    if (!(await (await this.browser.findElement(xpath)).getAttribute('class')).includes('expanded')) {
+                        await (await this.browser.findElement(xpath)).click(); 
+                    } else{
+                        break;
+                    }
+                    count --;
+                }
+                if (!(await (await this.browser.findElement(xpath)).getAttribute('class')).includes('expanded')) {
+                    throw new Error(`选择${key}失败`);
+                }
+
+                await this.selectSubitems(items[key]);
+            }
+        }else{
+            await this.selectSubitems(items);
+        }
+    }
+
+    /**
+     * 选择子列表
+     * 
+     * @param {...String} items 列表项
+     * 
+     */
+    async selectSubitems(items) {
+        let xpath = `${this.getXpath()}`;
+        await this.browser.waitUntilElementBeVisible(xpath);
+        for (let i = 0; i < items.length; i++) {
+            let item = items[i];
+            xpath = `${this.getXpath()}//*[normalize-space(text())='${item}']/ancestor-or-self::div[1]`;
+            await this.browser.waitUntilElementBeVisible(xpath);
+            await (await this.browser.findElement(xpath)).scrollIntoView();
+            let nodeXpath = `${xpath}//input[@type="checkbox"]`
+            if (!(await (await this.browser.findElement(nodeXpath)).isSelected())) {
+                await (await this.browser.findElement(nodeXpath)).click();
+                await this.browser.sleep(ListCompositeComponent.delayTime);
+            }
+            await this.browser.sleep(ListCompositeComponent.delayTime);
+        }
+    }
+
+
+    /**
+     * 获取列表项
+     * @returns 列表项
+     */
+    async getListItems() {
+        let ret = [];
+        let xpath = `${this.getXpath()}//span[@class="w-tree-node__label"]`;
+        let elements = await this.browser.findElements(xpath);
+        for (let i = 0; i < elements.length; i++) {
+            let element = elements[i];
+            ret.push(await element.getText(true));
+        }
+        return ret;
+    }
+
+}
+
+module.exports = ListCompositeComponent;

package/rfds5.6/component/MessageComponent.js

@@ -0,0 +1,23 @@
+/**
+ * 消息组件类
+ * @作者 MaoJJ
+ */
+class MeaasgeComponent extends require("./Component") {
+
+    /**
+     * 消息组件
+     * @param {Browser} browser 浏览器
+     * @param {String} text 文本
+     */
+    constructor(browser, text) {
+        super(browser);
+        this.text = text;
+    }
+
+    _createXpath() {
+        return `//*[contains(text(),'${this.text}')]/ancestor::*[@role='alert']`
+    }
+
+}
+
+module.exports = MeaasgeComponent;