import { chromium } from 'playwright';

// 启动浏览器
const browser = await chromium.launch({
  headless: false,  // false = 有界面，true = 无头
  slowMo: 100,      // 操作间延迟（毫秒），调试时好用
});

// 创建页面
const page = await browser.newPage();

// 导航
await page.goto('https://example.com');

// ... 执行操作 ...

// 关闭
await browser.close();

// 基本导航
await page.goto('https://example.com');
await page.goto('https://example.com', { waitUntil: 'networkidle' });

// 导航等待选项
// 'load'       — load 事件触发（默认）
// 'domcontentloaded' — DOM 解析完成
// 'networkidle' — 网络空闲（500ms 无请求）
// 'commit'     — 收到响应头

// 后退/前进
await page.goBack();
await page.goForward();

// 刷新
await page.reload();

// 等待特定 URL
await page.waitForURL('**/login**');

// 全页截图
await page.screenshot({ path: 'screenshot.png', fullPage: true });

// 元素截图
const element = page.locator('.main-content');
await element.screenshot({ path: 'element.png' });

// 指定区域
await page.screenshot({
  path: 'clip.png',
  clip: { x: 100, y: 100, width: 500, height: 300 }
});

// 链式定位
const table = page.locator('table.data-table');
const row = table.locator('tr').filter({ hasText: '完成' });
const cell = row.locator('td').nth(2);

// 过滤
page.locator('li').filter({ hasText: '待办' });
page.locator('button').filter({ has: page.locator('.icon-download') });

// 包含文本
page.locator('text=确认删除');
page.locator('button:has-text("确认")');

// 点击
await button.click();
await button.click({ force: true });       // 强制点击（绕过可操作性检查）
await button.click({ timeout: 5000 });      // 自定义超时

// 输入
await input.fill('Hello World');             // 清空后输入（推荐，更快）
await input.type('Hello', { delay: 50 });    // 模拟键盘输入（较慢）

// 选择
await select.selectOption('option-value');

// 勾选
await checkbox.check();
await checkbox.uncheck();

// 键盘
await page.keyboard.press('Enter');
await page.keyboard.press('Control+A');

// Hover
await element.hover();

const browser = await chromium.launch();

// 创建两个隔离的会话
const ctx1 = await browser.newContext();
const ctx2 = await browser.newContext();

// 每个 Context 有自己的页面
const page1 = await ctx1.newPage();
const page2 = await ctx2.newPage();

// Context 间数据完全隔离
await page1.goto('https://example.com/login');
// ctx2 完全不共享 ctx1 的登录态

// 移动端模拟
const iphone = devices['iPhone 13 Pro'];
const ctx = await browser.newContext({
  ...iphone,
  locale: 'zh-CN',
  timezoneId: 'Asia/Shanghai'
});

// 地理位置模拟
await browser.newContext({
  geolocation: { longitude: 120.15, latitude: 30.28 },
  permissions: ['geolocation']
});

// 用户代理
await browser.newContext({
  userAgent: 'Mozilla/5.0 ... Chrome/120.0.0.0'
});

// 获取所有 Cookie
const cookies = await context.cookies();

// 添加 Cookie（如注入登录态）
await context.addCookies([
  {
    name: 'session',
    value: 'your-session-token',
    domain: '.example.com',
    path: '/'
  }
]);

// 清除 Cookie
await context.clearCookies();

// 持久化（保存认证状态）
await context.storageState({ path: 'auth.json' });

// 恢复认证状态
const ctx = await browser.newContext({ storageState: 'auth.json' });

// 拦截并打印所有请求
page.on('request', request => {
  console.log(`>> ${request.method()} ${request.url()}`);
});

page.on('response', response => {
  console.log(`<< ${response.status()} ${response.url()}`);
});

// 等待特定请求完成
const [response] = await Promise.all([
  page.waitForResponse(resp => resp.url().includes('/api/data')),
  page.click('#load-data-btn')
]);
const data = await response.json();

// 拦截并返回 mock 数据
await page.route('**/api/user', async route => {
  await route.fulfill({
    status: 200,
    contentType: 'application/json',
    body: JSON.stringify({ id: 1, name: 'Mock User' })
  });
});

