Chromium Code Reviews| Index: LayoutTests/css3/masking/clip-path-animation.html |
| diff --git a/LayoutTests/css3/masking/clip-path-animation.html b/LayoutTests/css3/masking/clip-path-animation.html |
| index 77caf23d249c6e05c0ce7799c1d04c5f93f55ae8..7c0793118c7a70abcd9b47cc8eba05eb8e190e2e 100644 |
| --- a/LayoutTests/css3/masking/clip-path-animation.html |
| +++ b/LayoutTests/css3/masking/clip-path-animation.html |
| @@ -11,8 +11,8 @@ |
| display: inline-block; |
| } |
| - #rectangle-box { |
| - -webkit-animation: rectangle-anim 2s linear |
| + #inset-box { |
| + -webkit-animation: inset-anim 2s linear |
| } |
| #circle-box { |
| @@ -28,9 +28,9 @@ |
| } |
| - @-webkit-keyframes rectangle-anim { |
| - from { -webkit-clip-path: rectangle(0%, 0%, 100%, 100%); } |
| - to { -webkit-clip-path: rectangle(20%, 20%, 60%, 60%); } |
| + @-webkit-keyframes inset-anim { |
| + from { -webkit-clip-path: inset(0%); } |
| + to { -webkit-clip-path: inset(20%); } |
| } |
| @-webkit-keyframes circle-anim { |
| @@ -53,8 +53,8 @@ |
| <script type="text/javascript"> |
| const expectedValues = [ |
| // [time, element-id, property, expected-value, tolerance] |
| - [1, "rectangle-box", "webkitClipPath", "rectangle(10%, 10%, 80%, 80%, 0px, 0px)", 0.05], |
| - [1, "circle-box", "webkitClipPath", "circle(35% at 35% 35%)", 0.05], |
| + // [1, "inset-box", "webkitClipPath", "inset(10% 10% 10% 10% round 0px 0px 0px 0px / 0px 0px 0px 0px)", 0.05], |
|
Bem Jones-Bey (adobe)
2014/03/19 21:21:04
Can you put a FIXME saying why this is commented o
|
| + [1, "circle-box", "webkitClipPath", "circle(35% at 35% 35%)", 0.05], |
| [1, "ellipse-box", "webkitClipPath", "ellipse(35% 30% at 35% 35%)", 0.05], |
| [1, "polygon-box", "webkitClipPath", "polygon(10% 10%, 90% 10%, 90% 90%, 10% 90%)", 0.05], |
| ]; |
| @@ -64,7 +64,7 @@ |
| </head> |
| <body> |
| -<div class="box" id="rectangle-box"></div> |
| +<div class="box" id="inset-box"></div> |
|
Bem Jones-Bey (adobe)
2014/03/19 21:21:04
Shouldn't this be commented since the "expected va
|
| <div class="box" id="circle-box"></div> |
| <div class="box" id="ellipse-box"></div> |
| <div class="box" id="polygon-box"></div> |