"""简单交互测试：手机端搜索过滤 + 分类 Tab 点击"""
import time
from playwright.sync_api import sync_playwright

with sync_playwright() as pw:
    browser = pw.chromium.launch(headless=True, args=['--no-sandbox', '--disable-gpu'])
    ctx = browser.new_context(viewport={'width':390,'height':844}, device_scale_factor=2)
    page = ctx.new_page()
    page.goto('http://192.168.1.10:5000/', wait_until='networkidle')
    page.wait_for_timeout(1000)

    # 1. 搜索过滤
    page.fill('#search-input', '百度')
    page.wait_for_timeout(800)
    visible = page.locator('.grid .card:not([style*="display: none"])').count()
    hidden = page.locator('.grid .card[style*="display: none"]').count()
    print(f'搜索"百度"：可见 {visible} 条，隐藏 {hidden} 条')

    # 2. 清空搜索
    page.fill('#search-input', '')
    page.wait_for_timeout(800)
    visible2 = page.locator('.grid .card:not([style*="display: none"])').count()
    print(f'清空后：可见 {visible2} 条')

    # 3. 点击第二个分类 Tab
    tabs = page.locator('.cat-nav-inner a')
    if tabs.count() > 1:
        tabs.nth(1).click()
        page.wait_for_timeout(800)
        print('点击分类 Tab 后 URL:', page.url)

    browser.close()