зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1538681 Part 2: Add a perma-fail test that scrollbars appear in proper location after resizing viewport. r=botond,gl
The test is marked as perma-fail because there are complications with getting RDM and WindowSnapshot.js to work together. 4 approaches are discussed in the test itself, and one is attempted, which perma-fails. The approach that is attempted is the most likely to be turned into an unexpected pass in the future, so the test is being added as perma-fail. Differential Revision: https://phabricator.services.mozilla.com/D28900 --HG-- extra : moz-landing-system : lando
This commit is contained in:
Brad Werth
Родитель
47f6d7796a
Коммит
86e52030da
|
|
@ -77,4 +77,6 @@ skip-if = os == "linux" || os == "mac" # Bug 1498336
|
|||
[browser_viewport_basics.js]
|
||||
[browser_viewport_resizing_fixed_width.js]
|
||||
[browser_viewport_resizing_fixed_width_and_zoom.js]
|
||||
[browser_viewport_resizing_scrollbar.js]
|
||||
fail-if = true # Bug 1547101
|
||||
[browser_window_close.js]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,114 @@
|
|||
/* Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ */
|
||||
|
||||
"use strict";
|
||||
|
||||
// Test scrollbar appearance after viewport resizing, with and without
|
||||
// meta viewport support.
|
||||
|
||||
Services.scriptloader.loadSubScript(
|
||||
"chrome://mochikit/content/tests/SimpleTest/WindowSnapshot.js", this);
|
||||
|
||||
// We call this to switch between on/off support for meta viewports.
|
||||
async function setTouchAndMetaViewportSupport(ui, value) {
|
||||
const reloadNeeded = await ui.updateTouchSimulation(value);
|
||||
if (reloadNeeded) {
|
||||
info("Reload is needed -- waiting for it.");
|
||||
const reload = waitForViewportLoad(ui);
|
||||
const browser = ui.getViewportBrowser();
|
||||
browser.reload();
|
||||
await reload;
|
||||
}
|
||||
}
|
||||
|
||||
// The quest for a TEST_ROOT: we have to choose a way of addressing the RDM document
|
||||
// such that two things can happen:
|
||||
// 1) addRDMTask can load it.
|
||||
// 2) WindowSnapshot can take a picture of it.
|
||||
|
||||
// The WindowSnapshot does not work cross-origin. We can't use a data URI, because those
|
||||
// are considered cross-origin.
|
||||
|
||||
// let TEST_ROOT = "";
|
||||
|
||||
// We can't use a relative URL, because addRDMTask can't load local files.
|
||||
// TEST_ROOT = "";
|
||||
|
||||
// We can't use a mochi.test URL, because it's cross-origin.
|
||||
// TEST_ROOT =
|
||||
// "http://mochi.test:8888/browser/devtools/client/responsive.html/test/browser/";
|
||||
|
||||
// We can't use a chrome URL, because it triggers an assertion: RDM only available for
|
||||
// remote tabs.
|
||||
// TEST_ROOT =
|
||||
// "chrome://mochitests/content/browser/devtools/client/responsive.html/test/browser/";
|
||||
|
||||
// So if we had an effective TEST_ROOT, we'd use it here and run our test. But we don't.
|
||||
// The proposed "file_meta_1000_div.html" would just contain the html specified below as
|
||||
// a data URI.
|
||||
// const TEST_URL = TEST_ROOT + "file_meta_1000_div.html";
|
||||
|
||||
// Instead we're going to mess with a security preference to allow a data URI to be
|
||||
// treated as same-origin. This doesn't work either for reasons that I don't understand.
|
||||
|
||||
const TEST_URL = "data:text/html;charset=utf-8," +
|
||||
"<head>" +
|
||||
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>" +
|
||||
"</head>" +
|
||||
"<body><div style=\"background:orange; width:1000px; height:1000px\"></div></body>";
|
||||
|
||||
addRDMTask(TEST_URL, async function({ ui, manager }) {
|
||||
// Turn on the prefs that allow meta viewport support, and force overlay
|
||||
// scrollbars to always be visible, and to allow data URIs to be considered
|
||||
// as same-origin.
|
||||
await SpecialPowers.pushPrefEnv({
|
||||
set: [["devtools.responsive.metaViewport.enabled", true],
|
||||
["layout.testing.overlay-scrollbars.always-visible", true],
|
||||
["security.data_uri.unique_opaque_origin", false]],
|
||||
});
|
||||
|
||||
const store = ui.toolWindow.store;
|
||||
|
||||
// Wait until the viewport has been added.
|
||||
await waitUntilState(store, state => state.viewports.length == 1);
|
||||
|
||||
info("--- Starting viewport test output ---");
|
||||
|
||||
const browser = ui.getViewportBrowser();
|
||||
|
||||
const expected = [
|
||||
{
|
||||
metaSupport: false,
|
||||
},
|
||||
{
|
||||
metaSupport: true,
|
||||
},
|
||||
];
|
||||
|
||||
for (const e of expected) {
|
||||
const message = "Meta Viewport " + (e.metaSupport ? "ON" : "OFF");
|
||||
|
||||
// Ensure meta viewport is set.
|
||||
info(message + " setting meta viewport support.");
|
||||
await setTouchAndMetaViewportSupport(ui, e.metaSupport);
|
||||
|
||||
// Get to the initial size and snapshot the window.
|
||||
await setViewportSize(ui, manager, 300, 600);
|
||||
const initialSnapshot = snapshotWindow(browser.contentWindow);
|
||||
|
||||
// Move to the rotated size.
|
||||
await setViewportSize(ui, manager, 600, 300);
|
||||
|
||||
// Reload the window.
|
||||
const reload = waitForViewportLoad(ui);
|
||||
browser.reload();
|
||||
await reload;
|
||||
|
||||
// Go back to the initial size and take another snapshot.
|
||||
await setViewportSize(ui, manager, 300, 600);
|
||||
const finalSnapshot = snapshotWindow(browser.contentWindow);
|
||||
|
||||
const result = compareSnapshots(initialSnapshot, finalSnapshot, true);
|
||||
is(result[2], result[1], "Window snapshots should match.");
|
||||
}
|
||||
});
|
||||
Загрузка…
Ссылка в новой задаче