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 00000000000..6071f3930d6
Binary files /dev/null and b/Tests/LibWeb/Screenshot/images/canvas-fillstyle-opacity.png differ
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>