@winning-test/component 0.0.3 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winning-test/component",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
   "main": "",
   "scripts": {
@@ -13,7 +13,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@winning-test/autotest-webui": "^0.1.34"
+    "@winning-test/autotest-webui": "^0.1.35"
   },
   "devDependencies": {
     "@types/jest": "^29.5.1",

package/winex60/component/Component.js

@@ -73,6 +73,29 @@ class Component extends require("@winning-test/autotest-webui/src/Component") {
         await super.waitUntilBeVisible();
         await this.browser.sleep(Component.delayTime);
     }
+
+    /**
+     * 鼠标移动到组件后悬停
+     */
+    async moveMouseTo() {
+        await this.browser.moveMouseTo(this.getXpath());
+        await this.browser.sleep(Component.delayTime);
+    }
+
+    /**
+     * 是否显示, 在等待时间内显示, 返回true, 否则返回false
+     * @param {Number} timeout 等待时间, 单位: ms
+     */
+    async isDisplayed(timeout) {
+        return await this.browser.isDisplayed(this.getXpath(), timeout);
+    }
+
+    /**
+     * 滚动页面到元素位置
+     */
+    async scrollIntoView() {
+        (await this.browser.findElement(this.getXpath())).scrollIntoView();
+    }
 }
 
 module.exports = Component;

package/winex60/component/DialogComponent.js

@@ -2,7 +2,7 @@
  * 对话框组件类
  * @作者 MaoJJ
  */
