使用Playwright和VSCode进行自动化测试的实现

npm install @playwright/test

# test_example.py
from playwright.sync_api import sync_playwright

def test_example():
    """
    简单的Playwright测试示例
    """
    with sync_playwright() as p:
        # 启动浏览器
        browser = p.chromium.launch()
        # 创建新页面
        page = browser.new_page()
        # 访问网站
        page.goto("https://example.com")
        # 打印页面标题
        print(page.title())
        # 关闭浏览器
        browser.close()

# 运行测试
if __name__ == "__main__":
    test_example()

python test_example.py

from playwright.sync_api import sync_playwright

def test_multi_browser():
    """
    在多个浏览器中运行测试
    """
    with sync_playwright() as p:
        # 遍历所有支持的浏览器类型
        for browser_type in [p.chromium, p.firefox, p.webkit]:
            # 启动浏览器
            browser = browser_type.launch()
            # 创建新页面
            page = browser.new_page()
            # 访问网站
            page.goto("https://example.com")
            # 打印浏览器类型和页面标题
            print(f"{browser_type.name} - {page.title()}")
            # 关闭浏览器
            browser.close()

# 运行测试
if __name__ == "__main__":
    test_multi_browser()

from playwright.sync_api import sync_playwright

def setup_browser():
    """
    设置浏览器环境的fixture
    """
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page()
        page.goto("https://example.com")
        return page

def test_with_fixture():
    """
    使用fixture进行测试
    """
    page = setup_browser()
    print(page.title())
    page.context.browser.close()

# 运行测试
if __name__ == "__main__":
    test_with_fixture()

# 使用单引号包裹 JSON 字符串
code --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}'

from playwright.sync_api import sync_playwright
import logging

# 配置日志
logging.basicConfig(level=logging.INFO)
logger = logging.getLogger(__name__)

def test_with_error_handling():
    """
    包含错误处理的测试示例
    """
    try:
        with sync_playwright() as p:
            browser = p.chromium.launch()
            page = browser.new_page()
            page.goto("https://example.com")
            print(page.title())
    except Exception as e:
        logger.error(f"测试过程中发生错误: {e}")
        raise
    finally:
        try:
            browser.close()
            logger.info("浏览器已关闭")
        except Exception as e:
            logger.error(f"关闭浏览器时发生错误: {e}")

# 运行测试
if __name__ == "__main__":
    test_with_error_handling()

from playwright.sync_api import sync_playwright
import os

def test_ai_app():
    """
    AI应用测试示例 - 图像识别应用
    """
    with sync_playwright() as p:
        # 启动浏览器（无头模式）
        browser = p.chromium.launch(headless=False)
        page = browser.new_page()
        
        try:
            # 访问AI应用网站
            page.goto("https://ai-app.com")
            
            # 点击上传按钮
            page.click("#upload-button")
            
            # 设置要上传的文件路径
            image_path = "path/to/image.jpg"
            
            # 检查文件是否存在
            if os.path.exists(image_path):
                # 上传文件
                page.set_input_files("#file-input", image_path)
                # 点击提交按钮
                page.click("#submit-button")
                # 获取结果
                result = page.query_selector("#result").inner_text()
                print(f"AI识别结果: {result}")
            else:
                print(f"文件 {image_path} 不存在")
                
        except Exception as e:
            print(f"测试过程中发生错误: {e}")
        finally:
            # 关闭浏览器
            browser.close()

# 运行测试
if __name__ == "__main__":
    test_ai_app()

from playwright.sync_api import sync_playwright
import json
import time

def scrape_data_for_ai_training():
    """
    为AI训练抓取数据的示例
    """
    with sync_playwright() as p:
        # 启动浏览器
        browser = p.chromium.launch()
        page = browser.new_page()
        
        try:
            # 访问目标网站
            page.goto("https://news.ycombinator.com/")
            
            # 等待页面加载
            page.wait_for_load_state("networkidle")
            
            # 抓取新闻标题和链接
            news_items = []
            articles = page.query_selector_all(".storylink")
            
            for article in articles[:10]:  # 只抓取前10条
                title = article.inner_text()
                link = article.get_attribute("href")
                news_items.append({
                    "title": title,
                    "link": link,
                    "timestamp": time.time()
                })
            
            # 保存数据到文件
            with open("scraped_news.json", "w", encoding="utf-8") as f:
                json.dump(news_items, f, ensure_ascii=False, indent=2)
            
            print(f"成功抓取 {len(news_items)} 条新闻数据")
            
        except Exception as e:
            print(f"数据抓取过程中发生错误: {e}")
        finally:
            browser.close()

# 运行数据抓取
if __name__ == "__main__":
    scrape_data_for_ai_training()