playwright元素定位封装统一方法

Playwright是一个开源的Node.js库，用于自动化现代Web浏览器（Chromium, Firefox, WebKit）。它提供了一种统一的方式来处理元素定位和交互，无论是在哪种浏览器环境中。

当你使用Playwright进行网页自动化时，可能会遇到定位元素的需求。为了简化这个过程，你可以创建一个封装了Playwright API的方法，来统一处理元素查找、选择和操作。以下是一个基本的封装示例：

// 引入Playwright库
const { playwright } = require('playwright');

// 创建一个async函数来定位元素
async function findElement(locator, context = 'default', timeout = 5000) {
  const browser = await playwright.chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();

  try {
    // 使用Playwright的元素定位API
    const element = await page.waitForSelector(locator, { timeout });
    return element;
  } catch (error) {
    console.error(`Element not found: ${locator}`);
    throw error;
  } finally {
    await browser.close();
  }
}

// 示例用法
async function clickButton(buttonText) {
  const button = await findElement(`button:has-text('${buttonText}')`);
  await button.click();
}

// 如果需要处理不同浏览器间的差异，可以在封装方法中添加条件判断或适配器