// 修改请求（如添加 Referer）
await page.route('**/*.jpg', async route => {
  const headers = {
    ...route.request().headers(),
    'Referer': 'https://weibo.com/'
  };
  await route.continue({ headers });
});

// 阻塞特定请求（如图片）
await page.route('**/*.{png,jpg,jpeg}', route => route.abort());

// ⭐ 模式：等待 API 返回后再操作
const [apiResponse] = await Promise.all([
  page.waitForResponse(response =>
    response.url().includes('/ajax/profile/getImageWall')
  ),
  page.click('#load-albums')     // 触发 API 调用
]);
const albums = await apiResponse.json();
console.log('相册列表:', albums);

import { chromium } from 'playwright';

const browser = await chromium.connectOverCDP('http://localhost:9222');

// 获取已有页面
const context = browser.contexts()[0];
const pages = context.pages();
console.log(`已有 ${pages.length} 个标签页`);

// 也可创建新标签页
const page = await browser.newPage();
await page.goto('https://example.com');
// 注意：新页面在用户浏览器中直接打开

const path = require('path');

const browser = await chromium.launch({
  headless: false,
  args: [
    `--disable-extensions-except=${path.resolve('./dist')}`,
    `--load-extension=${path.resolve('./dist')}`,
  ],
});

// 获取扩展的背景页面（Service Worker）
const backgroundUrl = 'chrome-extension://your-extension-id/background.html';
const context = browser.contexts()[0];
const bgPage = await context.newPage();
await bgPage.goto(backgroundUrl);

// 或者监听扩展的日志
page.on('console', msg => {
  if (msg.text().includes('[AlbumDownloader]')) {
    console.log('扩展日志:', msg.text());
  }
});

// 通过 CDP 连接已有 Chrome（扩展已安装）
const browser = await chromium.connectOverCDP('http://localhost:9222');

// 获取扩展的 Service Worker 控制台
for (const ctx of browser.contexts()) {
  for (const p of ctx.pages()) {
    const url = p.url();
    if (url.startsWith('chrome-extension://')) {
      console.log('扩展页面:', url);
    }
  }
}

// weibo-adapter.test.ts
import { test, expect } from '@playwright/test';
import { chromium } from 'playwright';

test('should detect weibo albums from API', async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();

  // Mock API
  await page.route('**/ajax/profile/info?screen_name=**', async route => {
    await route.fulfill({
      status: 200,
      contentType: 'application/json',
      body: JSON.stringify({
        ok: 1,
        data: { user: { id: 2352174263 } }
      })
    });
  });

  // Mock 相册 API
  await page.route('**/ajax/profile/getImageWall**', async route => {
    await route.fulfill({
      status: 200,
      contentType: 'application/json',
      body: JSON.stringify({
        ok: 1,
        data: {
          album_list: [
            { containerid: '231826...', pic_title: '自拍', pic_count: 128 },
            { containerid: '231826...', pic_title: '原创', pic_count: 256 },
          ]
        }
      })
    });
  });

  await page.goto('https://weibo.com/n/testuser?tabtype=album');
  // ... 验证扩展行为 ...
  await browser.close();
});

// 1. 非无头模式（headed 有界面模式）
const browser = await chromium.launch({ headless: false });

// 2. 模拟真人操作
await page.mouse.move(100, 200);  // 移动鼠标
await page.waitForTimeout(500);   // 停顿（仅在需要时用）
await page.mouse.click(100, 200);

// 3. 自定义 User-Agent
await browser.newContext({
  userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 ' +
    '(KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36'
});

// 4. 设置 Cookie/Storage（模拟已登录状态）
await context.addCookies([/* ... */]);

// 5. 随机操作间隔（避免固定频率）
const delay = () => new Promise(r => setTimeout(r, 1000 + Math.random() * 2000));

// 步骤 3：用 Playwright 操作
const browser = await chromium.connectOverCDP('http://localhost:9222');
const pages = browser.contexts()[0].pages();
const targetPage = pages.find(p => p.url().includes('netease.com'));
const content = await targetPage.evaluate(() =>
  document.querySelector('article')?.innerText || 'not found'
);