third_party/WebKit/LayoutTests/animations/fill-unset-properties.html - Issue 2523543004: CSS Animations: Remove unnecessary webkit prefixes from layout tests

Side by Side Diff: third_party/WebKit/LayoutTests/animations/fill-unset-properties.html

Issue 2523543004: CSS Animations: Remove unnecessary webkit prefixes from layout tests (Closed)

Patch Set: Created 4 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/fill-mode-transform.html ('k') | third_party/WebKit/LayoutTests/animations/fill-unset-properties-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <title>Unfilled Properties Test</title>	3 <title>Unfilled Properties Test</title>

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

5 #box {	5 #box {

6 height: 50px;	6 height: 50px;

7 width: 200px;	7 width: 200px;

8 background-color: blue;	8 background-color: blue;

9 -webkit-transition-duration: 1s,2s;	9 transition-duration: 1s,2s;

10 -webkit-transition-property: opacity, left, opacity, top, width, opacity, he ight, opacity;	10 transition-property: opacity, left, opacity, top, width, opacity, height, op acity;

11 -webkit-transition-delay: 3s,4s,5s;	11 transition-delay: 3s,4s,5s;

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

13 -webkit-animation-name: a, b, c, d, e;	13 animation-name: a, b, c, d, e;

14 -webkit-animation-duration: 10s, 20s;	14 animation-duration: 10s, 20s;

15 -webkit-animation-delay: 1s;	15 animation-delay: 1s;

16 -webkit-animation-fill-mode: forwards, backwards;	16 animation-fill-mode: forwards, backwards;

17 }	17 }

18 @-webkit-keyframes a { }	18 @keyframes a { }

19 @-webkit-keyframes b { }	19 @keyframes b { }

20 @-webkit-keyframes c { }	20 @keyframes c { }

21 @-webkit-keyframes d { }	21 @keyframes d { }

22 @-webkit-keyframes e { }	22 @keyframes e { }

23 </style>	23 </style>

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

25 if (window.testRunner)	25 if (window.testRunner)

26 testRunner.dumpAsText();	26 testRunner.dumpAsText();

27	27

28 const kExpectedResults = [	28 const kExpectedResults = [

29 { 'property': 'webkitTransitionDuration', 'value': '1s, 2s' },	29 { 'property': 'transitionDuration', 'value': '1s, 2s' },

30 { 'property': 'webkitTransitionProperty', 'value': 'opacity, left, opacity , top, width, opacity, height, opacity' },	30 { 'property': 'transitionProperty', 'value': 'opacity, left, opacity, top, width, opacity, height, opacity' },

31 { 'property': 'webkitTransitionDelay', 'value': '3s, 4s, 5s' },	31 { 'property': 'transitionDelay', 'value': '3s, 4s, 5s' },

32 { 'property': 'webkitTransitionTimingFunction', 'value': 'linear' },	32 { 'property': 'transitionTimingFunction', 'value': 'linear' },

33 { 'property': 'webkitAnimationName', 'value': 'a, b, c, d, e' },	33 { 'property': 'animationName', 'value': 'a, b, c, d, e' },

34 { 'property': 'webkitAnimationDuration', 'value': '10s, 20s' },	34 { 'property': 'animationDuration', 'value': '10s, 20s' },

35 { 'property': 'webkitAnimationDelay', 'value': '1s' },	35 { 'property': 'animationDelay', 'value': '1s' },

36 { 'property': 'webkitAnimationFillMode', 'value': 'forwards, backwards' } ,	36 { 'property': 'animationFillMode', 'value': 'forwards, backwards' },

37 ];	37 ];

38	38

39 function start()	39 function start()

40 {	40 {

41 var box = document.getElementById('box');	41 var box = document.getElementById('box');

42 var resultsString = "";	42 var resultsString = "";

43 var boxStyle = window.getComputedStyle(box);	43 var boxStyle = window.getComputedStyle(box);

44	44

45 kExpectedResults.forEach(function(curItem) {	45 kExpectedResults.forEach(function(curItem) {

46 var computedValue = boxStyle[curItem.property];	46 var computedValue = boxStyle[curItem.property];

(...skipping 11 matching lines...) Expand all Loading...
58 window.addEventListener('load', start, false);	58 window.addEventListener('load', start, false);

59 </script>	59 </script>

60 </head>	60 </head>

61 <body>	61 <body>

62 <div id="box">	62 <div id="box">

63 </div>	63 </div>

64 <div id="result">	64 <div id="result">

65 </div>	65 </div>

66 </body>	66 </body>

67 </html>	67 </html>

OLD	NEW