如何使用 Playwright 根据问题和答案文本选择单选按钮答案？

javascript

2024-03-12 07:49:16

利用 Playwright 根据问题和答案选择单选按钮答案

问题：

在进行调查时，我们需要找到一种方法来根据问题和答案的文本，使用 Playwright 选择单选按钮答案。问题文本和答案文本在调查之间会不断变化。

解决方案：

要解决这个问题，我们可以采取以下步骤：

1. 查找问题文本

使用 querySelector() 方法查找问题文本。

2. 获取问题索引

获取问题在页面上所有问题中的索引。

3. 构建单选按钮选择器

使用 nth-of-type() 选择器构建问题的第 n 个单选按钮选择器。

4. 选择单选按钮

使用 querySelector() 方法选择构建的选择器中的单选按钮。

5. 单击单选按钮

使用 click() 方法单击单选按钮以选择答案。

代码示例：

const playwright = require('playwright');

(async () => {
  // 初始化 Playwright
  const browser = await playwright.chromium.launch();
  const page = await browser.newPage();

  // 加载页面
  await page.goto('https://example.com/survey');

  // 获取问题文本
  const questionText = await page.querySelector('h4 >> nth=0').textContent();

  // 获取问题索引
  const questionIndex = await page.$eval('h4', (elements) => {
    return elements.findIndex((element) => element.textContent === questionText);
  });

  // 构建单选按钮选择器
  const radioButtonSelector = `input[type='radio']:nth-of-type(${questionIndex + 1})`;

  // 选择单选按钮
  const radioButton = await page.querySelector(radioButtonSelector);

  // 单击单选按钮
  await radioButton.click();

  // 关闭浏览器
  await browser.close();
})();