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

Unified Diff: third_party/WebKit/LayoutTests/animations/interpolation/offset-rotation-interpolation.html

Issue 2241993002: CSS Motion Path: New names for properties (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review comments 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/animations/interpolation/offset-rotation-interpolation.html
diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/motion-rotation-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/offset-rotation-interpolation.html
similarity index 85%
copy from third_party/WebKit/LayoutTests/animations/interpolation/motion-rotation-interpolation.html
copy to third_party/WebKit/LayoutTests/animations/interpolation/offset-rotation-interpolation.html
index b670c1ac518912ffbcce2f38e8a30fb70ba3c018..8f3439abb7906c018c31639e7451faafeecdeb63 100644
--- a/third_party/WebKit/LayoutTests/animations/interpolation/motion-rotation-interpolation.html
+++ b/third_party/WebKit/LayoutTests/animations/interpolation/offset-rotation-interpolation.html
@@ -2,7 +2,7 @@
<meta charset="UTF-8">
<style>
.parent {
- motion-rotation: 30deg;
+ offset-rotation: 30deg;
}
.target {
width: 80px;
@@ -10,7 +10,7 @@
display: inline-block;
background-color: black;
margin-right: 5px;
- motion-rotation: 10deg;
+ offset-rotation: 10deg;
}
.expected {
background-color: green;
@@ -21,7 +21,7 @@
<script src="resources/interpolation-test.js"></script>
<script>
assertInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: neutralKeyframe,
to: '20deg',
}, [
@@ -34,13 +34,13 @@ assertInterpolation({
]);
assertNoInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'initial',
to: '20deg',
});
assertInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'inherit',
to: '20deg',
}, [
@@ -53,13 +53,13 @@ assertInterpolation({
]);
assertNoInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'unset',
to: '20deg',
});
assertInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: '10deg',
to: '50deg'
}, [
@@ -71,7 +71,7 @@ assertInterpolation({
{at: 1.5, is: '70deg'},
]);
assertInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'auto 10deg',
to: 'auto 50deg'
}, [
@@ -83,7 +83,7 @@ assertInterpolation({
{at: 1.5, is: 'auto 70deg'},
]);
assertInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'reverse -170deg',
to: 'reverse -130deg'
}, [
@@ -95,7 +95,7 @@ assertInterpolation({
{at: 1.5, is: 'auto 70deg'},
]);
assertInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'auto 10deg',
to: 'reverse -130deg'
}, [
@@ -107,7 +107,7 @@ assertInterpolation({
{at: 1.5, is: 'auto 70deg'},
]);
assertInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'reverse -170deg',
to: 'auto 50deg'
}, [
@@ -119,12 +119,12 @@ assertInterpolation({
{at: 1.5, is: 'auto 70deg'},
]);
assertNoInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: 'auto 200deg',
to: '300deg'
});
assertNoInterpolation({
- property: 'motion-rotation',
+ property: 'offset-rotation',
from: '300deg',
to: 'reverse 20deg'
});

Powered by Google App Engine
This is Rietveld 408576698