feat: wdi5 test

~ opa5 test journey

webapp/test/e2e/dialog.test.ts

@@ -0,0 +1,17 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+import AppPage from "./pages/AppPage"
+
+describe("Hello!", () => {
+  it("Should open the Hello dialog", async () => {
+    await AppPage.iPressTheSayHelloWithDialogButton()
+    const dialogVisible = await AppPage.iShouldSeeTheHelloDialog()
+    expect(dialogVisible).toBeTruthy()
+  })
+
+  it("Should close the Hello dialog", async () => {
+    await AppPage.iPressTheOkButtonInTheDialog()
+    const dialogNotVisible = await AppPage.iShouldNotSeeTheHelloDialog()
+    expect(dialogNotVisible).toBeTruthy()
+  })
+})

webapp/test/e2e/pages/AppPage.ts

@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+import Button from "sap/m/Button"
+import MessageBox from "sap/m/MessageBox"
+
+import { buttonLocator, dialogLocator, OKButtonLocator } from "./locators"
+
+class AppPage {
+  async iPressTheSayHelloWithDialogButton() {
+    const button = await browser.asControl<Button>(buttonLocator)
+    await button.press()
+  }
+
+  async iShouldSeeTheHelloDialog(): Promise<boolean> {
+    const dialog = await browser.asControl<MessageBox>(dialogLocator)
+    return await dialog.getVisible<boolean>()
+  }
+
+  async iPressTheOkButtonInTheDialog() {
+	await browser.asControl(OKButtonLocator).press()
+  }
+
+  async iShouldNotSeeTheHelloDialog(): Promise<boolean> {
+    const dialog = await browser.asControl<MessageBox>(dialogLocator)
+    return await dialog.isInitialized()
+  }
+}
+
+export default new AppPage()

webapp/test/e2e/pages/locators.ts

@@ -0,0 +1,25 @@
+export const buttonLocator = {
+  selector: {
+    id: "container-ui5.typescript.helloworld---app--helloButton"
+  }
+}
+
+export const dialogLocator = {
+  selector: {
+    controlType: "sap.m.Dialog",
+    properties: {
+      type: "Message"
+    },
+    searchOpenDialogs: true
+  }
+}
+
+export const OKButtonLocator = {
+  selector: {
+    controlType: "sap.m.Button",
+    properties: {
+      text: "OK"
+    },
+    searchOpenDialogs: true
+  }
+}