test(locator): regex

examples/ui5-js-app/webapp/test/e2e/locators.test.js

@@ -0,0 +1,93 @@
+// helper class "wdi5" contained in wdio service "ui5"
+const { wdi5 } = require("wdio-ui5-service")
+const Main = require("./pageObjects/Main")
+
+describe("wdi5 locators ~ OPA5 matchers", () => {
+    const viewName = "test.Sample.view.Main"
+
+    before(async () => {
+        await Main.open()
+    })
+
+    // TODO: make this work -> see #106
+    it.skip("should find a control with visible: false", async () => {
+        const id = "invisibleInputField"
+
+        // wdio-native selector
+        const wdioInput = await browser.$(`[id$="${id}"]`)
+        expect(await wdioInput.getProperty("id")).toContain("sap-ui-invisible")
+
+        const selector = {
+            selector: {
+                id,
+                controlType: "sap.m.Input",
+                viewName,
+                visible: false
+            }
+        }
+        const input = await browser.asControl(selector)
+        expect(await input.getVisible()).toBe(false)
+
+        await input.setVisible(true)
+        expect(await input.getVisible()).toBe(true)
+    })
+
+    it("should find a ui5 control via .hasStyleClass", async () => {
+        // webdriver
+        const className = "myTestClass"
+
+        // ui5
+        const selector = {
+            wdio_ui5_key: "buttonSelector",
+            selector: {
+                bindingPath: {
+                    modelName: "testModel",
+                    propertyPath: "/buttonText"
+                },
+                viewName,
+                controlType: "sap.m.Button"
+            }
+        }
+
+        if ((await browser.getUI5VersionAsFloat()) <= 1.6) {
+            selector.forceSelect = true
+            selector.selector.interaction = "root"
+        }
+
+        const control = await browser.asControl(selector)
+        const retrievedClassNameStatus = await control.hasStyleClass(className)
+
+        wdi5.getLogger().log("retrievedClassNameStatus", retrievedClassNameStatus)
+        expect(retrievedClassNameStatus).toBeTruthy()
+    })
+
+    it("should find the 'open dialog' button by both property text regex options", async () => {
+        const selectorByTextRegex = {
+            selector: {
+                controlType: "sap.m.Button",
+                properties: {
+                    text: new RegExp(/.*ialog.*/gm)
+                }
+            }
+        }
+
+        const textViaPropertyRegEx = await browser.asControl(selectorByTextRegex).getText()
+        expect(textViaPropertyRegEx).toEqual("open Dialog")
+
+        const selectorByDeclarativeRegex = {
+            selector: {
+                controlType: "sap.m.Button",
+                properties: {
+                    text: {
+                        regex: {
+                            source: ".*ialog.*",
+                            flags: "gm"
+                        }
+                    }
+                }
+            }
+        }
+        const textViaDeclarative = await browser.asControl(selectorByDeclarativeRegex).getText()
+        expect(textViaDeclarative).toEqual("open Dialog")
+    })
+})