Commit f2531a82 authored by Ryosuke Niwa's avatar Ryosuke Niwa Committed by moz-wptsync-bot
Browse files

Bug 1782449 [wpt PR 35287] - These two tests were failing in Safari because... 

Bug 1782449 [wpt PR 35287] - These two tests were failing in Safari because Safari doesn't allow keyboard focus on button by default., a=testonly

Automatic update from web-platform-tests
These two tests were failing in Safari because Safari doesn't allow keyboard focus on button by default. (#35287)

Use input elements instead so that they could be focused in Safari.
--

wpt-commits: d76e7ab2824ee84f0a127911fdcfd47050f47c4c
wpt-pr: 35287
parent 2297df23

testing/web-platform/tests/shadow-dom/focus/focus-tabindex-order-shadow-varying-tabindex-2.html

+6 −6
Original line number Diff line number Diff line
@@ -12,7 +12,7 @@ 
promise_test(async () => {

  function createButtonInShadowDOM(host) {

    const root = host.attachShadow({mode: "open"});

    root.innerHTML = "<button>Button</button>";

    root.innerHTML = "<input>";

    document.body.appendChild(host);

    return root;

  }
@@ -30,12 +30,12 @@ promise_test(async () => { 
  const host3 = document.createElement("div");

  const root3 = createButtonInShadowDOM(host3);



  root1.querySelector("button").focus();

  root1.querySelector("input").focus();



  let forwarderFocused = false;

  forwarder.addEventListener("focus", () => {

    forwarderFocused = true;

    root2.querySelector("button").focus();

    root2.querySelector("input").focus();

  });



  // Structure:
@@ -50,17 +50,17 @@ promise_test(async () => { 
  //   #ShadowRoot

  //     <button>Button</button>

  assert_equals(document.activeElement, host1);

  assert_equals(root1.activeElement, root1.querySelector("button"));

  assert_equals(root1.activeElement, root1.querySelector("input"));



  await navigateFocusForward();

  assert_true(forwarderFocused);

  assert_equals(document.activeElement, host2);

  assert_equals(root2.activeElement, root2.querySelector("button"));

  assert_equals(root2.activeElement, root2.querySelector("input"));



  // In buggy Firefox build, the following focus navigation will

  // move the focus back to #host1's button.

  await navigateFocusForward();

  assert_equals(document.activeElement, host3);

  assert_equals(root3.activeElement, root3.querySelector("button"));

  assert_equals(root3.activeElement, root3.querySelector("input"));

}, "Order with different tabindex on host")

</script>

testing/web-platform/tests/shadow-dom/focus/focus-tabindex-order-shadow-varying-tabindex-3.html

+6 −6
Original line number Diff line number Diff line
@@ -12,7 +12,7 @@ 
promise_test(async () => {

  function createButtonInShadowDOM(host, parent) {

    const root = host.attachShadow({mode: "open"});

    root.innerHTML = "<button>Button</button>";

    root.innerHTML = "<input>";

    parent.appendChild(host);

    return root;

  }
@@ -39,12 +39,12 @@ promise_test(async () => { 
  const host2_3 = document.createElement("div");

  const root2_3 = createButtonInShadowDOM(host2_3, root2);



  root1.querySelector("button").focus();

  root1.querySelector("input").focus();



  let forwarderFocused = false;

  forwarder.addEventListener("focus", () => {

    forwarderFocused = true;

    root2_2.querySelector("button").focus();

    root2_2.querySelector("input").focus();

  });



  // Structure:
@@ -64,17 +64,17 @@ promise_test(async () => { 
  //       #ShadowRoot

  //         <button>Button</button>

  assert_equals(document.activeElement, host1);

  assert_equals(root1.activeElement, root1.querySelector("button"));

  assert_equals(root1.activeElement, root1.querySelector("input"));



  await navigateFocusForward();

  assert_true(forwarderFocused);

  assert_equals(document.activeElement, host2);

  assert_equals(root2_2.activeElement, root2_2.querySelector("button"));

  assert_equals(root2_2.activeElement, root2_2.querySelector("input"));



  // In buggy Firefox build, the following focus navigation will

  // move the focus back to #host1_1's button.

  await navigateFocusForward();

  assert_equals(document.activeElement, host2);

  assert_equals(root2_3.activeElement, root2_3.querySelector("button"));

  assert_equals(root2_3.activeElement, root2_3.querySelector("input"));

}, "Order with different tabindex on host")

</script>