@winning-test/component 0.0.102 → 0.0.104

package/rfds5.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/rfds5.6/component/SelectComponent.js

@@ -0,0 +1,77 @@
+/**
+ * 选择器组件类
+ * @作者 MaoJJ
+ */
+class SelectComponent extends require("./Component") {
+
+    /**
+     * 选择器组件
+     * @param {Browser} browser 浏览器
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     */
+    constructor(browser, placeholder, label, forceMulti = false) {
+        super(browser);
+        this.placeholder = placeholder;
+        this.label = label;
+        this.forceMulti = forceMulti;
+    }
+
+    _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 || this.forceMulti){ // 多选不检查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 || this.forceMulti) {
+            xpath = this.getXpath();
+            await (await this.browser.findElement(xpath)).click();
+        }
+    }
+
+}
+
+module.exports = SelectComponent;

package/rfds5.6/component/SelectCompositeComponent.js

@@ -0,0 +1,46 @@
+/**
+ * 复合选择器组件
+ * @作者 MaoJJ
+ */
+const ListCompositeComponent = require('./ListCompositeComponent');
+class SelectCompositeComponent 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 {Array or Object} items 列表项
+     * 
+     */
+    async select(items) {
+        let xpath = this.getXpath();
+        await (await this.browser.findElement(xpath)).click();
+        let listCompositeComponent = new ListCompositeComponent(this.browser);
+        await listCompositeComponent.select(items);
+        await (await this.browser.findElement(xpath)).click();
+    }
+
+}
+
+module.exports = SelectCompositeComponent;

package/rfds5.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/rfds5.6/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,'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 z_xpath = `${this.getXpath()}${this._createBodyXapth()}`
+        if(!await this.browser.isDisplayed(`${z_xpath}`, 2000)) {
+            return ret;
+        }
+        if(!await this.browser.isDisplayed(`${z_xpath}//tr`, 2000)) {
+            return 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/rfds5.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/rfds5.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/rfds5.6/page/Page.js

@@ -0,0 +1,230 @@
+const BlockComponent = require("../component/BlockComponent");
+const ButtonComponent = require("../component/ButtonComponent");
+const CheckboxComponent = require("../component/CheckboxComponent");
+const CanvasComponent = require("../component/CanvasComponent");
+const DialogComponent = require("../component/DialogComponent");
+const InputComponent = require("../component/InputComponent");
+const ListComponent = require("../component/ListComponent");
+const ListCompositeComponent = require("../component/ListCompositeComponent");
+const MessageComponent = require("../component/MessageComponent");
+const RadioComponent = require("../component/RadioComponent");
+const SelectComponent = require("../component/SelectComponent");
+const SelectCompositeComponent = require("../component/SelectCompositeComponent");
+const SwitchComponent = require("../component/SwitchComponent");
+const TableComponent = require("../component/TableComponent");
+const TextareaComponent = require("../component/TextareaComponent");
+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);
+    }
+
+    /**
+     * 获取画图板组件
+     * @returns 画图板组件
+     */
+    canvasComponent() {
+        return new CanvasComponent(this.browser);
+    }
+
+    /**
+     * 获取对话框组件
+     * @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 列表组件
+     */
+    listCompositeComponent() {
+        return new ListCompositeComponent(this.browser);
+    }
+
+    /**
+     * 获取复合列表组件
+     * @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 标签
+     * @param {String} forceMulti 多选标志
+     * @returns 选择器组件
+     */
+    selectComponent(placeholder, label, forceMulti) {
+        return new SelectComponent(this.browser, placeholder, label, forceMulti);
+    }
+
+    /**
+     * 获取复合选择器组件
+     * @param {String} placeholder 背景文字
+     * @param {String} label 标签
+     * @param {String} forceMulti 多选标志
+     * @returns 选择器组件
+     */
+    selectCompositeComponent(placeholder, label) {
+        return new SelectCompositeComponent(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);
+    }
+
+    /**
+     * 等待加载
+     */
+    async loading() {
+        try {
+            const xpath = "//*[contains(@class, '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(1000);
+        } catch (error) {
+
+        }
+    }
+
+    /**
+     * 获取菜单组件
+     * @param  {String} firstItem 大菜单项
+     * @returns ...菜单组件
+     */
+    menuComponent() {
+        let that = this;
+        class MenuComponent extends require("../component/Component") {
+            constructor(browser) {
+                super(browser);
+            }
+
+            /**
+             * 选择菜单
+             * @param  {String} leftMenuItem 左侧菜单项
+             * @param  {String} menuItem 菜单项
+             */
+            async select(leftMenuItem, menuItem) {
+                await that.blockComponent(`//*[@class="nav-right"]//span[contains(@class,'w-menu-item')]`).click();
+                let xpath = `//*[contains(@class,"menu-popover-content")]//div[@class='w-popover__content']`;
+                await that.blockComponent(xpath).waitUntilBeVisible();
+                await that.blockComponent(`${xpath}//div[contains(@class, 'left-menu')]//div[@class='w-menu-item--content'][normalize-space(text())='${leftMenuItem}']`).click();
+                await that.blockComponent(`${xpath}//div[contains(@class, 'right-menu')]//p[@title='${menuItem}']`).waitUntilBeVisible();
+                await that.blockComponent(`${xpath}//div[contains(@class, 'right-menu')]//p[@title='${menuItem}']`).click();
+                let moveXpath = `//div[@class="nav-title"]`
+                await that.browser.moveMouseTo(moveXpath);
+                await that.blockComponent(xpath).waitUntilBeNotVisible();
+                await that.loading();
+                await that.loading();
+            }
+
+
+        }
+        return new MenuComponent(that.browser)
+    }
+
+}
+
+module.exports = Page;