-class DialogComponent extends require("./Component") {
+class DialogComponent extends require("./BlockComponent") {
 
     /**
      * 对话框组件
@@ -10,7 +10,7 @@ class DialogComponent extends require("./Component") {
      * @param {String} title 标题
      */
     constructor(browser, title) {
-        super(browser);
+        super(browser, null, null);
         this.title = title;
     }
 
@@ -18,217 +18,6 @@ class DialogComponent extends require("./Component") {
         return `//*[contains(normalize-space(text()),'${this.title}')]/ancestor::*[@role='dialog']`;
     }
 
-    /**
-     * 获取块组件
-     * @param {String} id id
-     * @param {String} xpath xpath
-     * @returns 块组件
-     */
-    blockComponent(id, xpath) {
-        let that = this;
-        class BlockComponent extends require("./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} placeholder 背景文字 
-     * @param {String} label 标签
-     * @returns 级联选择器组件
-     */
-    cascaderComponent(placeholder, label) {
-        let that = this;
-        class CascaderComponent extends require("./CascaderComponent") {
-            _createRootXpath() {
-                return that.getXpath();
-            }
-        }
-        return new CascaderComponent(this.browser, placeholder, label);
-    }
-
-    /**
-     * 获取复选框组件
-     * @param {String} text 文本
-     * @returns 复选框组件
-     */
-    checkboxComponent(text) {
-        let that = this;
-        class CheckboxComponent extends require("./CheckboxComponent") {
-            _createRootXpath() {
-                return that.getXpath();
-            }
-        }
-        return new CheckboxComponent(this.browser, text);
-    }
-
-    /**
-     * 获取对话框组件
-     * @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 左侧菜单组件
-     */
-    leftMenuComponent() {
-        let that = this;
-        class LeftMenuComponent extends require("./LeftMenuComponent") {
-            _createRootXpath() {
-                return that.getXpath();
-            }
-        }
-        return new LeftMenuComponent(this.browser);
-    }
-
-    /**
-     * 获取列表组件
-     * @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} text 文本
-     * @returns 文本组件
-     */
-    textComponent(text) {
-        let that = this;
-        class TextComponent extends require("./TextComponent") {
-            _createRootXpath() {
-                return that.getXpath();
-            }
-        }
-        return new TextComponent(this.browser, text);
-    }
-
 }
 
 module.exports = DialogComponent;

package/winex60/component/TableComponent.js

@@ -23,7 +23,7 @@ class TableComponent extends require("./Component") {
     async getTableData() {
         let ret = [];
         let xpath = `(${this.getXpath()}//tbody)[1]/tr[1]`;
-        await (await this.browser.findElement(xpath)).waitUntilBeVisible();
+        await this.browser.findElement(xpath);
         xpath = `(${this.getXpath()}//thead)[1]/tr/th`;
         let titles = await this.browser.findElements(xpath);
         for (let i = 0; i < titles.length; i++) {

package/winex60/page/Page.js

@@ -149,8 +149,24 @@ class Page extends require("@winning-test/autotest-webui").Page {
      * @param {String} label 标签
      * @returns 单选框组件
      */
-    radioComponent(label){
-        return new RadioComponent(this.browser,label)
+    radioComponent(label) {
+        return new RadioComponent(this.browser, label)
+    }
+
+    /**
+     * 切入iframe
+     * @param {Sting} xpath xpath
+     */
+    async switchToFrame(xpath = "//iframe") {
+        xpath += "[not (ancestor-or-self::*[contains(@style,'display: none')])]"
+        await this.browser.switchToFrame(xpath);
+    }
+
+    /**
+     * 切出iframe
+     */
+    async switchToDefult() {
+        await this.browser.switchToFrame();
     }
 
 }

package/winex60/test/component.test.js

@@ -1,36 +1,58 @@
 const { Browser, Key } = require("@winning-test/autotest-webui");
-const Page = require("../page/Page");
+const config = require("./component.test.json");
+const Page = require("../page/Page")
 const browser = new Browser();
 
 beforeAll(async () => {
     await browser.maximize();
-    await browser.get("http://127.0.0.1:7239/portal/login#/login");
-    browser.config.screenshot.isEnabled = true;
+    await browser.get(config.url);
 })
 
-test("一般测试", async () => {
+test("input/button/text", async () => {
     const page = new Page(browser);
-    await page.inputComponent("在此键入您的工号/账号").waitUntilBeVisible();
-    await page.inputComponent("在此键入您的工号/账号").input("11188");
-    await page.inputComponent("请输入您的密码").input("abcd@1234");
-    await page.selectComponent("在此选择院区").select("【UAT】西直门院区");
-    await page.selectComponent("请选择系统").select("基础业务管理");
-    await page.checkboxComponent("保存账号").select();
+    await page.inputComponent("在此键入您的工号/账号").input(config.user.admin.username);
+    await page.inputComponent("请输入您的密码").input(config.user.admin.password);
     await page.buttonComponent("登录").click();
-    await page.leftMenuComponent().select("门诊收费", "日常工作", "患者建档");
-    await page.blockComponent(null, "//*[@class='his-wrapper']").textComponent("关联员工").waitUntilBeVisible();
-    await browser.sleep(500);
-    await page.inputComponent("请刷入条形码").input("MAOJJ888999", Key.ENTER);
-    await browser.sleep(500);
-    const value = await page.inputComponent("请输入卡号").getAttribute("value");
-    expect(value).toBe("MAOJJ888999");
-    await page.cascaderComponent("请选择现住址").select("上海市", "浦东新区", "三林镇");
-    await page.selectComponent(null,"证件信息").select("其他法定有效证件");
+    if (await page.messageComponent("未经处理的异常").isDisplayed(1000)){
+        await page.buttonComponent("登录").click();
+    }
 })
 
-test("Table测试", async () => {
+test("dialog/checkbox", async () => {
     const page = new Page(browser);
-    await page.leftMenuComponent().select("门诊收费", "日常工作", "患者档案");
-    const text = await page.tableComponent().blockComponent(1, 2).getText();
-    expect(text).not.toBeNull();
+    await page.blockComponent(null, "//*[@class='application-name']").click();
+    await page.textComponent("门诊医生站").click();
+    await page.dialogComponent("就诊科目").waitUntilBeVisible();
+    await page.dialogComponent("就诊科目").checkboxComponent("全选").select();
+    await page.dialogComponent("就诊科目").checkboxComponent("全选").unselect();
+    await page.dialogComponent("就诊科目").checkboxComponent("内科").select();
+    await page.dialogComponent("就诊科目").buttonComponent("确定").click();
+})
+
+test("blockComponent/table/select/list", async () => {
+    const page = new Page(browser);
+    await page.textComponent("患者列表").click();
+    await page.blockComponent("header-search").waitUntilBeVisible();
+    const tableData = await page.blockComponent("header-search").tableComponent().getTableData();
+    console.log(tableData);
+    await page.blockComponent("header-search").selectComponent(null, "时间筛选").select("本月");
+})
+
+test("switch", async () => {
+    const page = new Page(browser);
+    await page.blockComponent(null, "//*[@class='application-name']").click();
+    await page.textComponent("配置管理").click();
+    await page.blockComponent(null,"//*[@class='left-menu']").waitUntilBeVisible();
+    await page.blockComponent(null,"//*[@class='left-menu']").moveMouseTo();
+    await page.blockComponent(null,"//*[@class='left-menu']").textComponent("主数据").isDisplayed(3000)
+    await page.blockComponent(null,"//*[@class='left-menu']").textComponent("主数据").click();
+    await page.blockComponent(null,"//*[@class='left-menu']").textComponent("资源").isDisplayed(3000)
+    await page.blockComponent(null,"//*[@class='left-menu']").textComponent("资源").click();
+    await page.blockComponent(null,"//*[@class='left-menu']").textComponent("员工").isDisplayed(3000);
+    await page.blockComponent(null,"//*[@class='left-menu']").textComponent("员工").click();
+    await page.switchToFrame();
+    await page.buttonComponent("新建员工").click();
+    await page.switchComponent("员工状态").scrollIntoView();
+    await page.switchComponent("员工状态").off();
+    await page.switchComponent("员工状态").on();
 })

package/winex60/test/component.test.json

@@ -0,0 +1,13 @@
+{
+    "url": "http://172.18.0.66/portal/#/index",
+    "user": {
+        "admin": {
+            "username": "admin",
+            "password": "winning@300253"
+        },
+        "doctor": {
+            "username": "224",
+            "password": "abcd@1234"
+        }
+    }
+}

package/winex60/test/select.test.js

@@ -1,26 +0,0 @@
-const { Browser, Key } = require("@winning-test/autotest-webui");
-const Page = require("../page/Page");
-const browser = new Browser();
-
-test("select测试", async () => {
-    for (let i = 0; i < 5; i++) {
-        await browser.maximize();
-        await browser.get("http://127.0.0.1:7239/portal/login#/login");
-        const page = new Page(browser);
-        await page.inputComponent("在此键入您的工号/账号").waitUntilBeVisible();
-        await page.inputComponent("在此键入您的工号/账号").clear();
-        await page.inputComponent("在此键入您的工号/账号").input("11188");
-        await page.inputComponent("请输入您的密码").clear();
-        await page.inputComponent("请输入您的密码").input("abcd@1234");
-        await page.selectComponent("在此选择院区").select("【UAT】西直门院区");
-        await page.selectComponent("请选择系统").select("基础业务管理");
-        await page.buttonComponent("登录").click();
-        await page.leftMenuComponent().select("门诊收费", "日常工作", "挂号登记");
-        await page.dialogComponent("收费窗口").selectComponent("请选择诊疗区域").select("急诊");
-        await page.dialogComponent("收费窗口").selectComponent("请选择").select("【全部】支付窗口");
-        const xpath = page.dialogComponent("收费窗口").selectComponent("请选择").getXpath();
-        const value = await (await browser.findElement(xpath)).getValue();
-        expect(value.trim()).toBe("【全部】支付窗口")
-    }
-
-})