fix: timeout from config during late inject (#552)

* fix: timeout from config during late inject

* ci: validate late injection config cache

* fix: failing test cases

* fix: failing test cases v2

* ci: dummy change

* ci: failing test cases for ts app

* fix: timeout from config during late inject(ReviewFix)

* fix: timeout from config during late inject(ReviewFix V2)

* chore(pkg-lock): update

* fix: types

---------

Co-authored-by: I060573 <sumesh.nair@sap.com>
Co-authored-by: Volker Buzek <volker.buzek@js-soft.com>

examples/ui5-js-app/e2e-test-config/wdio-ui5-late.conf.js

@@ -4,7 +4,8 @@ const merge = require("deepmerge")
 
 const _config = {
     wdi5: {
-        skipInjectUI5OnStart: true
+        skipInjectUI5OnStart: true,
+        waitForUI5Timeout: 654321
     },
     specs: [join("..", "webapp", "test", "e2e", "ui5-late.test.js")],
     baseUrl: "https://github.com/ui5-community/wdi5/"

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

@@ -12,6 +12,15 @@ describe("ui5 basic", () => {
         await ui5Service.injectUI5()
     })
 
+    it("should verify the caching of the wdi5 config", async () => {
+        // open local app
+        await browser.url("http://localhost:8888")
+        // do the late injection
+        await ui5Service.injectUI5()
+        // check if config have been cached
+        expect(__wdi5Config.wdi5.waitForUI5Timeout).toBe(654321)
+    })
+
     // after late injection, use wdi5 as usual
     it("should get a button text via model binding", async () => {
         const buttonText = await browser

examples/ui5-ts-app/test/e2e/ui5-late.test.ts

@@ -13,6 +13,15 @@ describe("late inject wdi5", () => {
         await wdi5.injectUI5()
     })
 
+    it("should verify the caching of the wdi5 config", async () => {
+        // open local app
+        await browser.url("http://localhost:8080/index.html")
+        // do the late injection
+        await wdi5.injectUI5()
+        // check if config have been cached properly
+        expect(__wdi5Config.wdi5.waitForUI5Timeout).toBe(654321)
+    })
+
     it("wdi5 should subsequently work with UI5 enablement", async () => {
         const webcomponentValue = await (
             browser.asControl({

examples/ui5-ts-app/wdio-ui5-late.conf.ts

@@ -1,6 +1,6 @@
 import { config as baseConfig } from "./wdio-ui5.conf.js"
 
-baseConfig.wdi5 = { skipInjectUI5OnStart: true }
+baseConfig.wdi5 = { skipInjectUI5OnStart: true, waitForUI5Timeout: 654321 }
 baseConfig.specs = ["./test/e2e/ui5-late.test.ts"]
 delete baseConfig.exclude
 baseConfig.baseUrl = "https://github.com/ui5-community/wdi5/"

src/lib/wdi5-bridge.ts

@@ -114,7 +114,11 @@ function checkUI5Version(ui5Version: string) {
  * attach the sap/ui/test/RecordReplay object to the application context window object as 'bridge'
  */
 export async function injectUI5(config: wdi5Config, browserInstance) {
-    const waitForUI5Timeout = config.wdi5?.waitForUI5Timeout || 15000
+    if (!config?.wdi5) {
+        //Fetching config from global variable
+        config.wdi5 = global.__wdi5Config.wdi5
+    }
+    const waitForUI5Timeout = config.wdi5.waitForUI5Timeout || 15000
     let result = true
 
     // unify timeouts across Node.js- and browser-scope

src/service.ts

@@ -15,6 +15,8 @@ export default class Service implements Services.ServiceInstance {
     ) {} // the Service is instantiated by wdio with the capabilities and config passed on to
 
     async before(/*capabilities* , specs*/) {
+        // cache config to global for later use
+        global.__wdi5Config = this._config
         // if no wdi5 config is available we add it manually
         if (!this._config.wdi5) {
             this._config["wdi5"] = {}
@@ -90,6 +92,10 @@ export default class Service implements Services.ServiceInstance {
         if (await checkForUI5Page(browserInstance)) {
             // depending on the scenario (lateInject, multiRemote) we have to access the config differently
             const config = this._config ? this._config : browserInstance.options
+            if (!config["wdi5"]) {
+                //Fetching config from global variable
+                config["wdi5"] = global.__wdi5Config.wdi5
+            }
             await injectUI5(config as wdi5Config, browserInstance)
         } else {
             throw new Error("wdi5: no UI5 page/app present to work on :(")

src/types/wdi5.types.ts

@@ -60,7 +60,7 @@ export interface wdi5Config extends WebdriverIO.Config {
 /**
  * the "wdi5" prefix is to comply with W3C standards
  */
-export interface wdi5Capabilities extends WebDriver.DesiredCapabilities {
+export interface wdi5Capabilities extends WebdriverIO.Capabilities {
     "wdi5:authentication"?: BTPAuthenticator | BasicAuthAuthenticator | CustomAuthenticator | Office365Authenticator
 }
 export interface wdi5MultiRemoteCapability {