| 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>
|
|
|