meta-color-scheme-attribute-changes.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/document-metadata/the-meta-element/color-scheme/meta-color-scheme-attribute-changes.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>Meta color-scheme - attribute changes</title>

<meta id="meta" name="color-scheme" content="dark">

<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#meta-color-scheme">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="support/compute-root-color-scheme.js"></script>

<!--

  NOTE: This test assumes that the browser's default color-scheme is "light",

  see https://github.com/web-platform-tests/wpt/pull/31268 for reasoning

-->

<script>

  assert_root_color_scheme("dark", "Meta color-scheme initially 'dark'.");

  meta.removeAttribute("name");

  assert_root_color_scheme("light", "Removed name attribute from meta color-scheme.");

  meta.setAttribute("name", "color-scheme");

  assert_root_color_scheme("dark", "Set meta name to color-scheme.");

  meta.setAttribute("content", "");

  assert_root_color_scheme("light", "Set content attribute of meta color-scheme to empty string.");

  meta.setAttribute("content", ",,invalid");

  assert_root_color_scheme("light", "Set content attribute of meta color-scheme to an invalid value.");

  meta.setAttribute("content", "light");

  assert_root_color_scheme("light", "Set content attribute of meta color-scheme to 'light'.");

  meta.setAttribute("content", "dark");

  assert_root_color_scheme("dark", "Set content attribute of meta color-scheme to 'dark'.");

  meta.removeAttribute("content");

  assert_root_color_scheme("light", "Removed the content attribute of meta color-scheme.");

</script>