@winning-test/component 0.0.101 → 0.0.103

package/TechBookCenter/component/TableComponent.js

@@ -0,0 +1,113 @@
+/**
+ * 表格组件类
+ * @作者 MaoJJ
+ */
+class TableComponent extends require("./Component") {
+
+    /**
+     * 表格组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createRootXpath() {
+        return "";
+    }
+
+    _createXpath() {
+        return "//*[contains(@class,'vxe-table ')]";
+    }
+
+    _createHeaderXapth() {
+        return "//thead";
+    }
+
+    _createBodyXapth() {
+        return "//tbody";
+    }
+
+    /**
+     * 获取表格数据
+     * @returns 表格数据
+     */
+    async getTableData() {
+        let ret = [];
+        let xpath = `(${this.getXpath()}${this._createBodyXapth()}//tr)[1]`;
+        if (!(await this.browser.isDisplayed(xpath, this.browser.config.timeout))) {
+            return ret;
+        }
+        await this.browser.sleep(TableComponent.delayTime);
+        // 处理表头
+        if (!this._createHeaderXapth()) {
+            return ret;
+        }
+        xpath = `(${this.getXpath()}${this._createHeaderXapth()}//tr)[1]/th`;
+        let titles = await this.browser.findElements(xpath);
+        for (let i = 0; i < titles.length; i++) {
+            titles[i] = (await titles[i].getText(true)).trim() || `#${String(i).padStart(3, "0")}`;
+        }
+        // 处理表体
+        xpath = `(${this.getXpath()}${this._createBodyXapth()})[1]//tr`;
+        let trs = await this.browser.findElements(xpath);
+        for (let i = 0; i < trs.length; i++) {
+            xpath = `(${this.getXpath()}${this._createBodyXapth()}//tr)[${i + 1}]/td`;
+            let tds = await this.browser.findElements(xpath);
+            let row = {};
+            for (let j = 0; j < tds.length; j++) {
+                let title = titles[j]
+                let text = (await tds[j].getText(true)).replaceAll("\n", " ");
+                row[title] = text;
+            }
+            ret.push(row);
+        }
+        return ret;
+    }
+    
+    /**
+     * 根据列名获取列号
+     * @param   {Str}    columnStr    列名
+     * @returns {Number} columnNumber 列号
+     */
+    async getColumnNumberByTitle(columnStr) {
+        let xpath = `(${this.getXpath()}${this._createBodyXapth()}//tr)[1]`;
+        if (!(await this.browser.isDisplayed(xpath, this.browser.config.timeout))) {
+            return;
+        }
+        await this.browser.sleep(TableComponent.delayTime);
+        xpath = `(${this.getXpath()}${this._createHeaderXapth()}//tr)[1]/th`;
+        let titles = await this.browser.findElements(xpath);
+        for (let i = 0; i < titles.length; i++) {
+            titles[i] = (await titles[i].getText(true)).trim() || `#${String(i).padStart(3, "0")}`;
+        }
+        let columnNumber = titles.indexOf(columnStr) + 1;
+        return columnNumber
+    }
+
+    /**
+     * 获取块组件
+     * @param {Number} rowNumber 行号
+     * @param {Number} columnNumber 列号
+     * @returns 块组件
+     */
+    blockComponent(rowNumber, columnNumber) {
+        let that = this;
+        class _BlockComponent extends require("./BlockComponent") {
+            _createRootXpath() {
+                return "";
+            }
+            _createXpath() {
+                if (columnNumber) {
+                    return `${that.getXpath()}${that._createBodyXapth()}//tr[${rowNumber}]/td[${columnNumber}]`;
+                }
+                else {
+                    return `${that.getXpath()}${that._createBodyXapth()}//tr[${rowNumber}]`;
+                }
+            }
+        }
+        return new _BlockComponent(this.browser, null);
+    }
+}
+
+module.exports = TableComponent;

package/TechBookCenter/component/TextComponent.js

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

package/TechBookCenter/page/Page.js

