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

分享于2022年11月15日 electron javascript playwright reactjs 问答
【问题标题】: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 (
    <>
      
    
  );
}

错误

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

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


【解决方案1】:

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

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

【讨论】: