做一个实战级的分析，看看 Selenium、Playwright、Puppeteer 如何测试淘宝商城（以登录、搜索、商品详情验证为例），并结合三者的特性给出详细实例与对比。

1 测试目标与挑战

目标场景

• 打开淘宝首页
• 登录（模拟输入账号密码或加载已保存的登录状态）
• 搜索关键词（如“手机”）
• 验证搜索结果页是否包含相关商品
• 点击进入商品详情页，验证标题与价格元素存在

挑战点

• 淘宝有登录验证码与反爬虫机制（需处理滑块、二维码等）
• 页面元素动态加载（需显式/隐式等待）
• 跨浏览器兼容（Selenium、Playwright可多浏览器，Puppeteer偏Chromium）
• 可能需要模拟真实用户行为（鼠标移动、滚动、延时）

2 Selenium 实例（Python）

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.chrome.options import Options
import time

# 配置浏览器
options = Options()
options.add_argument("--start-maximized")
driver = webdriver.Chrome(service=Service(), options=options)

try:
    # 打开淘宝
    driver.get("https://www.taobao.com")

    # 点击登录（这里建议使用扫码或cookie复用，避免验证码）
    driver.find_element(By.LINK_TEXT, "亲，请登录").click()
    time.sleep(10)  # 手动扫码或输入账号密码

    # 搜索商品
    search_box = driver.find_element(By.ID, "q")
    search_box.send_keys("手机")
    search_box.send_keys(Keys.ENTER)

    # 等待结果加载
    time.sleep(3)
    items = driver.find_elements(By.CSS_SELECTOR, ".item.J_MouserOnverReq")
    print(f"找到 {len(items)} 个商品")

    # 点击第一个商品
    if items:
        items[0].click()
        driver.switch_to.window(driver.window_handles[-1])
        title = driver.find_element(By.CSS_SELECTOR, ".tb-main-title").text
        print("商品标题:", title)

finally:
    driver.quit()

特点

• 语言多样（Java、Python、C#等）
• 需手动处理验证码或复用登录状态
• 适合已有 Selenium 测试体系的团队

3 Playwright 实例（Python，同步 API）

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False)
    context = browser.new_context(storage_state="auth.json")  # 复用登录状态
    page = context.new_page()

    # 打开淘宝
    page.goto("https://www.taobao.com", timeout=60000)

    # 如果未登录，可手动扫码一次并保存状态
    # page.click("text=亲，请登录")
    # page.wait_for_timeout(10000)
    # context.storage_state(path="auth.json")

    # 搜索
    page.fill("#q", "手机")
    page.keyboard.press("Enter")

    # 等待结果
    page.wait_for_selector(".item.J_MouserOnverReq")
    items = page.query_selector_all(".item.J_MouserOnverReq")
    print(f"找到 {len(items)} 个商品")

    # 点击第一个商品
    if items:
        items[0].click()
        page.wait_for_load_state("domcontentloaded")
        print("商品标题:", page.inner_text(".tb-main-title"))

    browser.close()

特点

• 跨浏览器（Chromium、Firefox、WebKit）
• 自动等待机制，减少 sleep
• 支持保存/加载登录状态（绕过验证码）
• API 现代化，调试工具丰富（Codegen、Trace Viewer）

4 Puppeteer 实例（Node.js）

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: false });
  const page = await browser.newPage();

  // 打开淘宝
  await page.goto('https://www.taobao.com', { timeout: 60000 });

  // 点击登录（建议扫码）
  await page.click('text=亲，请登录');
  await page.waitForTimeout(10000); // 手动扫码

  // 搜索
  await page.type('#q', '手机');
  await page.keyboard.press('Enter');

  // 等待结果
  await page.waitForSelector('.item.J_MouserOnverReq');
  const items = await page.$('.item.J_MouserOnverReq');
  console.log(`找到 ${items.length} 个商品`);

  // 点击第一个商品
  if (items.length > 0) {
    await items[0].click();
    await page.waitForSelector('.tb-main-title');
    const title = await page.$eval('.tb-main-title', el => el.innerText);
    console.log('商品标题:', title);
  }

  await browser.close();
})();

特点

• 专注 Chromium，启动快
• API 简洁，适合前端团队
• 对 Chrome DevTools 协议支持原生，调试方便
• 跨浏览器能力弱（Firefox 支持实验性）

5 三者在淘宝测试的对比

6 淘宝测试的实战建议

• 登录环节：淘宝验证码复杂，建议首次手动扫码，保存 Cookie 或 Storage State，后续复用
• 元素选择器：淘宝 DOM 结构复杂且动态，建议用稳定的 CSS/XPath 或 data-* 属性
• 反爬虫规避：模拟真实用户操作（滚动、延时、鼠标移动），避免过快执行
• 跨浏览器测试：Playwright 更优；只测 Chrome 则 Puppeteer 更轻量
• 集成到 CI/CD：Selenium 与 Playwright 都有较成熟的集成方案