@winning-test/component 0.0.79 → 0.0.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winning-test/component",
-  "version": "0.0.79",
+  "version": "0.0.81",
   "description": "",
   "main": "",
   "scripts": {
@@ -13,9 +13,9 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@types/jest": "^29.5.3",
-    "@winning-test/autotest-webui": "^0.1.51",
-    "chromedriver": "^118.0.0",
-    "jest": "^29.6.2"
+    "@types/jest": "^29.5.6",
+    "@winning-test/autotest-webui": "^0.1.52",
+    "chromedriver": "^118.0.1",
+    "jest": "^29.7.0"
   }
 }

package/rpes5.6/component/BlockComponent.js

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

package/rpes5.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/rpes5.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/rpes5.6/component/Component.js

@@ -0,0 +1,77 @@
+/**
+ * 组件类
+ * @作者 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);
+    }
+}
+
+module.exports = Component;

package/rpes5.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/rpes5.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/rpes5.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/rpes5.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;

package/rpes5.6/component/RadioComponent.js

@@ -0,0 +1,44 @@
+/**
+ * 单选框组件类
+ * @作者 MaoJJ
+ */
+class RadioComponent 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='radio']`;
+        }
+        return "//input[@type='radio']";
+    }
+
+    /**
+     * 选择
+     */
+    async select() {
+        if (!(await (await this.browser.findElement(this.getXpath())).isSelected())) {
+            await (await this.browser.findElement(this.getXpath())).click();
+        }
+    }
+
+    /**
+     * 取消选择
+     */
+    async unselect() {
+        if (await (await this.browser.findElement(this.getXpath())).isSelected()) {
+            await (await this.browser.findElement(this.getXpath())).click();
+        }
+    }
+
+}
+
+module.exports = RadioComponent;

package/rpes5.6/component/SelectComponent.js

@@ -0,0 +1,76 @@
+/**
+ * 选择器组件类
+ * @作者 MaoJJ
+ */
+class SelectComponent 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']";
+    }
+
+    /**
+     * 选择选项
+     * @param  {...String} items 选项
+     */
+    async select(...items) {
+        let count = 2;
+        while (count > 0) {
+            try {
+                await this._select(...items);
+                if (items.length > 1){ // 多选不检查value
+                    break;
+                }
+                const value = await this.getValue();
+                if (!(value && items.join().indexOf(value) !== -1)) {
+                    throw new Error(`选择${items}失败`);
+                }
+                break;
+            } catch (error) {
+                if (count > 1) {
+                    count--;
+                    await this.browser.sleep(500);
+                } else {
+                    throw error;
+                }
+            }
+        }
+        await this.browser.sleep(SelectComponent.delayTime);
+    }
+
+    async _select(...items) {
+        class ListComponent extends require("./ListComponent") {
+            _createXpath() {
+                return "//*[@class='w-scrollbar']"
+            }
+        }
+        let xpath = this.getXpath();
+        await (await this.browser.findElement(xpath)).click();
+        let listComponent = new ListComponent(this.browser);
+        await listComponent.select(...items);
+        if (items.length > 1) {
+            xpath = this.getXpath();
+            await (await this.browser.findElement(xpath)).click();
+        }
+    }
+
+}
+
+module.exports = SelectComponent;

package/rpes5.6/component/SwitchComponent.js

@@ -0,0 +1,50 @@
+/**
+ * 开关组件类
+ * @作者 MaoJJ
+ */
+class SwitchComponent 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}']//following-sibling::div//input[@type='checkbox']`;
+        }
+        return "//input[@type='checkbox' and @class='w-switch__input']";
+    }
+
+    /**
+     * 打开
+     */
+    async on() {
+        let xpath = this.getXpath();
+        let checked = Boolean(await (await this.browser.findElement(xpath)).getAttribute("checked"));
+        if (!checked) {
+            await (await this.browser.findElement(xpath)).click();
+            await this.browser.sleep(SwitchComponent.delayTime);
+        }
+    }
+
+    /**
+     * 关闭
+     */
+    async off() {
+        let xpath = this.getXpath();
+        let checked = Boolean(await (await this.browser.findElement(xpath)).getAttribute("checked"));
+        if (checked) {
+            await (await this.browser.findElement(xpath)).click();
+            await this.browser.sleep(SwitchComponent.delayTime);
+        }
+    }
+
+}
+
+module.exports = SwitchComponent;

