Index: third_party/WebKit/LayoutTests/fast/dom/inert/inert-in-shadow-dom.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dom/inert/inert-in-shadow-dom.html b/third_party/WebKit/LayoutTests/fast/dom/inert/inert-in-shadow-dom.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f153cd6e429ae5dc3185f0887f3e62e36109fd4a |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dom/inert/inert-in-shadow-dom.html |
@@ -0,0 +1,42 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script src="../../../resources/testharness.js"></script> |
+<script src="../../../resources/testharnessreport.js"></script> |
+</head> |
+<body> |
+ |
+ <div id="shadow-host"> |
+ <button slot="slot-1" id="button-1">Button 1 (inert)</button> |
+ <button slot="slot-2" id="button-2">Button 2 (not inert)</button> |
+ </div> |
+ <script> |
+ const shadowHost = document.getElementById('shadow-host'); |
+ const shadowRoot = shadowHost.attachShadow({ mode: 'open' }); |
+ const inertDiv = document.createElement('div'); |
+ inertDiv.inert = true; |
+ shadowRoot.appendChild(inertDiv); |
+ const slot1 = document.createElement('slot'); |
+ slot1.name = 'slot-1'; |
+ inertDiv.appendChild(slot1); |
+ const slot2 = document.createElement('slot'); |
+ slot2.name = 'slot-2'; |
+ shadowRoot.appendChild(slot2); |
+ |
+ function testCanFocus(selector, canFocus) { |
+ const element = document.querySelector(selector); |
+ let focusedElement = null; |
+ element.addEventListener('focus', function() { focusedElement = element; }, false); |
+ element.focus(); |
+ if (canFocus) |
+ assert_true(focusedElement === element); |
+ else |
+ assert_false(focusedElement === element); |
+ } |
+ |
+ testCanFocus('#button-1', false); |
+ testCanFocus('#button-2', true); |
+ done(); |
+ </script> |
+</body> |
+</html> |