123 lines
5.2 KiB
JavaScript
123 lines
5.2 KiB
JavaScript
// Appends a list item with `innerHTML` to the document's 'list' element.
|
|
function log(innerHTML) {
|
|
const li = document.createElement('li');
|
|
li.innerHTML = innerHTML;
|
|
document.getElementById('list').appendChild(li);
|
|
}
|
|
|
|
// Returns a string with the label and bounds of screen `s` for logging.
|
|
function screenLog(s) {
|
|
return `'${s.label}': (${s.left},${s.top} ${s.width}x${s.height})`;
|
|
}
|
|
|
|
// Returns a string with the bounds of window `w` for logging.
|
|
function windowLog(w) {
|
|
return `(${w.screenLeft},${w.screenTop} ${w.outerWidth}x${w.outerHeight})`;
|
|
}
|
|
|
|
// Appends a button with `innerHTML` to the document's `list` element.
|
|
// Waits for a test driver or manual click, and disables the button afterwards.
|
|
async function buttonClick(test, innerHTML) {
|
|
const button = document.createElement('button');
|
|
button.innerHTML = innerHTML;
|
|
const li = document.createElement('li');
|
|
li.appendChild(button)
|
|
document.getElementById('list').appendChild(li);
|
|
const click = new EventWatcher(test, button, ['click']).wait_for('click');
|
|
try { // Support manual testing where test_driver is not running.
|
|
await test_driver.click(button);
|
|
} catch {
|
|
}
|
|
await click;
|
|
button.disabled = true;
|
|
}
|
|
|
|
// Grants `window-management` permission and caches `window.screenDetails`.
|
|
async function setUpWindowManagement(test) {
|
|
assert_implements(
|
|
'getScreenDetails' in self && 'isExtended' in screen,
|
|
`API not supported; use Chrome or Chromium (not content_shell)`);
|
|
if (!screen.isExtended)
|
|
log(`WARNING: Use multiple screens for full test coverage`);
|
|
if (window.location.href.startsWith('file'))
|
|
log(`WARNING: Run via 'wpt serve'; file URLs lack permission support`);
|
|
|
|
try { // Support manual testing where test_driver is not running.
|
|
await test_driver.set_permission({ name: 'window-management' }, 'granted');
|
|
} catch {
|
|
}
|
|
await buttonClick(test, 'Request screen details');
|
|
window.screenDetails = await window.getScreenDetails();
|
|
assert_true(!!window.screenDetails, 'Error getting screen details');
|
|
}
|
|
|
|
// Polls until `condition` is true, with the given `interval` and `duration`.
|
|
// Returns a promise that will be resolved on success or timeout.
|
|
async function poll(condition, interval = 100, duration = 3000) {
|
|
const timeout = Date.now() + duration;
|
|
const loop = (resolve) => {
|
|
if (condition() || Date.now() > timeout)
|
|
resolve();
|
|
else
|
|
step_timeout(loop, interval, resolve);
|
|
}
|
|
return new Promise(loop);
|
|
}
|
|
|
|
// Open and return a popup on `screen`, optionally asserting placement.
|
|
async function openPopupOnScreen(screen, assertPlacement = true) {
|
|
const left = screen.availLeft + Math.floor(screen.availWidth / 2) - 150;
|
|
const top = screen.availTop + Math.floor(screen.availHeight / 2) - 50;
|
|
let features = `left=${left},top=${top},width=300,height=100`;
|
|
log(`Opening a popup with features '${features}' on ${screenLog(screen)}`);
|
|
// Window.open() synchronously returns a Window with estimated screenLeft|Top,
|
|
// which may be clamped to the opener's screen or incompletely initialized.
|
|
let popup = window.open('/resources/blank.html', '', features);
|
|
|
|
if (assertPlacement) {
|
|
// Assert the popup is eventually placed at the expected location.
|
|
// This may occur after window load, document ready and visible, etc.
|
|
const initialBounds = windowLog(popup);
|
|
log(`<div style='margin-left: 40px'>Initial: ${initialBounds}</div>`);
|
|
await poll(() => { return popup.screenLeft == left &&
|
|
popup.screenTop == top });
|
|
popup.document.write(`Requested: (${left},${top} 300x100) <br> \
|
|
Initial: ${initialBounds} <br> \
|
|
Resolved: ${windowLog(popup)}`);
|
|
log(`<div style='margin-left: 40px'>Resolved: ${windowLog(popup)}</div>`);
|
|
const context = `popup: ${windowLog(popup)}, ${screenLog(screen)}`;
|
|
assert_equals(popup.screenLeft, left, context);
|
|
assert_equals(popup.screenTop, top, context);
|
|
}
|
|
|
|
return popup;
|
|
}
|
|
|
|
// Returns true if window `w` bounds are on screen `s` with threshold `t`.
|
|
function isWindowOnScreen(w, s, t = 100) {
|
|
return (w.screenLeft >= s.left - t) && (w.screenTop >= s.top - t) &&
|
|
(w.screenLeft + w.outerWidth <= s.left + s.width + t) &&
|
|
(w.screenTop + w.outerHeight <= s.top + s.height + t);
|
|
}
|
|
|
|
// Asserts window `w` currentScreen matches screen `s`. Awaits pending changes,
|
|
// e.g. fullscreen promises may resolve before screen change: crbug.com/1330724.
|
|
async function assertWindowHasCurrentScreen(w, s) {
|
|
log(`assertWindowHasCurrentScreen w: ${windowLog(w)} s: ${screenLog(s)}`);
|
|
await poll(() => { return s === w.screenDetails.currentScreen; });
|
|
assert_equals(screenLog(s), screenLog(w.screenDetails.currentScreen));
|
|
}
|
|
|
|
// Asserts window `w` bounds roughly match screen `s`. Awaits pending changes,
|
|
// e.g. fullscreen promises may resolve before bounds change: crbug.com/1330724.
|
|
async function assertWindowBoundsOnScreen(w, s) {
|
|
log(`assertWindowBoundsOnScreen w: ${windowLog(w)} s: ${screenLog(s)}`);
|
|
await poll(() => { return isWindowOnScreen(w, s); });
|
|
assert_true(isWindowOnScreen(w, s), `${windowLog(w)} on ${screenLog(s)}`);
|
|
}
|
|
|
|
// Asserts window `w` bounds and currentScreen match screen `s`.
|
|
async function assertWindowOnScreen(w, s) {
|
|
await assertWindowHasCurrentScreen(w, s);
|
|
await assertWindowBoundsOnScreen(w, s);
|
|
}
|