package/rpes5.6/component/TableComponent.js

@@ -0,0 +1,104 @@
+/**
+ * 表格组件类
+ * @作者 MaoJJ
+ */
+class TableComponent extends require("./Component") {
+
+    /**
+     * 表格组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createRootXpath() {
+        return "";
+    }
+
+    _createXpath() {
+        return "//*[contains(@class,'w-table ')]";
+    }
+
+    _createHeaderXapth() {
+        return "//*[contains(@class,'w-table__header-wrapper')]//thead";
+    }
+
+    _createBodyXapth() {
+        return "//*[contains(@class,'w-table__body-wrapper')]//tbody";
+    }
+
+    /**
+     * 获取表格数据
+     * @returns 表格数据
+     */
+    async getTableData() {
+        let ret = [];
+        let xpath = `(${this.getXpath()}${this._createBodyXapth()}//tr)[1]`;
+        await this.browser.waitUntilElementBeVisible(xpath);
+        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)).replaceAll("\n", "")).trim();
+        }
+        // 处理表体
+        xpath = `${this.getXpath()}${this._createBodyXapth()}//tr[contains(@class, 'w-table__row')]`;
+        let trs = await this.browser.findElements(xpath);
+        for (let i = 0; i < trs.length; i++) {
+            xpath = `(${this.getXpath()}${this._createBodyXapth()}//tr[contains(@class, 'w-table__row')])[${i + 1}]/td`;
+            let tds = await this.browser.findElements(xpath);
+            let row = {};
+            for (let j = 0; j < tds.length; j++) {
+                let title = titles[j]
+                if (title) {
+                    let text = (await tds[j].getText(true)).replaceAll("\n", " ");
+                    row[title] = text;
+                }
+            }
+            ret.push(row);
+        }
+        ret = ret.filter(row => {
+            let isDelete = true;
+            Object.keys(row).forEach(key => {
+                if (row[key] !== "") {
+                    isDelete = false;
+                }
+            })
+            return !isDelete;
+        })
+        return ret;
+    }
+
+
+    /**
+     * 获取块组件
+     * @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/rpes5.6/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/rpes5.6/component/TextareaComponent.js

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

package/rpes5.6/component/TopMenuComponent.js

@@ -0,0 +1,33 @@
+/**
+ * 顶部菜单组件类
+ * @作者 MaoJJ
+ */
+class TopMenuComponent extends require("./Component") {
+
+    /**
+     * 顶部菜单组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser, firstItem) {
+        super(browser);
+        this.firstItem = firstItem;
+    }
+
+    _createXpath() {
+        return `//*[normalize-space(text())='${this.firstItem}']/ancestor::*[contains(@class,'nav-box-item')]`;
+    }
+
+    /**
+     * 选择菜单
+     * @param  {String} menuItem 菜单项
+     */
+    async select(menuItem) {
+        let xpath = `${this.getXpath()}//*[normalize-space(text())='${menuItem}']/ancestor::*[contains(@class,'w-menu-item')]`;
+        await (await this.browser.findElement(xpath)).click();
+        await this.browser.sleep(TopMenuComponent.delayTime);
+    }
+
+
+}
+
+module.exports = TopMenuComponent;

package/rpes5.6/page/Page.js

