在 electron window 中使用帶有 nodeIntegration 選項的劇作家

Question

前端反應js的代碼

import { chromium } from 'playwright';

export default function App() {
  const createBrowser = async () => {
    const browser = await chromium.launch({ headless: false });

    const context = await browser.newContext();

    const page = await context.newPage();

    const element = await page.waitForSelector('.products', {
      state: 'visible',
      timeout: 5,
    });
  };

  return (
    <>
      <button type="button" onClick={createBrowser}>
        CreateBrowser
      </button>
    </>
  );
}

錯誤

I'm using electron Electron-React-boilerplate template in electron options i'm using nodeIntegration option to run node js api in frontend and it works find with node js api

但是當我嘗試使用page.waitForSelector或page.locator('input')或page.fill或page.click獲取任何元素時，如果出現此錯誤，我如何才能讓 playwright 在前端完全使用 react js 我不想使用 ipcMan 從前端向 nodejs 發送請求以運行測試

Answer 1

你想測試用戶界面嗎？ 如果是這樣，我在這里寫了一個答案Electron 桌面應用程序測試 [PLAYWRIGHT] 。

初始化項目並編寫測試后，您只需使用 npx playwright 測試即可。

您是否還嘗試使用 url 加載頁面，也許該頁面沒有加載任何 html 文件，這就是它不起作用的原因