LayoutTests/animations/transition-and-animation-2.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

Side by Side Diff: LayoutTests/animations/transition-and-animation-2.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Remove duplicate transform Created 6 years, 2 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 unified diff | Download patch

« LayoutTests/animations/3d/transform-origin-vs-functions.html ('K') | « LayoutTests/animations/transition-and-animation-1.html ('k') | LayoutTests/animations/webkit-perspective.html » ('j') | LayoutTests/fast/layers/scroll-with-transform-composited-layer.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"	1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

2 "http://www.w3.org/TR/html4/loose.dtd">	2 "http://www.w3.org/TR/html4/loose.dtd">

3	3

4 <html lang="en">	4 <html lang="en">

5 <head>	5 <head>

6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">	6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

7 <title>Transition/Animation Test #2</title>	7 <title>Transition/Animation Test #2</title>

8 <style type="text/css" media="screen">	8 <style type="text/css" media="screen">

9 #box {	9 #box {

10 position: absolute;	10 position: absolute;

11 left: 0;	11 left: 0;

12 top: 100px;	12 top: 100px;

13 height: 100px;	13 height: 100px;

14 width: 100px;	14 width: 100px;

15 background-color: blue;	15 background-color: blue;

16 -webkit-animation-duration: 0.3s;	16 -webkit-animation-duration: 0.3s;

17 -webkit-animation-timing-function: linear;	17 -webkit-animation-timing-function: linear;

18 -webkit-animation-name: "anim";	18 -webkit-animation-name: "anim";

19 -webkit-transition-property: -webkit-transform;	19 -webkit-transition-property: -webkit-transform;

20 -webkit-transition-duration: 10s;	20 -webkit-transition-duration: 10s;

21 -webkit-transition-timing-function: linear;	21 -webkit-transition-timing-function: linear;

22 }	22 }

23 @-webkit-keyframes "anim" {	23 @-webkit-keyframes "anim" {

24 from { -webkit-transform: translate(0,100px) }	24 from { transform: translate(0,100px) }

25 to { -webkit-transform: translate(400px, 100px) }	25 to { transform: translate(400px, 100px) }

26 }	26 }

27 </style>	27 </style>

28 <script src="resources/animation-test-helpers.js" type="text/javascript" cha rset="utf-8"></script>	28 <script src="resources/animation-test-helpers.js" type="text/javascript" cha rset="utf-8"></script>

29 <script type="text/javascript" charset="utf-8">	29 <script type="text/javascript" charset="utf-8">

30	30

31 const expectedValues = [	31 const expectedValues = [

32 // [time, element-id, property, expected-value, tolerance]	32 // [time, element-id, property, expected-value, tolerance]

33 [0.4, "box", "webkitTransform.5", 0, 0],	33 [0.4, "box", "webkitTransform.5", 0, 0],

34 ];	34 ];

35	35

(...skipping 10 matching lines...) Expand all Loading...
46 This test has a transition and animation on the same property (-webkit-transform ).	46 This test has a transition and animation on the same property (-webkit-transform ).

47 The animation starts and then the transition is triggered. The transition should start	47 The animation starts and then the transition is triggered. The transition should start

48 at the position before the animation started (the unanimated position), which is (0,0). If it	48 at the position before the animation started (the unanimated position), which is (0,0). If it

49 starts from the start point of the animation (0,100) then there is an error	49 starts from the start point of the animation (0,100) then there is an error

50 <div id="box">	50 <div id="box">

51 </div>	51 </div>

52 <div id="result">	52 <div id="result">

53 </div>	53 </div>

54 </body>	54 </body>

55 </html>	55 </html>

OLD	NEW