如何为ASP.NET测试环境配置浏览器或系统设置？含暗黑模式测试

1. 结合浏览器自动化测试框架实现 #

ASP.NET常用的单元/集成测试框架（如xUnit、NUnit）本身不直接控制浏览器主题，但可以搭配Selenium这类自动化工具，实现和Cypress类似的强制主题设置：

• Chrome浏览器：通过启动参数强制开启暗黑模式

  var options = new ChromeOptions();
  options.AddArgument("--force-dark-mode=true");
  var driver = new ChromeDriver(options);
  

  启动后的Chrome会直接应用暗黑模式，可用于验证页面在该模式下的渲染表现。
• Firefox浏览器：通过设置浏览器偏好实现主题切换

  var options = new FirefoxOptions();
  options.SetPreference("ui.systemUsesDarkTheme", 1); // 1=暗黑模式，0=亮色模式
  var driver = new FirefoxDriver(options);
  

2. AngleSharp的局限与替代方案 #

AngleSharp是HTML解析库，不具备模拟浏览器UI渲染或系统主题的能力，无法直接设置暗黑/亮色模式。如果仅测试与主题无关的DOM结构或静态内容，AngleSharp可以正常使用，但涉及prefers-color-scheme媒体查询、CSS主题变量这类依赖系统主题的逻辑时，它无法解析和应用相关样式。

若要测试主题相关的CSS逻辑，可以：

• 手动给HTML根元素添加主题标识类（比如多数网站用的dark类），再用AngleSharp解析验证：

  var context = BrowsingContext.New(Configuration.Default);
  var document = await context.OpenAsync(req => req.Content("<html class='dark'><body><div id='test' style='color: var(--dark-text)'></div></body></html>"));
  // 这里可模拟主题变量或验证元素样式（限内联样式）
  

3. ASP.NET集成测试中的主题模拟 #

如果要测试后端根据用户主题偏好生成内容的逻辑，可以在测试请求中添加主题相关的请求头：

var client = _factory.CreateClient();
client.DefaultRequestHeaders.Add("Sec-CH-Prefers-Color-Scheme", "dark");
var response = await client.GetAsync("/");
// 验证返回页面是否包含暗黑模式专属的类、样式或内容

内容的提问来源于stack exchange，提问作者Eric