Add WPT tests of clip-path on SVG defaulting to use the stroke-box
This patch adds two WPT tests covering the following lines from
http://www.w3.org/TR/css-masking-1/#the-clip-path:
1. If no reference box is specified, the border-box will be used as
reference box.
2. For SVG elements without an associated CSS layout box, the used
value for ... border-box and margin-box is stroke-box.
Bug: 694218
Change-Id: I93e589b371ccb92c5a7392c97d234d921fc5ead6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4789882
Commit-Queue: Fredrik Söderquist <fs@opera.com>
Reviewed-by: Fredrik Söderquist <fs@opera.com>
Auto-Submit: Philip Rogers <pdr@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1184669}
diff --git a/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-001.svg b/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-001.svg
new file mode 100644
index 0000000..06c810c
--- /dev/null
+++ b/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-001.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">
+<g id="testmeta">
+ <title>CSS Masking: Basic shape without a geometry-box should default to stroke-box</title>
+ <html:link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-clip-path"/>
+ <html:link rel="match" href="reference/clip-path-square-002-ref.svg" />
+ <desc class="assert">The spec states: "If no reference box is specified, the
+ border-box will be used as reference box", and "For SVG elements without
+ an associated CSS layout box, the used value for ... border-box and margin-box
+ is stroke-box." In this testcase, no reference box is specified, so the
+ clip-path of "inset(0)" should be equivalent to "inset(0) stroke-box", and
+ should not clip out the stroke. You should see a 100x100 green square formed
+ by a stroked rect.</desc>
+</g>
+<rect x="75" y="75" width="50" height="50" stroke-width="50" stroke="green" style="clip-path: inset(0)"></rect>
+</svg>
diff --git a/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-002.svg b/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-002.svg
new file mode 100644
index 0000000..bfc6035
--- /dev/null
+++ b/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-002.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">
+<g id="testmeta">
+ <title>CSS Masking: Basic shape using border-box should use stroke-box</title>
+ <html:link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-clip-path"/>
+ <html:link rel="match" href="reference/clip-path-square-002-ref.svg" />
+ <desc class="assert">The spec states: "For SVG elements without an associated
+ CSS layout box, the used value for ... border-box and margin-box is
+ stroke-box." In this testcase, border-box is specified, so the
+ clip-path of "inset(0) border-box" should be equivalent to
+ "inset(0) stroke-box", and should not clip out the stroke. You should see a
+ 100x100 green square formed by a stroked rect.</desc>
+</g>
+<rect x="75" y="75" width="50" height="50" stroke-width="50" stroke="green" style="clip-path: inset(0) border-box"></rect>
+</svg>
