node.js - 如何使用 Playwright 滚动到特定浏览器版本？

Question

我需要在不同的 Chromium 版本中使用 Playwright 运行一些测试。我有不同版本的不同 Chromium 文件夹，但我不知道如何使用 CLI 从一个版本切换到另一个版本来运行我的测试。一些帮助？谢谢 ：）

Answer 1

您可以executablePath在启动浏览器时使用该参数来使用自定义可执行文件。见这里。请注意，这仅适用于基于 Chromium 的浏览器，请参见此处。

const playwright = require('playwright');

(async () => {
  const browser = await playwright.chromium.launch({
    executablePath: '/your/custom/chromium'
  });
  const page = await browser.newPage();
  await page.goto('http://whatsmyuseragent.org/');
  await page.screenshot({ path: `example.png` });
  await browser.close();
})();

此外，Playwright 仅针对最新的稳定版本进行测试，因此其他 Chromium 版本可能会出现问题。请参阅此处的版本。

Answer 2

Max Schmitt 是对的：不保证该库可以与非捆绑的 Chromium 一起使用。无论如何，您可以在executablePath. 由于它不是内置在 Playwright 测试中，因此您需要自己实现它。

注意：这样你就失去了 Playwright Test 的一些简单性。

在我的示例中，我使用Jest作为测试运行程序，因此yarn add --dev jest是必需的。最后一个 CLI 参数 - 为浏览器版本保留 - 可以process.argv.slice(-1)[0]在 Node 中检索，像这样你可以告诉你的测试你想要使用哪个浏览器版本。它们将在此处edge，chrome默认为捆绑的chromium.

MS Edge（铬）

yarn test chrome.test.js edge

铬合金

yarn test chrome.test.js chrome

Chromium（默认 - 与 Playwright 捆绑）（但任何字符串，或缺少此参数也将作为默认启动）

yarn test chrome.test.js chromium_default

chrome.test.js
（带有特定于 Windows 的可执行路径）

const playwright = require('playwright')

let browser
let page

beforeAll(async function () {
  let chromeExecutablePath
  switch (process.argv.slice(-1)[0]) {
    case 'chrome':
      chromeExecutablePath = 'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe'
      break
    case 'edge':
      chromeExecutablePath = 'C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe'
      break
    default:
      chromeExecutablePath = ''
  }
  browser = await playwright.chromium.launch({ 
    headless: false, 
    executablePath: chromeExecutablePath 
  })
  page = await browser.newPage()
})

describe('Google Search', function () {
  test('should respond with HTTP 200 - OK', async function () {
    const response = await page.goto('https://google.com')
    const responseCode = response.status()
    expect(responseCode).toBe(200)
  })
  afterAll(async function () {
    await browser.close()
  })
})