Diff
Modified: trunk/LayoutTests/ChangeLog (163046 => 163047)
--- trunk/LayoutTests/ChangeLog 2014-01-30 00:02:08 UTC (rev 163046)
+++ trunk/LayoutTests/ChangeLog 2014-01-30 00:31:05 UTC (rev 163047)
@@ -1,5 +1,27 @@
2014-01-29 Bem Jones-Bey <bjone...@adobe.com>
+ Update clip-path tests to use new shape syntax
+ https://bugs.webkit.org/show_bug.cgi?id=127862
+
+ Reviewed by Dirk Schulze.
+
+ Update the tests to reflect the new shape syntax. The inset tests are
+ copied from the rectangle tests that will be removed when the old
+ syntax is removed.
+
+ * css3/masking/clip-path-inset-expected.txt: Added.
+ * css3/masking/clip-path-inset.html: Added.
+ * svg/clip-path/clip-path-shape-circle-1.svg:
+ * svg/clip-path/clip-path-shape-circle-2.svg:
+ * svg/clip-path/clip-path-shape-ellipse-1.svg:
+ * svg/clip-path/clip-path-shape-ellipse-2.svg:
+ * svg/clip-path/clip-path-shape-rounded-inset-1-expected.svg: Added.
+ * svg/clip-path/clip-path-shape-rounded-inset-1.svg: Copied from LayoutTests/svg/clip-path/clip-path-shape-circle-1.svg.
+ * svg/clip-path/clip-path-shape-rounded-inset-2-expected.svg: Added.
+ * svg/clip-path/clip-path-shape-rounded-inset-2.svg: Copied from LayoutTests/svg/clip-path/clip-path-shape-circle-1.svg.
+
+2014-01-29 Bem Jones-Bey <bjone...@adobe.com>
+
clip-path swaps bottom radii for the inset shape
https://bugs.webkit.org/show_bug.cgi?id=127859
Added: trunk/LayoutTests/css3/masking/clip-path-inset-expected.txt (0 => 163047)
--- trunk/LayoutTests/css3/masking/clip-path-inset-expected.txt (rev 0)
+++ trunk/LayoutTests/css3/masking/clip-path-inset-expected.txt 2014-01-30 00:31:05 UTC (rev 163047)
@@ -0,0 +1,7 @@
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x216
+ RenderBlock {HTML} at (0,0) size 800x216
+ RenderBody {BODY} at (8,8) size 784x200
+layer at (8,8) size 200x200
+ RenderBlock {DIV} at (0,0) size 200x200 [bgcolor=#008000] [border: (10px solid #000000)]
Added: trunk/LayoutTests/css3/masking/clip-path-inset.html (0 => 163047)
--- trunk/LayoutTests/css3/masking/clip-path-inset.html (rev 0)
+++ trunk/LayoutTests/css3/masking/clip-path-inset.html 2014-01-30 00:31:05 UTC (rev 163047)
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<style>
+div {
+ width: 180px;
+ height: 180px;
+ background-color: green;
+ border: 10px solid black;
+ -webkit-clip-path: inset(0 round 100px);
+}
+</style>
+</head>
+<body>
+<div>
+</body>
+</html>
Modified: trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-1.svg (163046 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-1.svg 2014-01-30 00:02:08 UTC (rev 163046)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-1.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg">
-<rect width="200" height="200" fill="green" style="-webkit-clip-path: circle(50%, 50%, 50%)"/>
-</svg>
\ No newline at end of file
+<rect width="200" height="200" fill="green" style="-webkit-clip-path: circle()"/>
+</svg>
Modified: trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-2.svg (163046 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-2.svg 2014-01-30 00:02:08 UTC (rev 163046)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-2.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg">
-<rect width="200" height="150" fill="green" style="-webkit-clip-path: circle(100px, 75px, 75px)"/>
-</svg>
\ No newline at end of file
+<rect width="200" height="150" fill="green" style="-webkit-clip-path: circle(75px at 100px 75px)"/>
+</svg>
Modified: trunk/LayoutTests/svg/clip-path/clip-path-shape-ellipse-1.svg (163046 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-ellipse-1.svg 2014-01-30 00:02:08 UTC (rev 163046)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-ellipse-1.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg">
-<rect width="200" height="150" fill="green" style="-webkit-clip-path: ellipse(50%, 50%, 50%, 50%)"/>
-</svg>
\ No newline at end of file
+<rect width="200" height="150" fill="green" style="-webkit-clip-path: ellipse()"/>
+</svg>
Modified: trunk/LayoutTests/svg/clip-path/clip-path-shape-ellipse-2.svg (163046 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-ellipse-2.svg 2014-01-30 00:02:08 UTC (rev 163046)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-ellipse-2.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg">
-<rect width="200" height="200" fill="green" style="-webkit-clip-path: ellipse(100px, 75px, 100px, 75px)"/>
-</svg>
\ No newline at end of file
+<rect width="200" height="200" fill="green" style="-webkit-clip-path: ellipse(100px 75px at 100px 75px)"/>
+</svg>
Added: trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-1-expected.svg (0 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-1-expected.svg (rev 0)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-1-expected.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+ <clipPath id="clip">
+ <rect x="20" y="20" width="160" height="160" rx="20" ry="20"/>
+ </clipPath>
+</defs>
+<rect width="200" height="200" fill="green" clip-path="url(#clip)"/>
+</svg>
\ No newline at end of file
Copied: trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-1.svg (from rev 163046, trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-1.svg) (0 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-1.svg (rev 0)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-1.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<rect width="200" height="200" fill="green" style="-webkit-clip-path: inset(10% round 10%)"/>
+</svg>
Added: trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-2-expected.svg (0 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-2-expected.svg (rev 0)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-2-expected.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+ <clipPath id="clip">
+ <rect x="20" y="20" width="160" height="160" rx="20" ry="20"/>
+ </clipPath>
+</defs>
+<rect width="200" height="200" fill="green" clip-path="url(#clip)"/>
+</svg>
\ No newline at end of file
Copied: trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-2.svg (from rev 163046, trunk/LayoutTests/svg/clip-path/clip-path-shape-circle-1.svg) (0 => 163047)
--- trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-2.svg (rev 0)
+++ trunk/LayoutTests/svg/clip-path/clip-path-shape-rounded-inset-2.svg 2014-01-30 00:31:05 UTC (rev 163047)
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<rect width="200" height="200" fill="green" style="-webkit-clip-path: inset(20px round 20px)"/>
+</svg>