diff -r 000000000000 -r 6474c204b198 browser/metro/base/tests/mochitest/browser_snappedState.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/browser/metro/base/tests/mochitest/browser_snappedState.js	Wed Dec 31 06:09:35 2014 +0100
@@ -0,0 +1,209 @@
+// -*- Mode: js2; tab-width: 2; indent-tabs-mode: nil; js2-basic-offset: 2; js2-skip-preprocessor-directives: t; -*-
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+var gStartDoc = null;
+
+function test() {
+  if (!isLandscapeMode()) {
+    todo(false, "browser_snapped_tests need landscape mode to run.");
+    return;
+  }
+
+  runTests();
+}
+
+function showStartUI() {
+  if (!BrowserUI.isStartTabVisible) {
+    let tab = yield addTab("about:start");
+    gStartDoc = tab.browser.contentWindow.document;
+  } else {
+    gStartDoc = Browser.selectedBrowser.contentWindow.document;
+  }
+}
+
+function setUpSnapped() {
+  yield showStartUI();
+  yield setSnappedViewstate();
+}
+
+function setUpPortrait() {
+  yield showStartUI();
+  yield setPortraitViewstate();
+}
+
+function getNarrowTitle(aVboxId) {
+  let vbox = gStartDoc.getElementById(aVboxId);
+  return vbox.querySelector(".narrow-title");
+}
+
+function narrowTitleVisible(aVboxId) {
+  let title = getNarrowTitle(aVboxId);
+  let display = getComputedStyle(title).getPropertyValue("display");
+
+  return display !== "none";
+}
+
+function wideTitleVisible(aVboxId) {
+  let vbox = gStartDoc.getElementById(aVboxId);
+  let title = vbox.querySelector(".wide-title");
+  let display = getComputedStyle(title).getPropertyValue("display");
+
+  return display !== "none";
+}
+
+gTests.push({
+  desc: "Test Snapped titles",
+  setUp: setUpSnapped,
+  run: function() {
+    ok(narrowTitleVisible("start-topsites"), "topsites narrow title is visible");
+    ok(narrowTitleVisible("start-bookmarks"), "bookmarks narrow title is visible");
+    ok(narrowTitleVisible("start-history"), "history narrow title is visible");
+
+    ok(!wideTitleVisible("start-topsites"), "topsites wide title is not visible");
+    ok(!wideTitleVisible("start-bookmarks"), "bookmarks wide title is not visible");
+    ok(!wideTitleVisible("start-history"), "history wide title is not visible");
+  },
+  tearDown: restoreViewstate
+});
+
+gTests.push({
+  desc: "Test Snapped titles",
+  setUp: setUpSnapped,
+  run: function() {
+    let topsites = gStartDoc.getElementById("start-topsites");
+    let bookmarks = gStartDoc.getElementById("start-bookmarks");
+    let history = gStartDoc.getElementById("start-history");
+
+    ok(topsites.hasAttribute("expanded"), "topsites is expanded");
+    ok(!bookmarks.hasAttribute("expanded"), "bookmarks is collapsed");
+    ok(!history.hasAttribute("expanded"), "history is collapsed");
+
+    // Expand bookmarks
+    sendElementTap(Browser.selectedBrowser.contentWindow, getNarrowTitle("start-bookmarks"));
+
+    yield waitForCondition(() => bookmarks.hasAttribute("expanded"));
+
+    ok(!topsites.hasAttribute("expanded"), "topsites is collapsed");
+    ok(bookmarks.hasAttribute("expanded"), "bookmarks is expanded");
+    ok(!history.hasAttribute("expanded"), "history is collapsed");
+  },
+  tearDown: restoreViewstate
+});
+
+/* Disabled because it breaks at specific screen sizes (bug 936735).
+gTests.push({
+  desc: "Test Snapped scrolls vertically",
+  setUp: function() {
+
+    // Populate with mock data and expand bookmarks
+    BookmarksTestHelper.setup();
+    sendElementTap(Browser.selectedBrowser.contentWindow, getNarrowTitle("start-bookmarks"));
+
+    yield waitForCondition(() => gStartDoc.getElementById("start-bookmarks").hasAttribute("expanded"));
+
+    yield setUpSnapped();
+  },
+  run: function() {
+    ok(Browser.selectedBrowser.contentWindow.scrollMaxY !== 0, "Snapped scrolls vertically");
+    ok(Browser.selectedBrowser.contentWindow.scrollMaxX === 0, "Snapped does not scroll horizontally");
+  },
+  tearDown: function() {
+    BookmarksTestHelper.restore();
+    yield restoreViewstate();
+  }
+});
+*/
+
+gTests.push({
+  desc: "Test tile selection is cleared and disabled",
+  setUp: function() {
+    BookmarksTestHelper.setup();
+    HistoryTestHelper.setup();
+    showStartUI();
+  },
+  run: function() {
+    // minimal event mocking to trigger context-click handlers
+    function makeMockEvent(item) {
+      return {
+        stopPropagation: function() {},
+        target: item
+      };
+    }
+    let startWin = Browser.selectedBrowser.contentWindow;
+    // make sure the bookmarks grid is showing
+    startWin.StartUI.onNarrowTitleClick("start-bookmarks");
+    let bookmarksGrid = startWin.document.querySelector("#start-bookmarks-grid");
+    // sanity check
+    ok(bookmarksGrid, "matched bookmarks grid");
+    ok(bookmarksGrid.children[0], "bookmarks grid has items");
+    // select a tile (balancing implementation leakage with test simplicity)
+    let mockEvent = makeMockEvent(bookmarksGrid.children[0]);
+    bookmarksGrid.handleItemContextMenu(bookmarksGrid.children[0], mockEvent);
+    // check tile was selected
+    is(bookmarksGrid.selectedItems.length, 1, "Tile got selected in landscape view");
+    // switch to snapped view
+    yield setSnappedViewstate();
+    is(bookmarksGrid.selectedItems.length, 0, "grid items selection cleared in snapped view");
+    // attempt to select a tile in snapped view
+    mockEvent = makeMockEvent(bookmarksGrid.children[0]);
+    bookmarksGrid.handleItemContextMenu(bookmarksGrid.children[0], mockEvent);
+    is(bookmarksGrid.selectedItems.length, 0, "no grid item selections possible in snapped view");
+  },
+  tearDown: function() {
+    BookmarksTestHelper.restore();
+    HistoryTestHelper.restore();
+    yield restoreViewstate();
+  }
+});
+
+gTests.push({
+  desc: "Navbar contextual buttons are not shown in snapped",
+  setUp: setUpSnapped,
+  run: function() {
+    let toolbarContextual = document.getElementById("toolbar-contextual");
+    let visibility = getComputedStyle(toolbarContextual).getPropertyValue("visibility");
+    ok(visibility === "collapse" || visibility === "hidden", "Contextual buttons not shown in navbar");
+  },
+  tearDown: restoreViewstate
+});
+
+gTests.push({
+  desc: "Test Portrait titles",
+  setUp: setUpPortrait,
+  run: function() {
+    // Check title visibility
+    ok(!narrowTitleVisible("start-topsites"), "topsites narrow title is not visible");
+    ok(!narrowTitleVisible("start-bookmarks"), "bookmarks narrow title is not visible");
+    ok(!narrowTitleVisible("start-history"), "history narrow title is not visible");
+
+    ok(wideTitleVisible("start-topsites"), "topsites wide title is visible");
+    ok(wideTitleVisible("start-bookmarks"), "bookmarks wide title is visible");
+    ok(wideTitleVisible("start-history"), "history wide title is visible");
+  },
+  tearDown: restoreViewstate
+});
+
+/* Disabled because it breaks at specific screen sizes (bug 936735).
+gTests.push({
+  desc: "Test portrait scrolls vertically",
+  setUp: function() {
+    // Populate with mock data
+    BookmarksTestHelper.setup();
+    HistoryTestHelper.setup();
+
+    yield setUpPortrait();
+  },
+  run: function() {
+    ok(Browser.selectedBrowser.contentWindow.scrollMaxY !== 0, "Portrait scrolls vertically");
+    ok(Browser.selectedBrowser.contentWindow.scrollMaxX === 0, "Portrait does not scroll horizontally");
+  },
+  tearDown: function() {
+    BookmarksTestHelper.restore();
+    HistoryTestHelper.restore();
+    yield restoreViewstate();
+  }
+});
+*/