Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(240)

Unified Diff: third_party/WebKit/LayoutTests/svg/hittest/clip-path-shape.html

Issue 2322343003: Add support for <basic-shape> to 'clip-path' on SVG elements (Closed)
Patch Set: Update SPv2 expectations Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/svg/hittest/clip-path-shape.html
diff --git a/third_party/WebKit/LayoutTests/css3/masking/clip-path-hittest.html b/third_party/WebKit/LayoutTests/svg/hittest/clip-path-shape.html
similarity index 54%
copy from third_party/WebKit/LayoutTests/css3/masking/clip-path-hittest.html
copy to third_party/WebKit/LayoutTests/svg/hittest/clip-path-shape.html
index 10a360b69eca87ac047f6fc804f9e05bc3acf3cd..cfeeb1ba1fcff63efa67bee95a97b1b485a4b468 100644
--- a/third_party/WebKit/LayoutTests/css3/masking/clip-path-hittest.html
+++ b/third_party/WebKit/LayoutTests/svg/hittest/clip-path-shape.html
@@ -1,21 +1,19 @@
<!DOCTYPE html>
-<title>Hit-test of clip-path polygon on &lt;div> with box-shadow</title>
+<title>Hit-test of clip-path polygon</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<style>
body {
margin: 0;
}
-.box {
- width: 100px;
- height: 100px;
- background-color: blue;
- box-shadow: -100px 0px red;
- -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
+#target {
+ fill: blue;
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
</style>
-<div class=box></div>
+<svg>
+ <rect id="target" x="50" y="25" width="100" height="100"/>
+</svg>
<script>
function assert_element_at(element, pointlist) {
for (var point of pointlist) {
@@ -25,12 +23,12 @@ function assert_element_at(element, pointlist) {
}
test(function() {
- var div = document.querySelector('.box');
+ var div = document.querySelector('#target');
// Points inside clip-path.
- assert_element_at(div, [[50, 50], [50, 25], [50, 75], [25, 50], [75, 50]]);
+ assert_element_at(div, [[100, 75], [100, 50], [100, 100], [75, 75], [125, 75]]);
// Points outside clip-path.
- assert_element_at(document.body, [[20, 20], [80, 20], [20, 80], [80, 80]]);
+ assert_element_at(document.querySelector('svg'), [[70, 45], [130, 45], [70, 105], [130, 105]]);
});
</script>

Powered by Google App Engine
This is Rietveld 408576698