如何默认以深色模式启动playwright test --ui?
默认以深色模式启动Playwright Test UI的方法
目前Playwright CLI没有直接提供命令行参数来强制UI默认以深色模式启动,但可以通过以下两种方式实现:
方法一:利用本地存储记忆(简单快捷)
手动打开一次playwright test --ui,点击左上角的主题切换图标切换到深色模式。之后Playwright UI会通过浏览器的localStorage记住这个设置,每次启动都会自动使用深色模式。方法二:自定义脚本强制深色(适合需要强制默认的场景)
如果需要不管之前的设置,每次启动都强制深色模式,可以写一个简单的Node.js脚本,先启动UI服务,再自动设置深色主题:- 创建一个名为
start-ui-dark.js的文件,内容如下:
const { chromium } = require('playwright'); const { spawn } = require('child_process'); // 指定UI端口启动Playwright UI const uiProcess = spawn('npx', ['playwright', 'test', '--ui', '--port', '8080'], { stdio: 'inherit' }); // 等待服务启动后设置深色主题 setTimeout(async () => { const browser = await chromium.launch({ headless: false }); const context = await browser.newContext(); const page = await context.newPage(); await page.goto('http://localhost:8080'); // 写入深色主题配置到localStorage await page.evaluate(() => { localStorage.setItem('playwright-ui-theme', 'dark'); }); // 刷新页面生效,之后关闭临时浏览器实例 await page.reload(); setTimeout(() => browser.close(), 1000); }, 3000);- 在终端运行这个脚本:
node start-ui-dark.js这个脚本会自动启动Playwright UI并切换到深色模式,无需手动操作。
- 创建一个名为
内容的提问来源于stack exchange,提问作者Paascuuu
相关产品推荐
相关产品推荐

