зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1675375 Part 5: Add a polygon clip test for Fission WebRender. r=gw
This test was originally written by Kats, but I can't figure out how to preserve authorship. Differential Revision: https://phabricator.services.mozilla.com/D109947
This commit is contained in:
Brad Werth
Родитель
2a6e638a9c
Коммит
28be2025ca
|
|
@ -63,9 +63,14 @@ add_task(async function test_main() {
|
|||
{ file: "helper_fission_large_subframe.html" },
|
||||
// add additional tests here
|
||||
];
|
||||
// These tests are to ensure hit-testing works perfectly on the WR
|
||||
// codepath. The layers codepath may need a main-thread fallback to get
|
||||
// these working, but we can't use our synchronous hitTest(...) helpers
|
||||
// for those anyway.
|
||||
if (isWebRender) {
|
||||
subtests = subtests.concat([
|
||||
{ file: "helper_fission_inactivescroller_positionedcontent.html" },
|
||||
{ file: "helper_fission_irregular_areas.html" },
|
||||
// add WebRender-specific tests here
|
||||
]);
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,101 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ensure irregular areas on top of OOPIFs hit-test properly</title>
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<script src="/tests/SimpleTest/paint_listener.js"></script>
|
||||
<script src="helper_fission_utils.js"></script>
|
||||
<script src="apz_test_utils.js"></script>
|
||||
<script src="apz_test_native_event_utils.js"></script>
|
||||
<script>
|
||||
|
||||
fission_subtest_init();
|
||||
|
||||
FissionTestHelper.startTestPromise
|
||||
.then(waitUntilApzStable)
|
||||
.then(loadOOPIFrame("testframe", "helper_fission_empty.html"))
|
||||
.then(waitUntilApzStable)
|
||||
.then(test)
|
||||
.then(FissionTestHelper.subtestDone, FissionTestHelper.subtestFailed);
|
||||
|
||||
let make_oopif_scrollable = function() {
|
||||
// ensure the oopif is scrollable, and wait for the paint so that the
|
||||
// compositor also knows it's scrollable.
|
||||
document.body.style.height = "200vh";
|
||||
promiseApzFlushedRepaints().then(() => {
|
||||
let utils = SpecialPowers.getDOMWindowUtils(window);
|
||||
let result = {
|
||||
layersId: utils.getLayersId(),
|
||||
viewId: utils.getViewId(document.scrollingElement)
|
||||
};
|
||||
dump(`OOPIF computed IDs ${JSON.stringify(result)}\n`);
|
||||
FissionTestHelper.fireEventInEmbedder("OOPIF:Scrollable", result);
|
||||
});
|
||||
return true;
|
||||
};
|
||||
|
||||
async function test() {
|
||||
let iframe = document.getElementById("testframe");
|
||||
|
||||
let oopifScrollerIds = promiseOneEvent(window, "OOPIF:Scrollable", null);
|
||||
ok(await FissionTestHelper.sendToOopif(iframe, `(${make_oopif_scrollable})()`),
|
||||
"Ran code to make OOPIF scrollable");
|
||||
oopifScrollerIds = (await oopifScrollerIds).data;
|
||||
|
||||
let utils = SpecialPowers.getDOMWindowUtils(window);
|
||||
|
||||
// The triangle_overlay div overlays a part of the iframe. We do 3 hit-tests:
|
||||
// - one that hits the opaque part of the overlay
|
||||
// - one that hits the clipped-away part of the overlay div but is still
|
||||
// inside the bounding box
|
||||
// - one that is not on the overlay at all, but on the part of the iframe not
|
||||
// covered by the overlay.
|
||||
// For the latter two, we expect the hit-test to hit the OOPIF.
|
||||
|
||||
checkHitResult(await fissionHitTest({x: 20, y: 100}, iframe),
|
||||
APZHitResultFlags.VISIBLE,
|
||||
utils.getViewId(document.scrollingElement),
|
||||
utils.getLayersId(),
|
||||
"opaque part of overlay should hit parent doc hosting the OOPIF");
|
||||
|
||||
checkHitResult(await fissionHitTest({x: 180, y: 100}, iframe),
|
||||
APZHitResultFlags.VISIBLE,
|
||||
oopifScrollerIds.viewId,
|
||||
oopifScrollerIds.layersId,
|
||||
"clipped-away part of overlay should hit OOPIF");
|
||||
|
||||
checkHitResult(await fissionHitTest({x: 250, y: 100}, iframe),
|
||||
APZHitResultFlags.VISIBLE,
|
||||
oopifScrollerIds.viewId,
|
||||
oopifScrollerIds.layersId,
|
||||
"part of OOPIF outside the overlay bounding rect should hit the OOPIF");
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
iframe {
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
#triangle_overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: green;
|
||||
clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
|
||||
}
|
||||
</style>
|
||||
<iframe id="testframe"></iframe>
|
||||
<div id="triangle_overlay"></div>
|
||||
</body>
|
||||
</html>
|
||||
Загрузка…
Ссылка в новой задаче