@@ -0,0 +1,172 @@
+const BlockComponent = require("../component/BlockComponent");
+const ButtonComponent = require("../component/ButtonComponent");
+const CheckboxComponent = require("../component/CheckboxComponent");
+const DialogComponent = require("../component/DialogComponent");
+const InputComponent = require("../component/InputComponent");
+const MenuComponent = require("../component/MenuComponent");
+const MessageComponent = require("../component/MessageComponent");
+const RadioComponent = require("../component/RadioComponent");
+const SelectComponent = require("../component/SelectComponent");
+const TableComponent = require("../component/TableComponent");
+const TextComponent = require("../component/TextComponent");
+
+/**
+ * 页面类
+ */
+class Page extends require("@winning-test/autotest-webui").Page {
+
+    /**
+     * 页面类
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    /**
+     * 获取块组件
+     * @param {String} xpath xpath
+     * @returns 块组件
+     */
+    blockComponent(xpath) {
+        return new BlockComponent(this.browser, xpath);
+    }
+
+    /**
+     * 获取按钮组件
+     * @param {String} text 文本
+     * @returns 按钮组件
+     */
+    buttonComponent(text) {
+        return new ButtonComponent(this.browser, text);
+    }
+
+    /**
+     * 获取复选框组件
+     * @param {String} label 标签
+     * @returns 复选框组件
+     */
+    checkboxComponent(label) {
+        return new CheckboxComponent(this.browser, label);
+    }
+
+    /**
+     * 获取对话框组件
+     * @param {String} title 标题
+     * @returns 对话框组件
+     */
+    dialogComponent(title) {
+        return new DialogComponent(this.browser, title);
+    }
+
+    /**
+     * 获取输入框组件
+     * @param {String} label 标签
+     * @param {String} placeholder 背景文字 
+     * @returns 输入框组件
+     */
+    inputComponent(label, placeholder) {
+        return new InputComponent(this.browser, label, placeholder);
+    }
+
+
+    /**
+     * 获取菜单组件
+     * @returns 菜单组件
+     */
+    menuComponent() {
+        return new MenuComponent(this.browser);
+    }
+
+    /**
+     * 获取消息组件
+     * @param {Stirng} text 文本
+     * @param {Boolean} iframe 是否在iframe内
+     * @returns 消息组件
+     */
+    messageComponent(text, iframe = false) {
+        return new MessageComponent(this.browser, text, iframe);
+    }
+
+    /**
+     * 获取选择器组件
+     * @param {String} label 标签
+     * @param {String} placeholder 背景文字 
+     * @returns 选择器组件
+     */
+    selectComponent(label, placeholder) {
+        return new SelectComponent(this.browser, label, placeholder);
+    }
+
+    /**
+     * 获取表格组件
+     * @returns 表格组件
+     */
+    tableComponent() {
+        return new TableComponent(this.browser);
+    }
+
+    /**
+     * 获取文本组件
+     * @param {String} text 文本
+     * @returns 文本组件
+     */
+    textComponent(text) {
+        return new TextComponent(this.browser, text);
+    }
+
+    /**
+     * 获取单选框组件
+     * @param {String} label 标签
+     * @returns 单选框组件
+     */
+    radioComponent(label) {
+        return new RadioComponent(this.browser, label)
+    }
+    
+    /**
+     * 等待加载
+     */
+    async loading() {
+        try {
+            let xpath = "//*[contains(text(),'加载中') or contains(@class,'el-loading-mask')][not (ancestor-or-self::*[contains(@style,'display: none')])]";
+            if (await this.browser.isDisplayed(xpath, 1000)) {
+                await this.browser.waitUntilElementBeNotVisible(xpath);
+            }
+        } catch (error) {
+
+        }
+    }
+
+    /**
+     * 切换到活动Frame
+     */
+    async switchToActiveFrame() {
+        await this.browser.switchToFrame();
+        let xpath = "//iframe[not (@style='display: none;')]";
+        await this.browser.switchToFrame(xpath)
+    }
+
+    /**
+     * 切换到最外层iframe
+     */
+    async switchToDefultFrame() {
+        await this.browser.switchToFrame();
+    }
+
+    /**
+         * 切换到对应的iframe
+         * @param {string} id
+         */
+    async switchToFrame(id) {
+        try {
+            await this.browser.switchToFrame(`//iframe[@id='${id}']`);
+
+        } catch (error) {
+
+        }
+    }
+
+}
+
+module.exports = Page;

package/package.json

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

package/rfds5.6/component/BlockComponent.js

@@ -0,0 +1,248 @@
+/**
+ * 块组件类
+ * @作者 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);
+    }
+
+    /**
+     * 获取消息组件
+     * @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} 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);
+    }
+
+    /**
+     * 获取顶部菜单组件
+     * @returns 顶部菜单组件
+     */
+    topMenuComponent(firstItem) {
+        let that = this;
+        class TopMenuComponent extends require("./TopMenuComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new TopMenuComponent(this.browser, firstItem);
+    }
+
+}
+
+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;