@winning-test/component 0.0.1

package/rhm5.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() {
+        return `//input[@type='checkbox' and @label='${this.label}']/ancestor-or-self::*[@class='radiogroup']/parent::*`;
+    }
+
+    /**
+     * 选择
+     * @param {...String} items 选项
+     */
+    async select(...items) {
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            const xpath = `${this.getXpath()}//*[text()='${item}']/ancestor-or-self::*[@class='radiogroup']//input[@type='checkbox']`;
+            if (!(await (await this.browser.findElement(xpath)).isSelected())) {
+                await (await this.browser.findElement(xpath)).click();
+            }
+        }
+        await this.browser.sleep(CheckboxComponent.delayTime);
+    }
+
+    /**
+     * 取消选择
+     * @param {...String} items 选项
+     */
+    async unselect(...items) {
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            const xpath = `${this.getXpath()}//*[text()='${item}']/ancestor-or-self::*[@class='radiogroup']//input[@type='checkbox']`;
+            if (await (await this.browser.findElement(xpath)).isSelected()) {
+                await (await this.browser.findElement(xpath)).click();
+            }
+        }
+        await this.browser.sleep(CheckboxComponent.delayTime);
+    }
+
+}
+
+module.exports = CheckboxComponent;

package/rhm5.6/component/Component.js

@@ -0,0 +1,95 @@
+/**
+ * 组件类
+ * @作者 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')])]`;
+        return `${super.getXpath()}[not (contains(@class,'hide'))]`;
+    }
+
+    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);
+    }
+
+    /**
+     * 慢吞吞输入
+     * @param  {...String} agrs 输入值
+     */
+    async inputSlowly(...agrs) {
+        for (let i = 0; i < agrs.length; i++) {
+            const agr = agrs[i];
+            for (let j = 0; j < agr.length; j++) {
+                const chr = agr[j];
+                await super.input(chr);
+            }
+
+        }
+        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/rhm5.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, null);
+        this.title = title;
+    }
+
+    _createXpath() {
+        return `//*[contains(text(),'${this.title}')]/ancestor::*[@type='dialog' or @type='page']`;
+    }
+
+}
+
+module.exports = DialogComponent;

package/rhm5.6/component/InputComponent.js

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

package/rhm5.6/component/LeftMenuComponent.js

@@ -0,0 +1,35 @@
+/**
+ * 左侧菜单组件类
+ * @作者 MaoJJ
+ */
+class LeftMenuComponent extends require("./Component") {
+
+    /**
+     * 左侧菜单组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createXpath() {
+        return "//*[@id='openTree']";
+    }
+
+    /**
+     * 选择菜单
+     * @param  {String} menuItem菜单项
+     */
+    async select(menuItem) {
+        await this.browser.switchToFrame();
+        await this.browser.switchToFrame("//iframe[@class='iframe-content active']");
+        let xpath = `${this.getXpath()}//*[normalize-space(text())='${menuItem}']`;
+        await (await this.browser.findElement(xpath)).click();
+        await this.browser.sleep(LeftMenuComponent.delayTime);
+        await this.browser.switchToFrame("//iframe[@id='prmIframe']");
+    }
+
+
+}
+
+module.exports = LeftMenuComponent;

package/rhm5.6/component/RadioComponent.js

@@ -0,0 +1,35 @@
+/**
+ * 单选框组件类
+ * @作者 MaoJJ
+ */
+class RadioComponent extends require("./Component") {
+
+    /**
+     * 单选框组件
+     * @param {Browser} browser 浏览器
+     * @param {String} label 标签
+     */
+    constructor(browser, label) {
+        super(browser);
+        this.label = label;
+    }
+
+    _createXpath() {
+        return `//input[@type='radio' and @label='${this.label}']/ancestor-or-self::*[@class='radiogroup']/parent::*`;
+    }
+
+    /**
+     * 选择
+     * @param {...String} items 选项
+     */
+    async select(item) {
+        const xpath = `${this.getXpath()}//*[text()='${item}']/ancestor-or-self::*[@class='radiogroup']//input[@type='radio']`;
+        if (!(await (await this.browser.findElement(xpath)).isSelected())) {
+            await (await this.browser.findElement(xpath)).click();
+        }
+        await this.browser.sleep(RadioComponent.delayTime);
+    }
+
+}
+
+module.exports = RadioComponent;

package/rhm5.6/component/SelectComponent.js

