From 2e75f75414ccbc3ce82968cf05b04600fa28d254 Mon Sep 17 00:00:00 2001
From: Boris Chiou <boris.chiou@gmail.com>
Date: Wed, 5 Sep 2018 07:00:52 +0000
Subject: [PATCH] Move clip-path path reftest into wpt.

Move the reftests of path() into wpt. For the rest reftests of clip-path, we
could move them into wpt in a separate bug.

Depends on D4965

Differential Revision: https://phabricator.services.mozilla.com/D4968

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1487838
gecko-commit: 5f85f154f4e8bf1896f6fbdfe01102cdb018bbf4
gecko-integration-branch: autoland
gecko-reviewers: xidorn
---
 .../clip-path/clip-path-path-001.html         | 23 +++++++++++++++
 .../clip-path/clip-path-path-002.html         | 23 +++++++++++++++
 .../reference/clip-path-path-001-ref.html     | 29 +++++++++++++++++++
 .../reference/clip-path-path-002-ref.html     | 29 +++++++++++++++++++
 4 files changed, 104 insertions(+)
 create mode 100644 css/css-masking/clip-path/clip-path-path-001.html
 create mode 100644 css/css-masking/clip-path/clip-path-path-002.html
 create mode 100644 css/css-masking/clip-path/reference/clip-path-path-001-ref.html
 create mode 100644 css/css-masking/clip-path/reference/clip-path-path-002-ref.html
diff --git a/css/css-masking/clip-path/clip-path-path-001.html b/css/css-masking/clip-path/clip-path-path-001.html
new file mode 100644
index 00000000000000..ebdfc2297bbcc8
--- /dev/null
+++ b/css/css-masking/clip-path/clip-path-path-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and path function with nonzero fill</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes-2/#funcdef-path">
+  <link rel="match" href="reference/clip-path-path-001-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+	'path()' for clipping. Test nonzero path function. On pass you should
+	see a green square.">
+</head>
+<style>
+  #rect {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+    clip-path: path(nonzero, 'M10,10h80v80h-80zM25,25h50v50h-50z');
+  }
+</style>
+<body>
+  <p>The test passes if there are a green filled rect.</p>
+  <div id="rect"></div>
+</body>
+</html>
diff --git a/css/css-masking/clip-path/clip-path-path-002.html b/css/css-masking/clip-path/clip-path-path-002.html
new file mode 100644
index 00000000000000..e3049922ebdec9
--- /dev/null
+++ b/css/css-masking/clip-path/clip-path-path-002.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Test clip-path property and path function with evenodd fill</title>
+  <link rel="help" href="https://drafts.csswg.org/css-shapes-2/#funcdef-path">
+  <link rel="match" href="reference/clip-path-path-002-ref.html">
+  <meta name="assert" content="The clip-path property takes the basic shape
+	'path()' for clipping. Test evenodd path function. On pass you should
+	see a hollow green square.">
+</head>
+<style>
+  #rect {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+    clip-path: path(evenodd, 'M10,10h80v80h-80zM25,25h50v50h-50z');
+  }
+</style>
+<body>
+  <p>The test passes if there are a green hollow rect.</p>
+  <div id="rect"></div>
+</body>
+</html>
diff --git a/css/css-masking/clip-path/reference/clip-path-path-001-ref.html b/css/css-masking/clip-path/reference/clip-path-path-001-ref.html
new file mode 100644
index 00000000000000..afc1d18f204e9f
--- /dev/null
+++ b/css/css-masking/clip-path/reference/clip-path-path-001-ref.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reference for clip-path's path function with nonzero</title>
+  <style type="text/css">
+    #rect {
+      width: 100px;
+      height: 100px;
+      background-color: green;
+      clip-path: url("#clip");
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there are a green filled rect.</p>
+  <div id="rect"></div>
+  <svg height="0" width="0">
+    <defs>
+      <clipPath id="clip">
+        <path clip-rule="nonzero" d="M10,10h80v80h-80zM25,25h50v50h-50z"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
diff --git a/css/css-masking/clip-path/reference/clip-path-path-002-ref.html b/css/css-masking/clip-path/reference/clip-path-path-002-ref.html
new file mode 100644
index 00000000000000..d9ea5183fb1e6a
--- /dev/null
+++ b/css/css-masking/clip-path/reference/clip-path-path-002-ref.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Masking: Reference for clip-path's path function with evenodd</title>
+  <style type="text/css">
+    #rect {
+      width: 100px;
+      height: 100px;
+      background-color: green;
+      clip-path: url("#clip");
+    }
+  </style>
+</head>
+<body>
+  <p>The test passes if there are a green hollow rect.</p>
+  <div id="rect"></div>
+  <svg height="0" width="0">
+    <defs>
+      <clipPath id="clip">
+        <path clip-rule="evenodd" d="M10,10h80v80h-80zM25,25h50v50h-50z"/>
+      </clipPath>
+    </defs>
+  </svg>
+</body>
+</html>
