add_task(async function() {
  const childContent = "
" +
                       "div
" +
                       "div
";
  let tab = gBrowser.selectedTab = BrowserTestUtils.addTab(gBrowser);
  await promiseTabLoadEvent(tab, "data:text/html;charset=utf-8," + escape(childContent));
  await SimpleTest.promiseFocus(gBrowser.selectedBrowser);
  let remote = gBrowser.selectedBrowser.isRemoteBrowser;
  let findBarOpenPromise = promiseWaitForEvent(gBrowser, "findbaropen");
  EventUtils.synthesizeKey("f", { accelKey: true });
  await findBarOpenPromise;
  ok(gFindBarInitialized, "find bar is now initialized");
  // Finds the div in the green box.
  let scrollPromise = remote ?
    BrowserTestUtils.waitForContentEvent(gBrowser.selectedBrowser, "scroll") :
    BrowserTestUtils.waitForEvent(gBrowser, "scroll");
  EventUtils.synthesizeKey("d", {});
  EventUtils.synthesizeKey("i", {});
  EventUtils.synthesizeKey("v", {});
  await scrollPromise;
  // Wait for one paint to ensure we've processed the previous key events and scrolling.
  await ContentTask.spawn(gBrowser.selectedBrowser, null, async function() {
    return new Promise(
      resolve => {
        content.requestAnimationFrame(() => {
          setTimeout(resolve, 0);
        });
      }
    );
  });
  // Finds the div in the red box.
  scrollPromise = remote ?
    BrowserTestUtils.waitForContentEvent(gBrowser.selectedBrowser, "scroll") :
    BrowserTestUtils.waitForEvent(gBrowser, "scroll");
  EventUtils.synthesizeKey("g", { accelKey: true });
  await scrollPromise;
  await ContentTask.spawn(gBrowser.selectedBrowser, null, async function() {
    Assert.ok(content.document.getElementById("s").getBoundingClientRect().left >= 0,
      "scroll should include find result");
  });
  // clear the find bar
  EventUtils.synthesizeKey("a", { accelKey: true });
  EventUtils.synthesizeKey("VK_DELETE", { });
  gFindBar.close();
  gBrowser.removeCurrentTab();
});