changing to hidden element

extensions/scripts/bundles/plugins.ts

@@ -193,26 +193,14 @@ async function playwrightTest(framework, bundledJsPath) {
   const browser = await chromium.launch();
   const context = await browser.newContext();
   const page = await context.newPage();
-  var detailsJSON = {};
   await page.goto('about:blank');
-
-  page.on('console', async (msg) => {
-    const args = await Promise.all(msg.args().map(arg => arg.jsonValue()));
-    for (const arg of args) {
-      if (arg.includes("DETAILS: ")) {
-        let prefix = "DETAILS: ";
-        let jsonVal = arg.substring(prefix.length).trim();
-        jsonVal = JSON.parse(jsonVal.trim());
-        detailsJSON = jsonVal;
-      }
-    }
-  });
-
   const bundledJs = fs.readFileSync(bundledJsPath, 'utf8');
   await page.evaluate(`
   ${framework}
   ${bundledJs}`)
-  await page.waitForTimeout(1000);
+  await page.waitForSelector('#menuDetails', { state: 'attached' });
+  var detailsJSON = await page.$eval('#menuDetails', (element) => element.textContent);
+  detailsJSON = JSON.parse(detailsJSON);
   await browser.close();
   return detailsJSON;
 }

extensions/src/common/extension/index.ts

@@ -48,8 +48,11 @@ export const extension = <const TSupported extends readonly MixinName[]>(
 ): ExtensionWithFunctionality<[...TSupported]> & typeof ExtensionBase => {
 
   if (details) {
-    let detailStr = `DETAILS: ${JSON.stringify(details)}`;
-    console.log(detailStr);
+    const element = document.createElement("div");
+    element.textContent = JSON.stringify(details);
+    element.id = "menuDetails";
+    element.style.display = "none";
+    document.body.appendChild(element);
     extensionBundleEvent?.fire({ details, addOns });
   }