[css-masking] Migrate clip-path-reference-local-url-with-base to WPT
Migrate this test out of third_party/blink/web_tests/css3/filters/ and
into the WPT-specific directory, adding links to the relevant specs and
a test assertion describing its purpose.
Bug: 1063749
Change-Id: I0576fddfd300a57f8d92d62306e6d58ba6b7338f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2141919
Commit-Queue: Henrique Ferreiro <hferreiro@igalia.com>
Reviewed-by: Philip Rogers <pdr@chromium.org>
Reviewed-by: Luke Z <lpz@chromium.org>
Cr-Commit-Position: refs/heads/master@{#757749}
diff --git a/css/css-masking/clip-path/reference-local-url-with-base-001.html b/css/css-masking/clip-path/reference-local-url-with-base-001.html
new file mode 100644
index 0000000..c65761b
--- /dev/null
+++ b/css/css-masking/clip-path/reference-local-url-with-base-001.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>CSS Masking: clip path with local URL using a base element</title>
+<link rel="author" title="Fredrik Söderquist" href="mailto:fs@opera.com">
+<link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path">
+<link rel="help" href="https://drafts.csswg.org/css-values/#local-urls">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=470608">
+<link rel="match" href="reference/reference-local-url-with-base-001-ref.html">
+<meta name="assert" content="Check that fragment-only URLs are always document-local references.">
+
+<base href="http://www.example.com/">
+<style>
+#target {
+ width: 100px;
+ height: 100px;
+ border-right: 100px solid red;
+ background-color: green;
+ clip-path: url(#clip);
+}
+</style>
+<div id="target"></div>
+<svg>
+ <clipPath id="clip">
+ <rect width="100" height="100"/>
+ </clipPath>
+</svg>
diff --git a/css/css-masking/clip-path/reference/reference-local-url-with-base-001-ref.html b/css/css-masking/clip-path/reference/reference-local-url-with-base-001-ref.html
new file mode 100644
index 0000000..f718ea6
--- /dev/null
+++ b/css/css-masking/clip-path/reference/reference-local-url-with-base-001-ref.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; background-color: green"></div>
