var tab;

function test() {
  waitForExplicitFinish();

  tab = BrowserTestUtils.addTab(gBrowser);
  isnot(tab.getAttribute("fadein"), "true", "newly opened tab is yet to fade in");

  // Try to remove the tab right before the opening animation's first frame
  window.requestAnimationFrame(checkAnimationState);
}

function checkAnimationState() {
  is(tab.getAttribute("fadein"), "true", "tab opening animation initiated");

  info(window.getComputedStyle(tab).maxWidth);
  gBrowser.removeTab(tab, { animate: true });
  if (!tab.parentNode) {
    ok(true, "tab removed synchronously since the opening animation hasn't moved yet");
    finish();
    return;
  }

  info("tab didn't close immediately, so the tab opening animation must have started moving");
  info("waiting for the tab to close asynchronously");
  tab.addEventListener("TabAnimationEnd", function listener() {
    executeSoon(function() {
      ok(!tab.parentNode, "tab removed asynchronously");
      finish();
    });
  }, {once: true});
}