package/rfds5.6/test/component.test.js

@@ -0,0 +1,64 @@
+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("input/button", async () => {
+    const page = new Page(browser);
+    await page.inputComponent("请输入用户名").input(config.家医登录.user.xlc.用户名);
+    await page.inputComponent("请输入密码").input(config.家医登录.user.xlc.密码);
+    await page.buttonComponent("登 录").click();
+    await page.blockComponent(`//div[@id="tab-1"][text()='医生首页']`).waitUntilBeVisible();
+    await page.browser.sleep(2000);
+    await page.loading();
+    await page.loading();
+    await page.loading();
+})
+
+test.skip("menu/selectComposite/input/select/block/check/button/table", async () => {
+    const page = new Page(browser);
+    await page.menuComponent().select('居民管理','已签约居民');
+    await page.textComponent('更多查询').click();
+    await page.textComponent('折叠查询').waitUntilBeVisible();
+    await page.selectComponent('请选择履约情况').select('未履约');
+    await page.selectComponent('', '查询类型').select('按登录用户查询');
+    await page.inputComponent('', '关键字').input('王金龙');
+    // await page.selectCompositeComponent('', '签约团队').select(['兴隆测试团队']);
+    // await page.selectCompositeComponent('', '所属人群').select({'所有':['精神病','肿瘤非晚期']});
+    // await page.blockComponent(`//*[normalize-space(text())='协议止日']/following-sibling::*`)
+    // .inputComponent('起').input('2024-03-28');
+    // await page.blockComponent(`//*[normalize-space(text())='协议止日']/following-sibling::*`)
+    // .inputComponent('止').input('2024-03-28');
+    // await page.selectComponent('', '人群大类').select('一般人群');
+    // await page.checkboxComponent('是否并且').select();
+    await page.buttonComponent('查询').click();
+    await page.loading();
+    let tableData = await page.tableComponent().getTableData();
+    console.log(tableData);
+
+    // await page.menuComponent().select('签约记录','签约记录');
+    // //有重复的，只能选择第一个
+    // await page.selectCompositeComponent('', '签约团队').select(['兴隆测试团队', '兴隆测试团队']);
+})
+
+test("dialog/canvas", async () => {
+    const page = new Page(browser);
+    await page.menuComponent().select('居民管理','未签约居民');
+    await page.tableComponent().blockComponent(1).buttonComponent('签约').click();
+    await page.loading();
+    await page.dialogComponent('签约').buttonComponent('下一步').click();
+    await page.dialogComponent('签约').blockComponent(`//*[normalize-space(text())='所有人群基础包']/ancestor::label`).checkboxComponent().select();
+    await page.dialogComponent('签约').buttonComponent('下一步').click();
+    await page.blockComponent(`(//*[text()='居民签字：']/following-sibling::*)[1]`).click();
+    await page.dialogComponent('居民签字').canvasComponent().draw();
+
+})
+
+
+  

package/rfds5.6/test/component.test.json

@@ -0,0 +1,13 @@
+{
+    "url": {
+        "login": "http://172.20.16.111:6061/#/login"
+    },
+    "家医登录": {
+        "user": {
+            "xlc":{
+                "用户名":"xlc",
+                "密码":"Aa@123456"
+            }
+        }
+    }
+}