diff options
Diffstat (limited to 'testing/web-platform/tests/inert/inert-computed-style.html')
| -rw-r--r-- | testing/web-platform/tests/inert/inert-computed-style.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/testing/web-platform/tests/inert/inert-computed-style.html b/testing/web-platform/tests/inert/inert-computed-style.html new file mode 100644 index 0000000000..3c1748de2b --- /dev/null +++ b/testing/web-platform/tests/inert/inert-computed-style.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>inert isn't hit-testable, but that isn't expose in the computed style</title> +<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> +<link rel="author" title="Mozilla" href="https://mozilla.org"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> + body { margin: 0 } + div { + width: 100px; + height: 100px; + position: absolute; + top: 0; + left: 0; + background-color: blue; + } + #non-inert { + background-color: red; + } +</style> +<div id="non-inert"></div> +<div id="inert"></div> +<script> + test(function() { + let inert = document.getElementById("inert"); + assert_equals( + document.elementFromPoint(50, 50), + inert, + "not-yet-inert node hit-test before non-inert node", + ); + inert.inert = true; + assert_equals( + document.elementFromPoint(50, 50), + document.getElementById("non-inert"), + "inert node is transparent to events (as pointer-events: none)", + ); + assert_equals( + getComputedStyle(inert).pointerEvents, + "auto", + "inert node doesn't change pointer-events computed value", + ); + assert_equals( + getComputedStyle(inert).userSelect, + "auto", + "inert node doesn't change user-select computed value", + ); + }); +</script> |