@winning-test/component 0.0.1

package/infusion60/component/TableComponent.js

@@ -0,0 +1,119 @@
+/**
+ * 表格组件类
+ * @作者 MaoJJ
+ */
+class TableComponent extends require("./Component") {
+
+    /**
+     * 表格组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createXpath() {
+        return "//table"
+    }
+
+    /**
+     * 获取表格数据
+     * @returns 表格数据
+     */
+    async getTableData() {
+        let ret = [];
+        let xpath = `(${this.getXpath()}//tbody)[1]/tr[1]`;
+        await (await this.browser.findElement(xpath)).waitUntilBeVisible();
+        await this.browser.sleep(TableComponent.delayTime);
+        xpath = `(${this.getXpath()}//thead)[1]/tr/th`;
+        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()}//tbody)[1]/tr`;
+        let trs = await this.browser.findElements(xpath);
+        for (let i = 0; i < trs.length; i++) {
+            xpath = `(${this.getXpath()}//tbody)[1]/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;
+    }
+
+    /**
+     * 选择所有行
+     */
+    async selectAll() {
+        let xpath = `(${this.getXpath()}//thead)[1]/tr[1]/th[1]//input[@type='checkbox']`;
+        if (!(await (await this.browser.findElement(xpath)).isSelected())) {
+            await (await this.browser.findElement(xpath)).click();
+            await this.browser.sleep(TableComponent.delayTime);
+        }
+    }
+
+    /**
+     * 取消选择所有行
+     */
+    async unselectAll() {
+        let xpath = `(${this.getXpath()}//thead)[1]/tr[1]/th[1]//input[@type='checkbox']`;
+        if (await (await this.browser.findElement(xpath)).isSelected()) {
+            await (await this.browser.findElement(xpath)).click();
+            await this.browser.sleep(TableComponent.delayTime);
+        }
+    }
+
+    /**
+     * 选择行
+     * @param {Number} rowNumber 行号
+     */
+    async select(rowNumber) {
+        let xpath = `(${this.getXpath()}//tbody)[1]/tr[${rowNumber}]/td[1]//input[@type='checkbox']`;
+        if (!(await (await this.browser.findElement(xpath)).isSelected())) {
+            await (await this.browser.findElement(xpath)).click();
+            await this.browser.sleep(TableComponent.delayTime);
+        }
+    }
+
+    /**
+     * 取消选择行
+     * @param {Number} rowNumber 行号
+     */
+    async unselect(rowNumber) {
+        let xpath = `(${this.getXpath()}//tbody)[1]/tr[${rowNumber}]/td[1]//input[@type='checkbox']`;
+        if (await (await this.browser.findElement(xpath)).isSelected()) {
+            await (await this.browser.findElement(xpath)).click();
+            await this.browser.sleep(TableComponent.delayTime);
+        }
+    }
+
+
+    /**
+     * 获取块组件
+     * @param {Number} rowNumber 行号
+     * @param {Number} columnNumber 列号
+     * @returns 块组件
+     */
+    blockComponent(rowNumber, columnNumber) {
+        let that = this;
+        class _BlockComponent extends require("./BlockComponent") {
+            _createRootXpath() {
+                return "";
+            }
+            _createXpath() {
+                return `(${that.getXpath()}//tbody)[1]/tr[${rowNumber}]/td[${columnNumber}]`;
+            }
+        }
+        return new _BlockComponent(this.browser, null, null);
+    }
+
+}
+
+module.exports = TableComponent;

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

@@ -0,0 +1,32 @@
+/**
+ * 顶部菜单组件类
+ * @作者 MaoJJ
+ */
+class TopMenuComponent extends require("./Component") {
+
+    /**
+     * 顶部菜单组件
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    _createXpath() {
+        return "//*[contains(@class,'w-menu is-horizontal')]";
+    }
+
+    /**
+     * 选择菜单
+     * @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/infusion60/page/Page.js

@@ -0,0 +1,170 @@
+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 ListComponent = require("../component/ListComponent");
+const SelectComponent = require("../component/SelectComponent");
+const SwitchComponent = require("../component/SwitchComponent");
+const TopMenuComponent = require("../component/TopMenuComponent");
+const TableComponent = require("../component/TableComponent");
+const TextComponent = require("../component/TextComponent");
+const MessageComponent = require("../component/MessageComponent");
+
+/**
+ * 页面类
+ */
+class Page extends require("@winning-test/autotest-webui").Page {
+
+    /**
+     * 页面类
+     * @param {Browser} browser 浏览器
+     */
+    constructor(browser) {
+        super(browser);
+    }
+
+    /**
+     * 获取块组件
+     * @param {String} id id
+     * @param {String} xpath xpath
+     * @returns 块组件
+     */
+    blockComponent(id, xpath) {
+        return new BlockComponent(this.browser, id, xpath);
+    }
+
+    /**
+     * 获取按钮组件
+     * @param {String} text 文本
+     * @returns 按钮组件
+     */
+    buttonComponent(text) {
+        return new ButtonComponent(this.browser, text);
+    }
+
+    /**
+     * 获取级联选择器组件
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     * @returns 级联选择器组件
+     */
+    cascaderComponent(placeholder, label) {
+        return new CascaderComponent(this.browser, placeholder, label);
+    }
+
+    /**
+     * 获取复选框组件
+     * @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 左侧菜单组件
+     */
+    leftMenuComponent() {
+        return new LeftMenuComponent(this.browser);
+    }
+
+    /**
+     * 获取列表组件
+     * @returns 列表组件
+     */
+    listComponent() {
+        return new ListComponent(this.browser);
+    }
+
+    /**
+     * 获取消息组件
+     * @param {Stirng} text 文本
+     * @returns 消息组件
+     */
+    messageComponent(text) {
+        return new MessageComponent(this.browser, text);
+    }
+
+    /**
+     * 获取选择器组件
+     * @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 顶部菜单组件
+     */
+    topMenuComponent() {
+        return new TopMenuComponent(this.browser);
+    }
+
+    /**
+     * 获取表格组件
+     * @returns 表格组件
+     */
+    tableComponent() {
+        return new TableComponent(this.browser);
+    }
+
+    /**
+     * 获取文本组件
+     * @param {String} text 文本
+     * @returns 文本组件
+     */
+    textComponent(text) {
+        return new TextComponent(this.browser, text);
+    }
+
+    /**
+     * 等待加载
+     */
+    async loading() {
+        try {
+            const xpath = "//*[@class='w-loading-mask' and (not (ancestor-or-self::*[contains(@style,'display: none')]))]";
+            if (await this.browser.isDisplayed(xpath, 200)) {
+                await this.browser.waitUntilElementBeNotVisible(xpath);
+            }
+        } catch (error) {
+
+        }
+    }
+
+}
+
+module.exports = Page;

package/infusion60/test/component.test.js

@@ -0,0 +1,65 @@
+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.url.login);
+})
+
+test("input/button", async () => {
+    const page = new Page(browser);
+    await page.inputComponent("请输入您的工号").input(config.user.admin.工号);
+    await page.inputComponent("请输入您的密码").input(config.user.admin.密码);
+    await page.buttonComponent("登 录").click();
+})
+
+test("topMenu/leftMenu/switch/checkbox", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent().select("配置");
+    await page.leftMenuComponent().select("水印配置");
+    await page.switchComponent("方案状态").off();
+    await page.loading();
+    await page.checkboxComponent("用户姓名").unselect();
+    await page.loading();
+    await page.switchComponent("方案状态").on();
+    await page.loading();
+    await page.checkboxComponent("用户姓名").select();
+    await page.loading();
+})
+
+test("table", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent().select("输液/治疗");
+    let tableData = await page.tableComponent().getTableData();
+    console.log(tableData);
+    await page.tableComponent().selectAll();
+    await page.tableComponent().unselectAll();
+    await page.tableComponent().select(1);
+    await page.tableComponent().unselect(1);
+    await page.tableComponent().blockComponent(1,2).click();
+    await page.loading();
+    tableData = await page.tableComponent().getTableData();
+    console.log(tableData);
+})
+
+test("dialog/select/list", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent().select("配置");
+    await page.leftMenuComponent().select("皮试配置");
+    await page.buttonComponent("添加皮试项目").click();
+    await page.dialogComponent("皮试药品编辑").selectComponent(null,"药品名称").select("[甲]$奥美拉唑胶囊(7#,1)","[甲]利多卡因针");
+    await page.dialogComponent("皮试药品编辑").buttonComponent("取消").click();
+})
+
+test("message/text", async () => {
+    const page = new Page(browser);
+    await page.topMenuComponent().select("配置");
+    await page.leftMenuComponent().select("皮试配置");
+    await page.leftMenuComponent().select("输液室配置");
+    await page.textComponent("保存").click();
+    await page.dialogComponent("提示").buttonComponent("确定").click();
+    await page.messageComponent("保存成功").waitUntilBeVisible();
+
+})

