From e537adad7727e876a7e5b50e1d0866bdd18340e4 Mon Sep 17 00:00:00 2001
From: uysalibov <uysalibov@gmail.com>
Date: Mon, 21 Oct 2024 16:16:44 +0300
Subject: [PATCH] LibWeb: Add screenshot test for canvas-shadow

---
 Tests/LibWeb/Screenshot/canvas-shadow.html    |  30 ++++++++++++++++++
 .../Screenshot/images/canvas-shadow-ref.png   | Bin 0 -> 3390 bytes
 .../reference/canvas-shadow-ref.html          |   9 ++++++
 3 files changed, 39 insertions(+)
 create mode 100644 Tests/LibWeb/Screenshot/canvas-shadow.html
 create mode 100644 Tests/LibWeb/Screenshot/images/canvas-shadow-ref.png
 create mode 100644 Tests/LibWeb/Screenshot/reference/canvas-shadow-ref.html

diff --git a/Tests/LibWeb/Screenshot/canvas-shadow.html b/Tests/LibWeb/Screenshot/canvas-shadow.html
new file mode 100644
index 00000000000..4466275ef20
--- /dev/null
+++ b/Tests/LibWeb/Screenshot/canvas-shadow.html
@@ -0,0 +1,30 @@
+<link rel="match" href="reference/canvas-shadow-ref.html" />
+<style>
+    * {
+        margin: 0;
+    }
+
+    body {
+        background-color: white;
+    }
+</style>
+<canvas width=800 height=600></canvas>
+<script>
+    const canvas = document.querySelector("canvas");
+    const ctx = canvas.getContext("2d");
+
+    // Shadow
+    ctx.shadowColor = "LightCoral";
+    ctx.shadowOffsetX = 15;
+    ctx.shadowOffsetY = 15;
+
+    // Filled rectangle
+    ctx.fillStyle = "red";
+    ctx.fillRect(20, 10, 100, 100);
+
+
+    // Stroked rectangle
+    ctx.lineWidth = 4;
+    ctx.strokeStyle = "red";
+    ctx.strokeRect(170, 10, 100, 100);
+</script>
diff --git a/Tests/LibWeb/Screenshot/images/canvas-shadow-ref.png b/Tests/LibWeb/Screenshot/images/canvas-shadow-ref.png
new file mode 100644
index 0000000000000000000000000000000000000000..d26211c7fde30324688f3d81851a1439a72b8c32
GIT binary patch
literal 3390
zcmeAS@N?(olHy`uVBq!ia0y~yU{+vYV2a>iV_;yIRn}C%z`)Du>EaktG3V`F!@Nfc
z60U(Zi@s0loqmSP=BrC^%Z;7;d7qcKbbjHy7-PTC=k~T-a|VWn1M@GkGcYjBcWz){
zV31^FVqi#N;b35xAgI8=;NXT3e7BgtA%Etwi{c;b|Mdzmd{E*Bsj{qN{J7*-%({Oq
zx1Mt{JXjmyz`)SZ^S+@#H$1*%-8m&zhBqmUj0_A$Oe_oxCpZKc7!;JjN*M49-f@>_
z*#CCty2bt#(x0baufBJ?GV+@&GegWIR**pv4)^Y;+b`T!!@w}7A1d-gB0Rpt@8QQE
z&!1|)U+K!lu;Z={$PXR}KVbFPs30hmkYbv?0kX5-jv>y-_x``DKVS39^(*T$GCW`h
zN8Ga?tSPta{wzOVYWqQef#E?8SoB!AgT;1c@vW7S-{P1V4)}=?ou&|}?@a9%#(>Io
zuU`l=Fxbrlr=K}lj5DXFe&J+bIH11?lwxLP-rkn`MUa8vK>7v{A5YexZ-Aj^%u(A1
zH2sc7$7t@rS!s^u&C$Gxzgab!LPk@_XbQpA=^!U}JkvLA(mNO_EB~8;fq}u()z4*}
HQ$iB}CPm)v

literal 0
HcmV?d00001

diff --git a/Tests/LibWeb/Screenshot/reference/canvas-shadow-ref.html b/Tests/LibWeb/Screenshot/reference/canvas-shadow-ref.html
new file mode 100644
index 00000000000..565deb12df5
--- /dev/null
+++ b/Tests/LibWeb/Screenshot/reference/canvas-shadow-ref.html
@@ -0,0 +1,9 @@
+<style>
+    * {
+        margin: 0;
+    }
+    body {
+        background-color: white;
+    }
+</style>
+<img src="../images/canvas-shadow-ref.png">