Co-authored-by: Karen Cheung <karenc810@users.noreply.github.com>

Co-authored-by: Ryan Huie <8-ryan-8@users.noreply.github.com>

Author: elliottburr

package.json

@@ -115,6 +115,7 @@
     "electron": "^18.0.0",
     "electron-installer-dmg": "^4.0.0",
     "electron-packager": "^15.5.1",
+    "electron-playwright-helpers": "^1.2.0",
     "electron-reloader": "^1.2.3",
     "electron-winstaller": "^5.0.0",
     "eslint": "^8.21.0",

prev-tst/main.js

@@ -327,6 +327,7 @@ ipcMain.on('openDebugAppWindow', (event, localhostToUse) => {
   if(localhostToUse.length === 4 || localhostToUse.length === 5) openBrowserWindow(localhostToUse);
 });
 
+
 /*
    * ==================================================
    *   The injected debugging script uses the ipcRenderer in the browser window to send snapshots when there are state changes
@@ -373,4 +374,31 @@ ipcMain.on('REFRESH', (event, data) => {
   };
   // Use browser window to send REFRESH message
   browser.webContents.send('REFRESH', instance);
-})
+})
+
+//--------------- FOR TESTING -----------------
+ipcMain.on('new-window', () => {
+  createWindow()
+})
+
+// testing main synchronous data passing
+function mainSynchronousData() {
+  return 'Main Synchronous Data'
+}
+
+ipcMain.on('main-synchronous-data', (event, arg) => {
+  return mainSynchronousData()
+})
+
+// testing main asynchronous data passing
+async function mainAsynchronousData() {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve('Main Asynchronous Data')
+    }, 1000)
+  })
+}
+
+ipcMain.on('main-asynchronous-data', async (event, arg) => {
+  return await mainAsynchronousData() 
+})

prev-tst/prev-tst.js

@@ -1,5 +1,14 @@
 import { _electron as electron } from "playwright";
 import { test, expect } from "@playwright/test";
+import { 
+  clickMenuItemById,
+  findLatestBuild, 
+  ipcMainCallFirstListener, 
+  ipcRendererCallFirstListener, 
+  parseElectronApp,
+  ipcMainInvokeHandler,
+  ipcRendererInvoke
+} from 'electron-playwright-helpers'
 
 test("Launch electron app", async () => {
   // Launch electron app
@@ -51,12 +60,36 @@ test.describe("Check Main Page", async () => {
     expect(title).toBe("SvelteStorm");
   });
 
-  test("Check version number: APP", async () => {
-    const versionNumberApp = await firstWindow.innerText("data-testid=version-number-app");
-    expect(versionNumberApp).not.toBe("-");
-    const isValidNumberApp = semver.valid(semver.coerce(versionNumberApp));
-    expect(semver.valid(isValidNumberApp)).not.toBeNull();
-  });
+  test('Trigger IPC listener via main process', async () => {
+    electronApp.evaluate(({ ipcMain }) => {
+      ipcMain.emit('new-window')
+    })
+    const newPage = await electronApp.waitForEvent('window')
+    expect(newPage).toBeTruthy()
+    firstWindow = newPage
+  })
+
+  test('Send IPC message from Renderer to Main and open new window', async () => {
+    // evaluate this script in render process
+    // requires webPreferences.nodeIntegration true and contextIsolation false
+    await firstWindow.evaluate(() => {
+      require('electron').ipcRenderer.send('openDebugAppWindow', '8080')
+    })
+    
+    const newPage = await electronApp.waitForEvent('window')
+    expect(newPage).toBeTruthy()
+    firstWindow = newPage
+  })
+  
+  test('receive synchronous data via ipcMainCallFirstListener()', async () => {
+    const data = await ipcMainCallFirstListener(electronApp, 'main-synchronous-data')
+    expect(data).toBe('Main Synchronous Data')
+  })
+  
+  test('receive asynchronous data via ipcMainCallFirstListener()', async () => {
+    const data = await ipcMainCallFirstListener(electronApp, 'main-asynchronous-data')
+    expect(data).toBe('Main Asynchronous Data')
+  })
 
   test.afterAll(async () => {
     await electronApp.close();