@@ -0,0 +1,199 @@
+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 ListComponent = require("../component/ListComponent");
+const MessageComponent = require("../component/MessageComponent");
+const RadioComponent = require("../component/RadioComponent");
+const SelectComponent = require("../component/SelectComponent");
+const SwitchComponent = require("../component/SwitchComponent");
+const TableComponent = require("../component/TableComponent");
+const TextareaComponent = require("../component/TextareaComponent");
+const TextComponent = require("../component/TextComponent");
+const TopMenuComponent = require("../component/TopMenuComponent");
+
+/**
+ * 页面类
+ */
+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} placeholder 背景文字
+     * @param {String} label 标签
+     * @returns 输入框组件
+     */
+    inputComponent(placeholder, label) {
+        return new InputComponent(this.browser, placeholder, label);
+    }
+
+
+    /**
+     * 获取列表组件
+     * @returns 列表组件
+     */
+    listComponent() {
+        return new ListComponent(this.browser);
+    }
+
+    /**
+     * 获取消息组件
+     * @param {Stirng} text 文本
+     * @returns 消息组件
+     */
+    messageComponent(text) {
+        return new MessageComponent(this.browser, text);
+    }
+
+    /**
+     * 获取单选组件
+     * @param {String} label 标签
+     * @returns 单选组件
+     */
+    radioComponent(label) {
+        return new RadioComponent(this.browser, label);
+    }
+
+    /**
+     * 获取选择器组件
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     * @returns 选择器组件
+     */
+    selectComponent(placeholder, label) {
+        return new SelectComponent(this.browser, placeholder, label);
+    }
+
+    /**
+     * 获取开关组件
+     * @param {String} label 标签
+     * @returns 开关组件
+     */
+    switchComponent(label) {
+        return new SwitchComponent(this.browser, label);
+    }
+
+    /**
+     * 获取表格组件
+     * @returns 表格组件
+     */
+    tableComponent() {
+        return new TableComponent(this.browser);
+    }
+
+    /**
+     * 获取多行文本输入组件
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     * @returns 多行文本输入组件
+     */
+    textareaComponent(label) {
+        return new TextareaComponent(this.browser, label);
+    }
+
+    /**
+     * 获取文本组件
+     * @param {String} text 文本
+     * @returns 文本组件
+     */
+    textComponent(text) {
+        return new TextComponent(this.browser, text);
+    }
+
+    /**
+     * 获取顶部菜单组件
+     * @returns 顶部菜单组件
+     */
+    topMenuComponent(firstItem) {
+        return new TopMenuComponent(this.browser, firstItem);
+    }
+
+    /**
+     * 等待加载
+     */
+    async loading() {
+        try {
+            const xpath = "//*[@class='w-loading-mask' and (not (ancestor-or-self::*[contains(@style,'display: none')]))]";
+            if (await this.browser.isDisplayed(xpath, 500)) {
+                await this.browser.waitUntilElementBeNotVisible(xpath);
+            }
+            await this.browser.sleep(500);
+        } catch (error) {
+
+        }
+    }
+
+    /**
+     * 获取菜单组件
+     * @param  {String} firstItem 大菜单项
+     * @returns 顶部菜单组件
+     */
+    menuComponent(firstItem) {
+        let that = this;
+        class MenuComponent extends require("../component/TopMenuComponent") {
+            constructor(browser, firstItem) {
+                super(browser, firstItem);
+            }
+        
+            /**
+             * 选择菜单
+             * @param  {String} menuItem 菜单项
+             */
+            async select(menuItem) {
+                super.select(menuItem);
+                that.loading();
+            }
+        
+        
+        }
+        return new MenuComponent(that.browser, firstItem)
+    }
+
+}
+
+module.exports = Page;

package/rpes5.6/test/component.test.js