@@ -0,0 +1,45 @@
+/**
+ * 选择器组件类
+ * @作者 MaoJJ
+ */
+class SelectComponent extends require("./Component") {
+
+    /**
+     * 选择器组件
+     * @param {Browser} browser 浏览器
+     * @param {String} label 标签
+     * @param {String} id id
+     */
+    constructor(browser, label, id) {
+        super(browser);
+        this.label = label;
+        this.id = id;
+    }
+
+    _createXpath() {
+        if (this.label) {
+            return `//select[@label='${this.label}']`;
+        }
+        if (this.id) {
+            return `//select[@id='${this.id}']`;
+        }
+        return "//select"
+    }
+
+    /**
+     * 选择选项
+     * @param  {...String} items 选项
+     */
+    async select(...items) {
+        let xpath = this.getXpath()
+        await (await this.browser.findElement(xpath)).click();
+        for (let i = 0; i < items.length; i++) {
+            xpath = `${this.getXpath()}//option[text()='${items[i]}']`;
+            await (await this.browser.findElement(xpath)).click();
+        }
+        await this.browser.sleep(SelectComponent.delayTime);
+    }
+
+}
+
+module.exports = SelectComponent;

package/rhm5.6/component/TableComponent.js

@@ -0,0 +1,90 @@
+/**
+ * 表格组件类
+ * @作者 MaoJJ
+ */
+class TableComponent extends require("./Component") {
+
+    /**
+     * 表格组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createRootXpath() {
+        return "";
+    }
+
+    _createXpath() {
+        return "//table";
+    }
+
+    _createHeaderXapth() {
+        return "";
+    }
+
+    _createBodyXapth() {
+        return "//tbody";
+    }
+
+    /**
+     * 获取表格数据
+     * @returns 表格数据
+     */
+    async getTableData() {
+        let ret = [];
+        let xpath = `${this.getXpath()}${this._createBodyXapth()}//tr[1]`;
+        await (await this.browser.findElement(xpath)).waitUntilBeVisible();
+        await this.browser.sleep(TableComponent.delayTime);
+        // 处理表头
+        if (!this._createHeaderXapth()) {
+            return ret;
+        }
+        xpath = `${this.getXpath()}${this._createHeaderXapth()}//tr[1]/td`;
+        let titles = await this.browser.findElements(xpath);
+        for (let i = 0; i < titles.length; i++) {
+            titles[i] = await titles[i].getText(true);
+        }
+        // 处理表体
+        xpath = `${this.getXpath()}${this._createBodyXapth()}//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]
+                if (title) {
+                    let text = (await tds[j].getText(true)).replaceAll("\n", " ");
+                    row[title] = text;
+                }
+            }
+            ret.push(row);
+        }
+        return ret;
+    }
+
+
+    /**
+     * 获取块组件
+     * @param {Number} rowNumber 行号
+     * @param {Number} columnNumber 列号
+     * @returns 块组件
+     */
+    blockComponent(rowNumber, columnNumber) {
+        let that = this;
+        class _BlockComponent extends require("./BlockComponent") {
+            _createRootXpath() {
+                return "";
+            }
+            _createXpath() {
+                return `${that.getXpath()}${that._createBodyXapth()}//tr[${rowNumber}]/td[${columnNumber}]`;
+            }
+        }
+        return new _BlockComponent(this.browser, null);
+    }
+
+}
+
+module.exports = TableComponent;

package/rhm5.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/rhm5.6/component/TopMenuComponent.js

@@ -0,0 +1,34 @@
+/**
+ * 顶部菜单组件类
+ * @作者 MaoJJ
+ */
+class TopMenuComponent extends require("./Component") {
+
+    /**
+     * 顶部菜单组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createXpath() {
+        return "//*[@id='topBlue']";
+    }
+
+    /**
+     * 选择菜单
+     * @param  {String} menuItem 菜单项
+     */
+    async select(menuItem) {
+        await this.browser.switchToFrame();
+        let xpath = `${this.getXpath()}//*[normalize-space(text())='${menuItem}']`;
+        await (await this.browser.findElement(xpath)).click();
+        await this.browser.sleep(TopMenuComponent.delayTime);
+        await this.browser.switchToFrame("//iframe[@class='iframe-content active']");
+    }
+
+
+}
+
+module.exports = TopMenuComponent;

package/rhm5.6/page/Page.js

