From 580763e43ea42bce418e3fc69fa26b0acceae305 Mon Sep 17 00:00:00 2001
From: MacDue <macdue@dueutil.tech>
Date: Mon, 11 Mar 2024 19:59:25 +0000
Subject: [PATCH] Tests/LibWeb: Add SVG `maskContentUnits` ref test

---
 .../images/svg-maskContentUnits-ref.png       | Bin 0 -> 1540 bytes
 .../reference/svg-maskContentUnits-ref.html   |   9 ++++++
 Tests/LibWeb/Ref/svg-maskContentUnits.html    |  26 ++++++++++++++++++
 3 files changed, 35 insertions(+)
 create mode 100644 Tests/LibWeb/Ref/reference/images/svg-maskContentUnits-ref.png
 create mode 100644 Tests/LibWeb/Ref/reference/svg-maskContentUnits-ref.html
 create mode 100644 Tests/LibWeb/Ref/svg-maskContentUnits.html

diff --git a/Tests/LibWeb/Ref/reference/images/svg-maskContentUnits-ref.png b/Tests/LibWeb/Ref/reference/images/svg-maskContentUnits-ref.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaef71743da142a5468330a0d6324fd79147001e
GIT binary patch
literal 1540
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

literal 0
HcmV?d00001

diff --git a/Tests/LibWeb/Ref/reference/svg-maskContentUnits-ref.html b/Tests/LibWeb/Ref/reference/svg-maskContentUnits-ref.html
new file mode 100644
index 0000000000..cd3390e04c
--- /dev/null
+++ b/Tests/LibWeb/Ref/reference/svg-maskContentUnits-ref.html
@@ -0,0 +1,9 @@
+<style>
+  * {
+    margin: 0;
+  }
+  body {
+    background-color: white;
+  }
+</style>
+<img src="./images/svg-maskContentUnits-ref.png">
diff --git a/Tests/LibWeb/Ref/svg-maskContentUnits.html b/Tests/LibWeb/Ref/svg-maskContentUnits.html
new file mode 100644
index 0000000000..add44caa1a
--- /dev/null
+++ b/Tests/LibWeb/Ref/svg-maskContentUnits.html
@@ -0,0 +1,26 @@
+<svg width="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <link rel="match" href="reference/svg-maskContentUnits-ref.html" />
+  <mask id="myMask1" maskContentUnits="userSpaceOnUse">
+    <rect fill="black" x="0" y="0" width="100%" height="100%" />
+    <circle fill="white" cx="50" cy="50" r="35" />
+  </mask>
+
+  <mask id="myMask2" maskContentUnits="objectBoundingBox">
+    <rect fill="black" x="0" y="0" width="100%" height="100%" />
+    <circle fill="white" cx=".5" cy=".5" r=".35" />
+  </mask>
+
+  <!-- Some reference rect to materialized the mask -->
+  <rect id="r1" x="0" y="0" width="45" height="45" />
+  <rect id="r2" x="0" y="55" width="45" height="45" />
+  <rect id="r3" x="55" y="55" width="45" height="45" />
+  <rect id="r4" x="55" y="0" width="45" height="45" />
+
+  <!-- The first 3 rect are masked with useSpaceOnUse units -->
+  <use mask="url(#myMask1)" href="#r1" fill="red" />
+  <use mask="url(#myMask1)" href="#r2" fill="red" />
+  <use mask="url(#myMask1)" href="#r3" fill="red" />
+
+  <!-- The last rect is masked with objectBoundingBox units -->
+  <use mask="url(#myMask2)" href="#r4" fill="red" />
+</svg>