summaryrefslogtreecommitdiffstats
path: root/dom/tests/browser/browser_autofocus_background.js
blob: ecac9a9a98ca79291f0acd5f5eb3d252ea5e76d9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
add_task(async function () {
  const URL =
    "data:text/html,<!DOCTYPE html><html><body><input autofocus id='target'></body></html>";
  const foregroundTab = gBrowser.selectedTab;
  const backgroundTab = BrowserTestUtils.addTab(gBrowser);

  // Ensure tab is still in the foreground.
  is(
    gBrowser.selectedTab,
    foregroundTab,
    "foregroundTab should still be selected"
  );

  // Load the second tab in the background.
  const loadedPromise = BrowserTestUtils.browserLoaded(
    backgroundTab.linkedBrowser,
    /* includesubframes */ false,
    URL
  );
  BrowserTestUtils.loadURIString(backgroundTab.linkedBrowser, URL);
  await loadedPromise;

  // Get active element in the tab.
  let tagName = await SpecialPowers.spawn(
    backgroundTab.linkedBrowser,
    [],
    async function () {
      // Spec asks us to flush autofocus candidates in the
      // `update-the-rendering` step, so we need to wait
      // for a rAF to ensure autofocus candidates are
      // flushed.
      await new Promise(r => {
        content.requestAnimationFrame(r);
      });
      return content.document.activeElement.tagName;
    }
  );

  is(
    tagName,
    "INPUT",
    "The background tab's focused element should be the <input>"
  );

  is(
    gBrowser.selectedTab,
    foregroundTab,
    "foregroundTab tab should still be selected, shouldn't cause a tab switch"
  );

  is(
    document.activeElement,
    foregroundTab.linkedBrowser,
    "The background tab's focused element should not cause the tab to be selected"
  );

  // Cleaning up.
  BrowserTestUtils.removeTab(backgroundTab);
});