summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1743851-1-ref.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/bugs/1743851-1-ref.html44
1 files changed, 44 insertions, 0 deletions
diff --git a/layout/reftests/bugs/1743851-1-ref.html b/layout/reftests/bugs/1743851-1-ref.html
new file mode 100644
index 0000000000..07a9d22d25
--- /dev/null
+++ b/layout/reftests/bugs/1743851-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <script>
+
+ const spriteSheet = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAAFVBMVEUAAADMr3z///8PDw9AQEC/v7/w8PCtfkxVAAAAA3RSTlMAAAD6dsTeAAAAQ0lEQVQIWy3IQRGAIAAEwJ1zCEAFLEAUK5iPClaggj9rMH7Y57prrR0pOJB1kU58OIldsSt2BQVHaIN3Rnt4p2SwJj863A7yxMyt/AAAAABJRU5ErkJggg=='
+
+ const loadImage = (src) => {
+ return new Promise((resolve, reject) => {
+ var img = new Image()
+ img.onload = () => resolve(img)
+ img.onerror = () => reject(false)
+ img.src = src
+ })
+ }
+
+ let cursorImage
+
+ function drawTestImage(canvasID, alphaValue) {
+ const ctx = document.getElementById(canvasID).getContext("2d", { alpha: alphaValue })
+
+ ctx.fillStyle = "#808080" // For contrast
+ ctx.fillRect(0, 0, 30, 30)
+
+ createImageBitmap(cursorImage, 0, 0, 8, 11, { premultiplyAlpha: "none" }).then(image => {
+ ctx.drawImage(image, 10, 10)
+ })
+ }
+
+ window.addEventListener("DOMContentLoaded", () => {
+ loadImage(spriteSheet).then(img => {
+ cursorImage = img
+ drawTestImage("c1", true)
+ })
+ })
+
+ </script>
+ </head>
+ <body>
+ <canvas id="c1" width="30" height="30"></canvas>
+ </body>
+</html>
+