diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
| commit | 2aa4a82499d4becd2284cdb482213d541b8804dd (patch) | |
| tree | b80bf8bf13c3766139fbacc530efd0dd9d54394c /layout/base/tests/chrome/test_will_change.html | |
| parent | Initial commit. (diff) | |
| download | firefox-upstream.tar.xz firefox-upstream.zip | |
Adding upstream version 86.0.1.upstream/86.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/base/tests/chrome/test_will_change.html')
| -rw-r--r-- | layout/base/tests/chrome/test_will_change.html | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/layout/base/tests/chrome/test_will_change.html b/layout/base/tests/chrome/test_will_change.html new file mode 100644 index 0000000000..fd34dc50f6 --- /dev/null +++ b/layout/base/tests/chrome/test_will_change.html @@ -0,0 +1,140 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Tests for MozAfterPaint</title> + <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> + <script src="chrome://mochikit/content/tests/SimpleTest/paint_listener.js"></script> + <style> + div { + width: 100px; + height: 100px; + background: radial-gradient(ellipse at center, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); + } + </style> +</head> +<body> +</body> +<script> + +var utils = window.windowUtils; + +function waitForPaints() { + return new Promise(function(resolve, reject) { + waitForAllPaintsFlushed(resolve); + }); +} + +add_task(async () => { + var element = document.createElement("div"); + document.body.appendChild(element); + + await waitForPaints(); + + utils.checkAndClearPaintedState(element); + element.style.opacity = "0.5"; + + await waitForPaints(); + + var painted = utils.checkAndClearPaintedState(element); + // *** We check that this repaints because the test is relying + // on this property. If this is broken then this test wont + // be reliable check for will-change. + is(painted, true, "element should have been painted"); + + element.remove(); +}); + +add_task(async () => { + var element = document.createElement("div"); + document.body.appendChild(element); + + element.style.willChange = "opacity"; + + await waitForPaints(); + + utils.checkAndClearPaintedState(element); + element.style.opacity = "0.5"; + + await waitForPaints(); + + var painted = utils.checkAndClearPaintedState(element); + // BasicLayers' heuristics are so that even with will-change:opacity, + // we can still have repaints. + if (utils.layerManagerType != "Basic") { + is(painted, false, "will-change:opacity element should not have been painted"); + } + + element.remove(); +}); + +add_task(async () => { + var element = document.createElement("div"); + document.body.appendChild(element); + + element.style.willChange = "transform"; + + await waitForPaints(); + + utils.checkAndClearPaintedState(element); + element.style.transform = "translateY(-5px)"; + + await waitForPaints(); + + var painted = utils.checkAndClearPaintedState(element); + // BasicLayers' heuristics are so that even with will-change:transform, + // we can still have repaints. + if (utils.layerManagerType != "Basic") { + is(painted, false, "will-change:transform element should not have been painted"); + } + + element.remove(); +}); + +add_task(async () => { + var element = document.createElement("div"); + document.body.appendChild(element); + + element.style.willChange = "translate"; + + await waitForPaints(); + + utils.checkAndClearPaintedState(element); + element.style.translate = "5px"; + + await waitForPaints(); + + var painted = utils.checkAndClearPaintedState(element); + // BasicLayers' heuristics are so that even with will-change:translate, + // we can still have repaints. + if (utils.layerManagerType != "Basic") { + is(painted, false, "will-change:translate element should not have been painted"); + } + + element.remove(); +}); + +add_task(async () => { + var element = document.createElement("div"); + document.body.appendChild(element); + + element.style.willChange = "offset-path"; + + await waitForPaints(); + + utils.checkAndClearPaintedState(element); + element.style.offsetPath = "path('M55 50 h1')"; + + await waitForPaints(); + + var painted = utils.checkAndClearPaintedState(element); + // BasicLayers' heuristics are so that even with will-change:offset-path, + // we can still have repaints. + if (utils.layerManagerType != "Basic") { + is(painted, false, "will-change:offset-path element should not have been painted"); + } + + element.remove(); +}); + +</script> +</html> |