package/infusion60/test/component.test.json

@@ -0,0 +1,12 @@
+{
+    "url": {
+        "login": "http://172.17.0.61:9299/infusion-web/login"
+    },
+    "user": {
+        "admin": {
+            "工号": "00",
+            "密码": "123456",
+            "机构名": ""
+        }
+    }
+}

package/jest.config.js

@@ -0,0 +1,7 @@
+const config = {
+    testTimeout: 300000,
+    maxWorkers: 1,
+    testSequencer: "./CustomSequencer.js",
+}
+
+module.exports = config;

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@winning-test/component",
+  "version": "0.0.1",
+  "description": "",
+  "main": "",
+  "scripts": {
+    "test": "jest"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://tfs2018-web.winning.com.cn:8080/tfs/WN_HIS/TestDept/_git/component"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@winning-test/autotest-webui": "^0.1.33"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.1",
+    "chromedriver": "^113.0.0",
+    "jest": "^29.5.0"
+  }
+}

package/rhm5.6/component/BlockComponent.js

@@ -0,0 +1,187 @@
+/**
+ * 块组件类
+ * @作者 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} xpath xpath
+     * @returns 块组件
+     */
+    blockComponent(xpath) {
+        let that = this;
+        class _BlockComponent extends BlockComponent {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new _BlockComponent(this.browser, 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} label 标签
+     * @param {String} id id
+     * @returns 输入框组件
+     */
+    inputComponent(label, id) {
+        let that = this;
+        class InputComponent extends require("./InputComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new InputComponent(this.browser, label, id);
+    }
+
+    /**
+     * 获取左侧菜单组件
+     * @returns 左侧菜单组件
+     */
+    leftMenuComponent() {
+        let that = this;
+        class LeftMenuComponent extends require("./LeftMenuComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new LeftMenuComponent(this.browser);
+    }
+
+    /**
+     * 获取单选框组件
+     * @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} label 标签 
+     * @param {String} id id
+     * @returns 选择器组件
+     */
+    selectComponent(label, id) {
+        let that = this;
+        class SelectComponent extends require("./SelectComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new SelectComponent(this.browser, label, id);
+    }
+
+    /**
+     * 获取表格组件
+     * @returns 表格组件
+     */
+    tableComponent() {
+        let that = this;
+        class TableComponent extends require("./TableComponent") {
+            _createRootXpath() {
+                return that.getXpath();
+            }
+        }
+        return new TableComponent(this.browser);
+    }
+
+    /**
+     * 获取文本组件
+     * @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/rhm5.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::a`;
+    }
+
+}
+
+module.exports = ButtonComponent;