"""验证点击菜单项切换主题"""
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':1440,'height':900})
    page = ctx.new_page()
    page.goto('http://192.168.1.10:5000/', wait_until='networkidle')
    page.wait_for_timeout(800)

    # 初始状态
    print('初始主题:', page.evaluate('document.documentElement.getAttribute("data-theme")'))

    # 点 sunset
    page.click('#theme-toggle')
    page.wait_for_timeout(300)
    page.click('.theme-menu li[data-theme="sunset"]')
    page.wait_for_timeout(300)
    print('点 sunset 后:', page.evaluate('document.documentElement.getAttribute("data-theme")'))
    print('  按钮文字:', page.locator('#theme-toggle-label').inner_text())

    # 点 forest
    page.click('#theme-toggle')
    page.wait_for_timeout(300)
    page.click('.theme-menu li[data-theme="forest"]')
    page.wait_for_timeout(300)
    print('点 forest 后:', page.evaluate('document.documentElement.getAttribute("data-theme")'))
    print('  按钮文字:', page.locator('#theme-toggle-label').inner_text())

    # 点 dark
    page.click('#theme-toggle')
    page.wait_for_timeout(300)
    page.click('.theme-menu li[data-theme="dark"]')
    page.wait_for_timeout(300)
    print('点 dark 后:', page.evaluate('document.documentElement.getAttribute("data-theme")'))
    print('  按钮文字:', page.locator('#theme-toggle-label').inner_text())

    # localStorage
    print('localStorage:', page.evaluate('localStorage.getItem("bw-theme")'))

    browser.close()