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

Unified Diff: LayoutTests/css3/masking/clip-path-animation.html

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase against ToR Created 6 years, 9 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: 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>

Powered by Google App Engine
This is Rietveld 408576698