From dd079f0c0e57de7c2c63b3f2a899668a5d0b6298 Mon Sep 17 00:00:00 2001
From: Halil Durak <halildrk@gmail.com>
Date: Wed, 12 Nov 2025 18:49:13 +0300
Subject: [PATCH] update canvas test

---
 src/tests/html/canvas.html | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/tests/html/canvas.html b/src/tests/html/canvas.html
index 36c058ce..ab076487 100644
--- a/src/tests/html/canvas.html
+++ b/src/tests/html/canvas.html
@@ -2,10 +2,28 @@
 <script src="../testing.js"></script>
 
 <script id=canvas>
+{
   const element = document.createElement("canvas");
   const ctx = element.getContext("2d");
   testing.expectEqual(true, ctx instanceof CanvasRenderingContext2D);
-  // We can't really test this but let's try to call it.
+  // We can't really test this but let's try to call it at least.
   ctx.fillRect(0, 0, 0, 0);
-  testing.expectEqual("", ctx.fillStyle);
+}
+</script>
+
+<script id=canvas#fillStyle>
+{
+  const element = document.createElement("canvas");
+  const ctx = element.getContext("2d");
+
+  // Black by default.
+  testing.expectEqual(ctx.fillStyle, "#000000");
+  ctx.fillStyle = "red";
+  testing.expectEqual(ctx.fillStyle, "#ff0000");
+  ctx.fillStyle = "rebeccapurple";
+  testing.expectEqual(ctx.fillStyle, "#663399");
+  // No changes made if color is invalid.
+  ctx.fillStyle = "invalid-color";
+  testing.expectEqual(ctx.fillStyle, "#663399");
+}
 </script>