diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /layout/base/tests/test_partialbg.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/base/tests/test_partialbg.html')
| -rw-r--r-- | layout/base/tests/test_partialbg.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/layout/base/tests/test_partialbg.html b/layout/base/tests/test_partialbg.html new file mode 100644 index 0000000000..8c5b6b466a --- /dev/null +++ b/layout/base/tests/test_partialbg.html @@ -0,0 +1,76 @@ +<!DOCTYPE HTML> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=1231622 +--> +<head> + <meta charset="utf-8"> + <title>Test for Bug 1231622: Draw partial frames of downloading css background images</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <script src="/tests/SimpleTest/WindowSnapshot.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> +</head> +<body onload="SimpleTest.waitForFocus(runTest)"> + +<style> +div { + width: 200px; + height: 200px; + background-size: 200px 200px; background-image: url(sendimagenevercomplete.sjs) +} +</style> +<script> +/* sendimagenevercomplete.sjs sends us a partial png file and keeps the + * connection open but sends no more data. This is enough data to draw at last + * a partial frame. We do this so that we can distinguish from drawing a + * partial frame after we've been told all data has arrived (what we do even + * without the pref layout.display_partial_background_images turned on), from + * drawing a partial frame while data is still arriving (what we want to do). + */ + +SimpleTest.waitForExplicitFinish(); +const gUtils = SpecialPowers.getDOMWindowUtils(window); + +function checkPixel(r, x, y, red, green, blue, alpha) { + let canvas = snapshotRect(window, r); + let context = canvas.getContext('2d'); + + let image = context.getImageData(x, y, 1, 1); + if (image.data[0] == red && + image.data[1] == green && + image.data[2] == blue && + image.data[3] == alpha) { + return true; + } + return false; +} + +async function runTest() { + await SpecialPowers.pushPrefEnv({'set': [['layout.display_partial_background_images', true]]}); + + let theDiv = document.createElement("div"); + document.body.appendChild(theDiv); + + let r = theDiv.getBoundingClientRect(); + + // Give that some time to partially load. + for (let i = 0; i < 10; i++) { + await new Promise(resolve => requestAnimationFrame(resolve)); + } + + let correct = false; + while (!correct) { + // Check the middle pixel part way down the partial frame. + correct = checkPixel(r, 100, 25, 0, 0, 255, 255); + + await new Promise(resolve => requestAnimationFrame(resolve)); + } + + ok(correct, "correct pixel value"); + + SimpleTest.finish(); +} +</script> +</pre> +</body> +</html> |