在带有 nodeIntegration 选项的电子窗口内使用剧作家答案

【问题标题】：using playwright inside electron window with nodeIntegration option在带有 nodeIntegration 选项的电子窗口内使用剧作家
【发布时间】：2022-08-17 02:55:50
【问题描述】：

前端反应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>
    </>
  );
}

错误

我正在使用电子 Electron-React-boilerplate 模板在我使用的电子选项中节点集成在前端运行 node js api 的选项，它适用于 node js api

但是当我尝试使用任何元素时page.waitForSelector或者page.locator(\'输入\')或者page.fill或者page.click抛出这个错误我怎样才能让剧作家在前端完全使用 react js 我不想使用 pacMan 从前端向 nodejs 发送请求以运行测试

标签： javascript reactjs electron playwright

【解决方案1】：

你想测试用户界面吗？如果是这样，我在这里写了一个答案Electron desktop Application testing with[PLAYWRIGHT]。

初始化项目并编写测试后，您只需使用 npx playwright 测试

【讨论】：