Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: true
- Manifest: accessible/tests/browser/bounds/browser.toml
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
"use strict";
/* import-globals-from ../../mochitest/layout.js */
Services.scriptloader.loadSubScript(
this
);
async function testContentBounds(browser, acc) {
let [expectedX, expectedY, expectedWidth, expectedHeight] =
await getContentBoundsForDOMElm(browser, getAccessibleDOMNodeID(acc));
let contentDPR = await getContentDPR(browser);
let [x, y, width, height] = getBounds(acc, contentDPR);
let prettyAccName = prettyName(acc);
is(x, expectedX, "Wrong x coordinate of " + prettyAccName);
is(y, expectedY, "Wrong y coordinate of " + prettyAccName);
is(width, expectedWidth, "Wrong width of " + prettyAccName);
Assert.greaterOrEqual(
height,
expectedHeight,
"Wrong height of " + prettyAccName
);
}
async function runTests(browser, accDoc) {
let p1 = findAccessibleChildByID(accDoc, "p1");
let p2 = findAccessibleChildByID(accDoc, "p2");
let imgmap = findAccessibleChildByID(accDoc, "imgmap");
if (!imgmap.childCount) {
// An image map may not be available even after the doc and image load
// is complete. We don't recieve any DOM events for this change either,
// so we need to wait for a REORDER.
await waitForEvent(EVENT_REORDER, "imgmap");
}
let area = imgmap.firstChild;
await testContentBounds(browser, p1);
await testContentBounds(browser, p2);
await testContentBounds(browser, area);
await SpecialPowers.spawn(browser, [], () => {
const { Layout } = ChromeUtils.importESModule(
);
Layout.zoomDocument(content.document, 2.0);
});
await testContentBounds(browser, p1);
await testContentBounds(browser, p2);
await testContentBounds(browser, area);
}
/**
* Test accessible boundaries when page is zoomed
*/
addAccessibleTask(
`
<p id="p1">para 1</p><p id="p2">para 2</p>
<map name="atoz_map" id="map">
coords=17,0,30,14" alt="mozilla.org" shape="rect">
</map>
<img id="imgmap" width="447" height="15"
usemap="#atoz_map"
runTests,
{ iframe: true, remoteIframe: true }
);
/**
* Test accessible bounds after APZ.
*/
addAccessibleTask(
`
<div id="test" style="background:green; height: 100px; width: 100px;">I am square</div>
`,
async function (browser, accDoc) {
const test = findAccessibleChildByID(accDoc, "test");
info("Verifying initial bounds");
await testContentBounds(browser, test, 100, 100);
let contentDPR = await getContentDPR(browser);
const [, , width, height] = getBounds(test, contentDPR);
info("Pinch zooming...");
await SpecialPowers.spawn(browser, [], async () => {
const visualScrollPromise = new Promise(resolve => {
content.window.visualViewport.addEventListener("scroll", resolve, {
once: true,
});
});
const utils = SpecialPowers.getDOMWindowUtils(content.window);
utils.setResolutionAndScaleTo(2);
utils.scrollToVisual(
200,
200,
utils.UPDATE_TYPE_MAIN_THREAD,
utils.SCROLL_MODE_INSTANT
);
await visualScrollPromise;
});
info("Verifying scaled bounds");
contentDPR = await getContentDPR(browser);
const [newX, newY, newWidth, newHeight] = getBounds(test, contentDPR);
// We pinch zoom to the right of the square,
// which means its coords become off-screen
// (negative).
Assert.less(newX, 0, "X coord should be smaller than 0");
Assert.less(newY, 0, "Y coord should be smaller than 0");
// Because we zoomed in, width and height should
// be larger than they were before.
Assert.greater(newWidth, width, "Width should be larger than old width");
Assert.greater(
newHeight,
height,
"Height should be larger than old height"
);
},
{ iframe: true, remoteIframe: true }
);