Bug 1755031 [wpt PR 32817] - Stop propagating inertness into nested b…

…rowsing contexts, a=testonly

Automatic update from web-platform-tests
Stop propagating inertness into nested browsing contexts

See whatwg/html#7605

--

wpt-commits: 0d483a3bea340a2c60cb7a4add49eb63cbba2a64
wpt-pr: 32817

testing/web-platform/tests/html/semantics/interactive-elements/the-dialog-element/inert-focus-in-frames.html

@@ -37,7 +37,11 @@
     let focusedElement = null;
     element.addEventListener('focus', function() { focusedElement = element; }, false);
     element.focus();
-    assert_equals(focusedElement === element, expectFocus, element.id);
+    if (expectFocus) {
+      assert_equals(focusedElement, element, element.id);
+    } else {
+      assert_not_equals(focusedElement, element, element.id);
+    }
   }
 
   // Opening a modal dialog in frame1. It blocks other nodes in its document.
@@ -46,7 +50,7 @@
 
   testFocus(frame1.querySelector('.target'), false);
   const iframe = frame1.querySelector('#iframe1').contentDocument;
-  testFocus(iframe.querySelector('.target'), false);
+  testFocus(iframe.querySelector('.target'), true);
 
   // Even a modal dialog in the iframe is blocked by the modal dialog in the parent frame1.
   iframe.querySelector('dialog').showModal();

testing/web-platform/tests/html/semantics/interactive-elements/the-dialog-element/inertness-with-modal-dialogs-and-iframes.html

@@ -4,9 +4,8 @@
 <link rel="author" title="Oriol Brufau" href="mailto:[email protected]">
 <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#inert">
 <meta name="assert" content="Checks that a modal dialog marks outer nodes as inert,
-  but only in its document, not in the parent browsing context.
-  Also, when an iframe is marked as inert by a modal dialog,
-  all contents in the nested browsing context are marked as inert too.">
+  but only in its document, not in the parent browsing context,
+  nor in nested browsing contexts.">
 <div id="log"></div>
 <div id="wrapper">
   (main document: outer text)
@@ -103,30 +102,30 @@
 
   checkSelection(window, "(main document: dialog)");
   checkSelection(innerIframeWindow, "(inner iframe: outer text)(inner iframe: dialog)");
-  checkSelection(outerIframeWindow, "");
-}, "Modal dialog in the main document marks outer nodes as inert. All contents of the outer iframe are also marked as inert.");
+  checkSelection(outerIframeWindow, "(outer iframe: outer text)(outer iframe: dialog)");
+}, "Modal dialog in the main document marks outer nodes as inert. Contents of the outer iframe aren't marked as inert.");
 
 promise_test(async function() {
   showModals(this, [innerIframeWindow, window]);
 
   checkSelection(window, "(main document: dialog)");
   checkSelection(innerIframeWindow, "(inner iframe: dialog)");
-  checkSelection(outerIframeWindow, "");
-}, "Modal dialogs in the main document and inner iframe mark outer nodes as inert. All contents of the outer iframe are also marked as inert.");
+  checkSelection(outerIframeWindow, "(outer iframe: outer text)(outer iframe: dialog)");
+}, "Modal dialogs in the main document and inner iframe mark outer nodes as inert. Contents of the outer iframe aren't marked as inert.");
 
 promise_test(async function() {
   showModals(this, [outerIframeWindow, window]);
 
   checkSelection(window, "(main document: dialog)");
   checkSelection(innerIframeWindow, "(inner iframe: outer text)(inner iframe: dialog)");
-  checkSelection(outerIframeWindow, "");
-}, "Modal dialogs in the main document and outer iframe mark outer nodes as inert. All contents of the outer iframe are also marked as inert.");
+  checkSelection(outerIframeWindow, "(outer iframe: dialog)");
+}, "Modal dialogs in the main document and outer iframe mark outer nodes as inert. Contents of the outer iframe aren't marked as inert.");
 
 promise_test(async function() {
   showModals(this, [innerIframeWindow, outerIframeWindow, window]);
 
   checkSelection(window, "(main document: dialog)");
   checkSelection(innerIframeWindow, "(inner iframe: dialog)");
-  checkSelection(outerIframeWindow, "");
-}, "Modal dialogs in the main document and both iframes mark outer nodes as inert. All contents of the outer iframe are also marked as inert.");
+  checkSelection(outerIframeWindow, "(outer iframe: dialog)");
+}, "Modal dialogs in the main document and both iframes mark outer nodes as inert. Contents of the outer iframe aren't marked as inert.");
 </script>