From b909e3d58757f9380de1ab811127942f45936bf2 Mon Sep 17 00:00:00 2001
From: Lucien Fiorini <lucienfiorini@gmail.com>
Date: Thu, 19 Dec 2024 12:21:52 +0100
Subject: [PATCH] Tests: Add screenshot test for Canvas2D fillstyle opacity

---
 .../canvas-fillstyle-opacity-ref.html         |  11 ++++++++++
 .../images/canvas-fillstyle-opacity.png       | Bin 0 -> 3257 bytes
 .../input/canvas-fillstyle-opacity.html       |  19 ++++++++++++++++++
 3 files changed, 30 insertions(+)
 create mode 100644 Tests/LibWeb/Screenshot/expected/canvas-fillstyle-opacity-ref.html
 create mode 100644 Tests/LibWeb/Screenshot/images/canvas-fillstyle-opacity.png
 create mode 100644 Tests/LibWeb/Screenshot/input/canvas-fillstyle-opacity.html

diff --git a/Tests/LibWeb/Screenshot/expected/canvas-fillstyle-opacity-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-fillstyle-opacity-ref.html
new file mode 100644
index 00000000000..830c77dd2f7
--- /dev/null
+++ b/Tests/LibWeb/Screenshot/expected/canvas-fillstyle-opacity-ref.html
@@ -0,0 +1,11 @@
+<style>
+    * {
+        margin: 0;
+    }
+
+    body {
+        background-color: white;
+    }
+</style>
+
+<img src="../images/canvas-fillstyle-opacity.png">
diff --git a/Tests/LibWeb/Screenshot/images/canvas-fillstyle-opacity.png b/Tests/LibWeb/Screenshot/images/canvas-fillstyle-opacity.png
new file mode 100644
index 0000000000000000000000000000000000000000..6071f3930d66b8e0bc613ade896e194ef6f3f05d
GIT binary patch
literal 3257
zcmeAS@N?(olHy`uVBq!ia0y~yU{+vYV2a>iV_;yIRn}C%z`)bs>EaktG3V{gjl2yG
zJS>h5B7V=+R25u)Ga8G|d6Mz8HZ6^rfq_G2H9G?X!+%8w28M<n21W)3BPJFGh7%kD
z3=9g&BSWxwo!p11ucP)hsDEc*c+ktw!N4#<P=SHL!L5OTfkBdyiGd-7WmIs41<1_W
zw6w1r3=9wCYeq&k7$LcR)SDx-lpl@v(Rd$eEt}CaKbqzTD9xYY)my-~a+<@meGCi?
N44$rjF6*2UngBWqtfT+{

literal 0
HcmV?d00001

diff --git a/Tests/LibWeb/Screenshot/input/canvas-fillstyle-opacity.html b/Tests/LibWeb/Screenshot/input/canvas-fillstyle-opacity.html
new file mode 100644
index 00000000000..8ad70d95802
--- /dev/null
+++ b/Tests/LibWeb/Screenshot/input/canvas-fillstyle-opacity.html
@@ -0,0 +1,19 @@
+<link rel="match" href="../expected/canvas-fillstyle-opacity-ref.html" />
+
+<style>
+    * {
+        margin: 0;
+    }
+    body {
+        background-color: white;
+    }
+</style>
+
+<canvas id="myCanvas" width="200" height="200"></canvas>
+
+<script>
+    const canvas = document.getElementById('myCanvas');
+    const ctx = canvas.getContext('2d');
+    ctx.fillStyle = 'rgba(0, 0, 255, 0.5)';
+    ctx.fillRect(50, 50, 100, 100);
+</script>