@@ -0,0 +1,114 @@
+const { Browser, Key } = require("@winning-test/autotest-webui");
+const config = require("./component.test.json");
+const Page = require("../page/Page")
+const browser = new Browser();
+const func = require("./func");
+
+beforeAll(async () => {
+    await browser.maximize();
+    await browser.get(config.url.login);
+})
+
+test.only("input/button/message", async () => {
+    const page = new Page(browser);
+    await page.inputComponent("请输入用户名").input(config.体检登录.user.admincs.用户名);
+    await page.inputComponent("请输入密码").input(config.体检登录.user.admincs.密码);
+    await page.buttonComponent("登 录").click();
+    await page.messageComponent("登录成功").waitUntilBeVisible();
+    await page.loading();
+})
+
+test("topMenu/table/dialog", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent("数据维护").select("机构配置");
+    await page.inputComponent("请输入").input("体检登记-是否自动打印个人码");
+    await page.buttonComponent('查询').click();
+    await page.loading();
+    await page.tableComponent().blockComponent(1,6).buttonComponent("修改").click();
+    await page.dialogComponent("修改机构配置").inputComponent(null, "配置项值").input(Key.CONTROL, 'a', Key.DELETE);
+    await page.dialogComponent("修改机构配置").inputComponent(null, "配置项值").input("2");
+    await page.dialogComponent("修改机构配置").buttonComponent('保存').click();
+    await page.dialogComponent("修改机构配置").waitUntilBeNotVisible();
+    await page.messageComponent("保存成功").waitUntilBeVisible();
+})
+
+test("select/input(date)/block", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent("体检登记").select("个人登记");
+    await page.buttonComponent('登记').click();
+    await page.dialogComponent('个人登记').inputComponent("请输入姓名").input(`自动化测试${func.today('MMDD')}${func.stringPad(func.dailyCount(),3)}`);
+    await page.dialogComponent("个人登记").inputComponent("请输入证件号码").input(func.idcard(), Key.ENTER);
+    await page.dialogComponent('个人登记').inputComponent("","体检日期").input(Key.CONTROL, 'a', Key.DELETE);
+    await page.dialogComponent('个人登记').inputComponent("","体检日期").input(func.dateOffset(func.today()), Key.ENTER);
+    await page.dialogComponent('个人登记').selectComponent("","体检套餐").select("自动化套餐");
+    await page.inputComponent("", "电话号码").input(func.phone());
+    await page.buttonComponent('保存').click();
+    await page.messageComponent('体检登记保存成功').waitUntilBeVisible();
+    await page.blockComponent(`//button[@aria-label='Close']`).click();
+    await page.dialogComponent('个人登记').waitUntilBeNotVisible();
+})
+
+test("table/input(date)/check", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent("体检登记").select("个人登记");
+    await page.inputComponent("开始日期").input(Key.CONTROL, 'a');
+    await page.inputComponent("开始日期").input(func.today(), Key.ENTER);
+    await page.inputComponent("结束日期").input(Key.CONTROL, 'a');
+    await page.inputComponent("结束日期").input(func.dateOffset(func.today(), 3), Key.ENTER);
+    await page.buttonComponent("查询").click();
+    await page.loading();
+    let tableData = await page.tableComponent().getTableData();
+    console.log(tableData);
+    await page.tableComponent().blockComponent(1,1).checkboxComponent().select();
+})
+
+
+test("text/table/radio/textarea", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent("医生工作站").select("分科检查");
+    await page.buttonComponent('查询').click();
+    await page.loading();
+    await page.tableComponent().blockComponent(1,10).textComponent('详情').click();
+    await page.textComponent("查询成功").waitUntilBeVisible();
+    await page.textareaComponent("小结").input(
+        '********************************************************'+
+        '********************************************************'+
+        '********************************************************'+
+        '********************************************************');
+    await page.radioComponent("每天").select();
+    await page.browser.sleep(2000);
+    await page.radioComponent("每周一次以上").select();
+})
+
+
+test.only("check/radio/select", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent("医生工作站").select("分科检查");
+    await page.buttonComponent('查询').click();
+    await page.loading();
+    await page.tableComponent().blockComponent(1,10).textComponent('详情').click();
+    await page.textComponent("查询成功").waitUntilBeVisible();
+    await page.buttonComponent("健康调查").click();
+    await page.dialogComponent("健康调查").waitUntilBeVisible();
+    await page.dialogComponent("健康调查").selectComponent(null, '学历').select('专科');
+    await page.checkboxComponent("教师").select();
+    await page.blockComponent(`//label[text()='过敏史']/../self::*`).checkboxComponent('青霉素').select();
+    await page.radioComponent('可自理').select();
+    await page.blockComponent(`//label[text()='运动功能评估']/../self::*`).radioComponent('可顺利完成').select();
+
+    let jzTable = page.blockComponent(`//p[contains(text(),'家族史')]/following-sibling::table`);
+    await jzTable.blockComponent(`//tr[2]/td[2]`).checkboxComponent().select();
+    await jzTable.blockComponent(`//tr[2]/td[4]`).checkboxComponent().select();
+    await jzTable.blockComponent(`//tr[3]/td[3]`).checkboxComponent().select();
+    await jzTable.blockComponent(`//tr[3]/td[5]`).checkboxComponent().select();
+
+    let mxTable = page.blockComponent(`//p[contains(text(),'慢性疾病')]/following-sibling::table`);
+    await mxTable.blockComponent(`//tr[2]/td[3]`).radioComponent().select();
+    await mxTable.blockComponent(`//tr[3]/td[4]`).radioComponent("不规律用药").select();
+    await mxTable.blockComponent(`//tr[3]/td[2]`).inputComponent(`请选择年`).input(func.today('YYYY'),Key.ENTER);
+
+    let ysTable = page.blockComponent(`//p[contains(text(),'饮食、生活行为')]/following-sibling::table`);
+    await ysTable.blockComponent(`//label[text()='是否饮酒：']/following-sibling::*`).radioComponent(`是`).select();
+    await ysTable.radioComponent(`啤酒`).select();
+    await ysTable.checkboxComponent(`嗜油`).select();
+})

