60 lines
2.0 KiB
HTML
60 lines
2.0 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../../../resources/js-test.js"></script>
|
|
<script src="../../../resources/ui-helper.js"></script>
|
|
<style>
|
|
|
|
:root {
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
</body>
|
|
<script>
|
|
|
|
jsTestIsAsync = true;
|
|
|
|
addEventListener("load", async () => {
|
|
if (!window.internals)
|
|
return;
|
|
|
|
description("Test that changing the user interface level updates the page's background color.");
|
|
|
|
debug("Dark Mode = Off, User Interface Level = Base");
|
|
pageBackgroundColor = internals.viewBaseBackgroundColor();
|
|
lightModeBackgroundColor = internals.systemColorForCSSValue('-apple-system-control-background', false, false);
|
|
shouldBeEqualToString("pageBackgroundColor", lightModeBackgroundColor);
|
|
debug("");
|
|
|
|
debug("Dark Mode = On, User Interface Level = Base");
|
|
internals.settings.setUseDarkAppearance(true);
|
|
await UIHelper.renderingUpdate();
|
|
pageBackgroundColor = internals.viewBaseBackgroundColor();
|
|
darkModeBackgroundColor = internals.systemColorForCSSValue('-apple-system-control-background', true, false);
|
|
shouldBeEqualToString("pageBackgroundColor", darkModeBackgroundColor);
|
|
debug("");
|
|
|
|
debug("Dark Mode = On, User Interface Level = Elevated");
|
|
internals.settings.setUseElevatedUserInterfaceLevel(true);
|
|
await UIHelper.renderingUpdate();
|
|
pageBackgroundColor = internals.viewBaseBackgroundColor();
|
|
darkModeElevatedBackgroundColor = internals.systemColorForCSSValue('-apple-system-control-background', true, true);
|
|
shouldBeEqualToString("pageBackgroundColor", darkModeElevatedBackgroundColor);
|
|
debug("");
|
|
|
|
debug("Dark Mode = Off, User Interface Level = Elevated");
|
|
internals.settings.setUseDarkAppearance(false);
|
|
await UIHelper.renderingUpdate();
|
|
pageBackgroundColor = internals.viewBaseBackgroundColor();
|
|
lightModeElevatedBackgroundColor = internals.systemColorForCSSValue('-apple-system-control-background', false, true);
|
|
shouldBeEqualToString("pageBackgroundColor", lightModeElevatedBackgroundColor);
|
|
debug("");
|
|
|
|
finishJSTest();
|
|
});
|
|
|
|
</script>
|
|
</html>
|