@@ -0,0 +1,143 @@
+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 LeftMenuComponent = require("../component/LeftMenuComponent");
+const RadioComponent = require("../component/RadioComponent");
+const SelectComponent = require("../component/SelectComponent");
+const TableComponent = require("../component/TableComponent");
+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} label 标签
+     * @param {String} id id
+     * @returns 输入框组件
+     */
+    inputComponent(label, id) {
+        return new InputComponent(this.browser, label, id);
+    }
+
+    /**
+     * 获取左侧菜单组件
+     * @returns 左侧菜单组件
+     */
+    leftMenuComponent() {
+        return new LeftMenuComponent(this.browser);
+    }
+
+    /**
+     * 获取单选框组件
+     * @param {String} label 标签
+     * @returns 单选框组件
+     */
+    radioComponent(label) {
+        return new RadioComponent(this.browser, label)
+    }
+
+    /**
+     * 获取选择器组件
+     * @param {String} label 标签
+     * @param {String} id id
+     * @returns 选择器组件
+     */
+    selectComponent(label, id) {
+        return new SelectComponent(this.browser, label, id);
+    }
+
+    /**
+     * 获取表格组件
+     * @returns 表格组件
+     */
+    tableComponent() {
+        return new TableComponent(this.browser);
+    }
+
+    /**
+     * 获取文本组件
+     * @param {String} text 文本
+     * @returns 文本组件
+     */
+    textComponent(text) {
+        return new TextComponent(this.browser, text);
+    }
+
+    /**
+     * 获取顶部菜单组件
+     * @returns 顶部菜单组件
+     */
+    topMenuComponent() {
+        return new TopMenuComponent(this.browser);
+    }
+
+    /**
+     * 切换到默认iframe
+     */
+    async switchToDefultFrame() {
+        await this.browser.switchToFrame();
+    }
+
+    /**
+     * 切换到活动iframe
+     */
+    async switchToActiveFrame() {
+        await this.browser.switchToFrame();
+        await this.browser.switchToFrame("//iframe[@class='iframe-content active']");
+        await this.browser.switchToFrame("//iframe[@id='prmIframe']");
+    }
+
+}
+
+module.exports = Page;

package/rhm5.6/test/component.test.js

@@ -0,0 +1,61 @@
+const { Browser, Key } = require("@winning-test/autotest-webui");
+const config = require("./component.test.json");
+const Page = require("../page/Page")
+const browser = new Browser();
+
+beforeAll(async () => {
+    await browser.maximize();
+    await browser.get(config.maAnShan.url);
+})
+
+test("input/blockComponent", async () => {
+    const page = new Page(browser);
+    await page.inputComponent(null, "username").input(config.maAnShan.admin.账号);
+    await page.inputComponent(null, "password").input(config.maAnShan.admin.密码);
+    await page.blockComponent("//*[@class='signIn']").click();
+})
+
+test("topMenu/leftMenu/table", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent().select("个人档案");
+    await page.leftMenuComponent().select("简档列表");
+    await page.leftMenuComponent().select("基本信息列表");
+    class TableComponent extends require("../component/TableComponent") {
+        _createXpath() {
+            return "//*[@class='datagrid-view2']";
+        }
+        _createHeaderXapth() {
+            return "//*[@class='datagrid-header']";
+        }
+        _createBodyXapth() {
+            return "//*[@class='datagrid-body']";
+        }
+    }
+    await page.textComponent("个人档案编号").waitUntilBeVisible();
+    const tableData = await new TableComponent(browser).getTableData();
+    console.log(tableData);
+})
+
+test("button/input/select/radio/checkbox/text/dialog", async () => {
+    const page = new Page(browser);
+    await page.blockComponent("//*[@class='button']").buttonComponent("新增").click();
+    await page.switchToActiveFrame();
+    await page.inputComponent("姓名").input("毛建杰");
+    await page.selectComponent("性别").select("男");
+    await page.inputComponent("出生日期").inputSlowly("1984-12-29",Key.ENTER);
+    await page.radioComponent("药物过敏史").select("有");
+    await page.checkboxComponent("过敏史").select("青霉素","磺胺","链霉素","其他");
+    await page.checkboxComponent("过敏史").unselect("其他");
+    await page.radioComponent("有无疾病史").select("有");
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(1,4).textComponent("新增").click();
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(2,1).selectComponent().select("高血压");
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(2,2).inputComponent().inputSlowly("2022-11-11",Key.ENTER)
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(2,3).inputComponent().input("死亡");
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(1,4).textComponent("新增").click();
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(3,1).selectComponent().select("肝炎");
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(3,2).inputComponent().inputSlowly("2022-11-11",Key.ENTER)
+    await page.blockComponent("//td[1][text()='疾病名称']/ancestor::*[contains(@class,'diy-xy-box')]").tableComponent().blockComponent(3,3).inputComponent().input("死亡");
+    await page.buttonComponent("取 消").click();
+    await page.switchToDefultFrame();
+    await page.dialogComponent("信息").buttonComponent("确定").click();
+})

package/rhm5.6/test/component.test.json

@@ -0,0 +1,16 @@
+{
+    "nation": {
+        "url": "http://172.18.1.67:8081/rhm-configure/page/login/signIn.html",
+        "admin": {
+            "账号": "xibei",
+            "密码": "123456"
+        }
+    },
+    "maAnShan": {
+        "url": "http://172.18.1.13:7000/rhm-configure/page/login/signIn.html",
+        "admin": {
+            "账号": "大观",
+            "密码": "123456"
+        }
+    }
+}