package/rpes5.6/test/component.test.json

@@ -0,0 +1,13 @@
+{
+    "url": {
+        "login": "http://172.20.16.111:6044/pes/#/login"
+    },
+    "体检登录": {
+        "user": {
+            "admincs":{
+                "用户名":"admincs",
+                "密码":"123"
+            }
+        }
+    }
+}

package/rpes5.6/test/func.js

@@ -0,0 +1,87 @@
+const request = require("@winning-test/autotest-api").Request;
+const Random = require("mockjs").Random;
+const sd = require("silly-datetime");
+
+const func = {
+
+    idcard: function (sex = "M", birthday = "1984-12-29") {
+        const response = request.post("http://172.16.9.53/api/getIdcard", {
+            sex,
+            birthday
+        }, { "content-type": "application/json; charset=utf-8" });
+        return JSON.parse(response.text).data;
+    },
+
+    phone: function () {
+        const prefix = ["133", "153", "180", "181", "189", "177", "173", "149", "130", "131", "132", "155", "156",
+            "145", "185", "186", "176", "175", "135", "136", "137", "138", "139", "150", "151", "152", "157", "158",
+            "159", "182", "183", "184", "187", "188", "147", "178"];
+        const phone = Random.pick(prefix) + String(Math.round(Math.random() * 99999999)).padStart(8, "0");
+        return phone;
+    },
+
+    cname: function () {
+        return Random.cname();
+    },
+
+    address: function () {
+        const address = `${Random.cword(2)}${Random.pick(["小区", "社区", "家园", "公寓", "花园"])}${Random.integer(1, 50)}号楼${Random.integer(1, 5)}单元${Random.integer(1, 20)}室`
+        return address;
+    },
+
+    today: function (format = "YYYY-MM-DD") {
+        let now = new Date();
+        now = sd.format(now, format);
+        return now;
+    },
+
+    dateOffset(date, dayOffset = 0, monthOffset = 0, format = "YYYY-MM-DD") {
+        date = new Date(date);
+        dayOffset = Number(dayOffset);
+        monthOffset = Number(monthOffset);
+        date.setDate(date.getDate() + dayOffset);
+        date.setMonth(date.getMonth() + monthOffset);
+        return sd.format(date, format);
+    },
+
+    stringPad(str, length = 3, fillString = "0") {
+        let ret = String(str).padStart(length, fillString);
+        return ret;
+    },
+
+    guid: function () {
+        return Random.guid();
+    },
+
+    random: function (func, ...args) {
+        return Random[func](...args);
+    },
+
+    dailyCount() {
+        let today = sd.format(new Date(), "YYYYMMDD");
+        let response = request.post('http://172.16.9.53/api/cacheData/hash/get', {
+            "key": "winex-region",
+            "field": today
+        }, {
+            "content-type": "application/json; charset=utf-8"
+        });
+        response = JSON.parse(response.text);
+        let count = response.data || 1;
+        response = request.post('http://172.16.9.53/api/cacheData/hash/set', {
+            "key": "winex-region",
+            "field": today,
+            "value": count + 1
+        }, {
+            "content-type": "application/json; charset=utf-8"
+        });
+        return count;
+    },
+
+    resourceDir() {
+        const path = require("path");
+        return path.join(__dirname, "..\\resource");
+    }
+};
+
+module.exports = func;
+