/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

function test() {
  let sessionData = {
    windows: [
      {
        tabs: [
          {
            entries: [{ url: "about:mozilla", triggeringPrincipal_base64 }],
            hidden: true,
          },
          {
            entries: [{ url: "about:blank", triggeringPrincipal_base64 }],
            hidden: false,
          },
        ],
      },
    ],
  };
  let url = "about:sessionrestore";
  let formdata = { id: { sessionData }, url };
  let state = {
    windows: [
      { tabs: [{ entries: [{ url, triggeringPrincipal_base64 }], formdata }] },
    ],
  };

  waitForExplicitFinish();

  newWindowWithState(state, function(win) {
    registerCleanupFunction(() => BrowserTestUtils.closeWindow(win));

    is(gBrowser.tabs.length, 1, "The total number of tabs should be 1");
    is(
      gBrowser.visibleTabs.length,
      1,
      "The total number of visible tabs should be 1"
    );

    executeSoon(function() {
      waitForFocus(function() {
        middleClickTest(win);
      }, win);
    });
  });
}

async function middleClickTest(win) {
  let browser = win.gBrowser.selectedBrowser;
  let tabsToggle = browser.contentDocument.getElementById("tabsToggle");
  EventUtils.synthesizeMouseAtCenter(
    tabsToggle,
    { button: 0 },
    browser.contentWindow
  );
  let treeContainer = browser.contentDocument.querySelector(".tree-container");
  await BrowserTestUtils.waitForCondition(
    () => win.getComputedStyle(treeContainer).visibility == "visible"
  );

  let tree = browser.contentDocument.getElementById("tabList");
  is(tree.view.rowCount, 3, "There should be three items");

  // click on the first tab item
  var rect = tree.getCoordsForCellItem(1, tree.columns[1], "text");
  EventUtils.synthesizeMouse(
    tree.body,
    rect.x,
    rect.y,
    { button: 1 },
    browser.contentWindow
  );
  // click on the second tab item
  rect = tree.getCoordsForCellItem(2, tree.columns[1], "text");
  EventUtils.synthesizeMouse(
    tree.body,
    rect.x,
    rect.y,
    { button: 1 },
    browser.contentWindow
  );

  is(
    win.gBrowser.tabs.length,
    3,
    "The total number of tabs should be 3 after restoring 2 tabs by middle click."
  );
  is(
    win.gBrowser.visibleTabs.length,
    3,
    "The total number of visible tabs should be 3 after restoring 2 tabs by middle click"
  );
  finish();
}

function newWindowWithState(state, callback) {
  let opts = "chrome,all,dialog=no,height=800,width=800";
  let win = window.openDialog(AppConstants.BROWSER_CHROME_URL, "_blank", opts);

  win.addEventListener(
    "load",
    function() {
      // The form data will be restored before SSTabRestored, so we want to listen
      // for that on the currently selected tab
      let onSSTabRestored = event => {
        let tab = event.target;
        if (tab.selected) {
          win.gBrowser.tabContainer.removeEventListener(
            "SSTabRestored",
            onSSTabRestored,
            true
          );
          callback(win);
        }
      };
      win.gBrowser.tabContainer.addEventListener(
        "SSTabRestored",
        onSSTabRestored,
        true
      );

      executeSoon(function() {
        ss.setWindowState(win, JSON.stringify(state), true);
      });
    },
    { once: true }
  );
}