Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(50)

Unified Diff: third_party/WebKit/LayoutTests/fast/dom/inert/inert-in-shadow-dom.html

Issue 2088453002: Implement the inert attribute (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Revert histograms.xml Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698