html: Update autofocus tests in cases of documents with fragments

Specification change: whatwg/html#6204 Issue: whatwg/html#5252
web-platform-tests · Dec 9, 2020 · 0bc38db · 0bc38db
1 parent 009fb03
commit 0bc38db
Show file tree

Hide file tree

Showing 4 changed files with 94 additions and 2 deletions.
diff --git a/html/interaction/focus/the-autofocus-attribute/document-with-fragment-empty.html b/html/interaction/focus/the-autofocus-attribute/document-with-fragment-empty.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="resources/utils.js"></script>
+
+<iframe src="resources/frame-with-autofocus-element.html#"></iframe>
+
+<script>
+'use strict';
+
+promise_test(async () => {
+  await waitForLoad(window);
+  await waitUntilStableAutofocusState();
+  assert_equals(document.activeElement, document.querySelector('iframe'),
+      'Autofocus elements in iframes should be focused.');
+
+  let input = document.createElement('input');
+  input.autofocus = true;
+  document.body.appendChild(input);
+  await waitUntilStableAutofocusState();
+  assert_not_equals(document.activeElement, input);
+}, 'Autofocus elements in iframed documents with empty fragments should work.');
+
+promise_test(async () => {
+  let w = window.open('resources/frame-with-autofocus-element.html#');
+  await waitForLoad(w);
+  await waitUntilStableAutofocusState(w);
+  assert_equals(w.document.activeElement, w.document.body);
+  w.close();
+}, 'Autofocus elements in top-level browsing context\'s documents with empty fragments should work.');
+</script>
diff --git a/html/interaction/focus/the-autofocus-attribute/document-with-fragment-nonexistent.html b/html/interaction/focus/the-autofocus-attribute/document-with-fragment-nonexistent.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="resources/utils.js"></script>
+
+<iframe src="resources/frame-with-autofocus-element.html#non-existent"></iframe>
+
+<script>
+'use strict';
+
+promise_test(async () => {
+  await waitForLoad(window);
+  await waitUntilStableAutofocusState();
+  assert_equals(document.activeElement, document.querySelector('iframe'),
+      'Autofocus elements in iframes should be focused.');
+
+  let input = document.createElement('input');
+  input.autofocus = true;
+  document.body.appendChild(input);
+  await waitUntilStableAutofocusState();
+  assert_not_equals(document.activeElement, input);
+}, 'Autofocus elements in iframed documents with non-existent fragments should work.');
+
+promise_test(async () => {
+  let w = window.open('resources/frame-with-autofocus-element.html#non-existent');
+  await waitForLoad(w);
+  await waitUntilStableAutofocusState(w);
+  assert_equals(w.document.activeElement, w.document.body);
+  w.close();
+}, 'Autofocus elements in top-level browsing context\'s documents with non-existent fragments should work.');
+</script>
diff --git a/html/interaction/focus/the-autofocus-attribute/document-with-fragment-top.html b/html/interaction/focus/the-autofocus-attribute/document-with-fragment-top.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="resources/utils.js"></script>
+
+<iframe src="resources/frame-with-autofocus-element.html#top"></iframe>
+
+<script>
+'use strict';
+
+promise_test(async () => {
+  await waitForLoad(window);
+  await waitUntilStableAutofocusState();
+  assert_equals(document.activeElement, document.querySelector('iframe'),
+      'Autofocus elements in iframes should be focused.');
+
+  let input = document.createElement('input');
+  input.autofocus = true;
+  document.body.appendChild(input);
+  await waitUntilStableAutofocusState();
+  assert_not_equals(document.activeElement, input);
+}, 'Autofocus elements in iframed documents with "top" fragments should work.');
+
+promise_test(async () => {
+  let w = window.open('resources/frame-with-autofocus-element.html#top');
+  await waitForLoad(w);
+  await waitUntilStableAutofocusState(w);
+  assert_equals(w.document.activeElement, w.document.body);
+  w.close();
+}, 'Autofocus elements in top-level browsing context\'s documents with "top" fragments should work.');
+</script>
diff --git a/...ttribute/skip-document-with-fragment.html → ...tribute/document-with-fragment-valid.html b/...ttribute/skip-document-with-fragment.html → ...tribute/document-with-fragment-valid.html
@@ -4,7 +4,6 @@
 <script src="resources/utils.js"></script>
 
 <iframe src="resources/frame-with-autofocus-element.html#anchor1"></iframe>
-<iframe src="resources/frame-with-autofocus-element.html#non-existent-anchor"></iframe>
 
 <script>
 'use strict';
@@ -23,7 +22,7 @@
 }, 'Autofocus elements in iframed documents with URL fragments should be skipped.');
 
 promise_test(async () => {
-  let w = window.open('resources/frame-with-autofocus-element.html#xpointer(//body)');
+  let w = window.open('resources/frame-with-autofocus-element.html#anchor1');
   await waitForLoad(w);
   await waitUntilStableAutofocusState(w);
   assert_equals(w.document.activeElement, w.document.body);