import { test, expect } from '@playwright/test';

// 頁面標(biāo)題
await expect(page).toHaveTitle('Playwright - 首頁');
await expect(page).toHaveTitle(/Playwright/);  // 正則匹配

// URL
await expect(page).toHaveURL('https://playwright.dev/');
await expect(page).toHaveURL(/docs/);

// 元素可見/隱藏
await expect(page.getByText('加載成功')).toBeVisible();
await expect(page.getByText('加載中')).toBeHidden();

// 元素文本
await expect(page.getByRole('heading')).toHaveText('歡迎使用');
await expect(page.getByTestId('status')).toContainText('成功');  // 包含

// 元素屬性
await expect(page.getByRole('link')).toHaveAttribute('href', '/docs');
await expect(page.getByRole('img')).toHaveAttribute('src', /logo/);

// 輸入框值
await expect(page.getByLabel('搜索')).toHaveValue('Playwright');

// 元素?cái)?shù)量
await expect(page.getByRole('listitem')).toHaveCount(5);

// Checkbox/Radio 狀態(tài)
await expect(page.getByRole('checkbox')).toBeChecked();
await expect(page.getByRole('radio', { name: '男' })).toBeChecked();

// 元素啟用/禁用
await expect(page.getByRole('button')).toBeEnabled();
await expect(page.getByRole('button')).toBeDisabled();

// 軟斷言（不立即失敗，繼續(xù)執(zhí)行）
expect.soft(page.getByText('錯(cuò)誤提示')).toBeHidden();

// 自定義超時(shí)
await expect(page.getByText('加載完成'), { timeout: 10000 }).toBeVisible();

// 輪詢斷言（復(fù)雜條件）
await expect(async () => {
  const count = await page.getByRole('listitem').count();
  expect(count).toBeGreaterThan(0);
}).toPass({ timeout: 15000 });

// 截圖斷言（視覺回歸）
await expect(page).toHaveScreenshot('homepage.png', { maxDiffPixels: 100 });

// 全頁面截圖比較（像素級）
await expect(page).toHaveScreenshot({ fullPage: true });

test('百度搜索 Playwright 并驗(yàn)證結(jié)果', async ({ page }) => {
  await page.goto('https://www.baidu.com');
  await page.getByLabel('搜索輸入框').fill('Playwright');
  await page.getByRole('button', { name: '百度一下' }).click();

  // 等待結(jié)果加載
  await page.waitForLoadState('networkidle');

  // 提取第一個(gè)結(jié)果標(biāo)題
  const firstTitle = await page.getByRole('heading').first().textContent();
  console.log('第一個(gè)結(jié)果標(biāo)題：', firstTitle);

  // 驗(yàn)證結(jié)果包含關(guān)鍵詞
  await expect(page.getByRole('heading').first()).toContainText('Playwright');
  await expect(page.getByRole('heading')).toHaveCount(10);  // 通常一頁 10 條

  // 提取所有結(jié)果鏈接
  const links = await page.getByRole('link', { name: /Playwright/ }).all();
  console.log(`找到 ${links.length} 個(gè)相關(guān)鏈接`);
});

from playwright.sync_api import sync_playwright, expect

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False)
    page = browser.new_page()
    page.goto("https://playwright.dev")

    # 提取
    title = page.title()
    heading = page.get_by_role("heading", name="Fast and reliable").text_content()
    print(f"標(biāo)題: {title}, 副標(biāo)題: {heading}")

    # 驗(yàn)證
    expect(page).to_have_title("Playwright")
    expect(page.get_by_role("link", name="Get started")).to_be_visible()
    expect(page.get_by_text("Playwright is a")).to_contain_text("reliable")

    browser.close()