third_party/WebKit/LayoutTests/animations/cross-fade-border-image-source.html - Issue 2970883003: Separate out animations tests with prefixing

Side by Side Diff: third_party/WebKit/LayoutTests/animations/cross-fade-border-image-source.html

Issue 2970883003: Separate out animations tests with prefixing (Closed)

Patch Set: Rebaseline virtual/threaded version of test too Created 3 years, 5 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/cross-fade-background-image.html ('k') | third_party/WebKit/LayoutTests/animations/cross-fade-list-style-image.html » ('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 <style>	3 <style>

4 #box {	4 #box {

5 position: absolute;	5 position: absolute;

6 left: 100px;	6 left: 100px;

7 top: 100px;	7 top: 100px;

8 height: 100px;	8 height: 100px;

9 width: 100px;	9 width: 100px;

10 background-color: green;	10 background-color: green;

11 -webkit-animation: anim 1s linear infinite;	11 animation: anim 1s linear infinite;

12 border-image: url() 5 5 5 5 /20px stretch stretch;	12 border-image: url() 5 5 5 5 /20px stretch stretch;

13 border-style: solid;	13 border-style: solid;

14 }	14 }

15 #boxShorthand {	15 #boxShorthand {

16 position: absolute;	16 position: absolute;

17 left: 100px;	17 left: 100px;

18 top: 250px;	18 top: 250px;

19 height: 100px;	19 height: 100px;

20 width: 100px;	20 width: 100px;

21 background-color: green;	21 background-color: green;

22 -webkit-animation: animShorthand 1s linear infinite;	22 animation: animShorthand 1s linear infinite;

23 border-style: solid;	23 border-style: solid;

24 }	24 }

25 #boxStatic {	25 #boxStatic {

26 position: absolute;	26 position: absolute;

27 left: 100px;	27 left: 100px;

28 top: 400px;	28 top: 400px;

29 height: 100px;	29 height: 100px;

30 width: 100px;	30 width: 100px;

31 background-color: green;	31 background-color: green;

32 border-image: -webkit-cross-fade(url(resources/stripes-100.png), url(res ources/green-100.png), 50%) 5 5 5 5 /20px stretch stretch;	32 border-image: -webkit-cross-fade(url(resources/stripes-100.png), url(res ources/green-100.png), 50%) 5 5 5 5 /20px stretch stretch;

33 border-style: solid;	33 border-style: solid;

34 }	34 }

35 @-webkit-keyframes anim {	35 @keyframes anim {

36 from { border-image-source: url(resources/stripes-100.png); }	36 from { border-image-source: url(resources/stripes-100.png); }

37 to { border-image-source: url(resources/green-100.png); }	37 to { border-image-source: url(resources/green-100.png); }

38 }	38 }

39 @-webkit-keyframes animShorthand {	39 @keyframes animShorthand {

40 from { border-image: url(resources/stripes-100.png) 5 5 5 5 /20px stretc h stretch; }	40 from { border-image: url(resources/stripes-100.png) 5 5 5 5 /20px stretc h stretch; }

41 to { border-image: url(resources/green-100.png) 5 5 5 5 /20px stretch stretch; }	41 to { border-image: url(resources/green-100.png) 5 5 5 5 /20px stretch stretch; }

42 }	42 }

43 </style>	43 </style>

44 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script>	44 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script>

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

46 // This test was flaky because it would start before the images were loaded.	46 // This test was flaky because it would start before the images were loaded.

47 var imagesLoaded = 0;	47 var imagesLoaded = 0;

48 function imageLoaded() {	48 function imageLoaded() {

49 ++imagesLoaded;	49 ++imagesLoaded;

(...skipping 15 matching lines...) Expand all Loading...
65 </head>	65 </head>

66 <body>	66 <body>

67 <div id="box"></div>	67 <div id="box"></div>

68 <div id="boxShorthand"></div>	68 <div id="boxShorthand"></div>

69 <div id="boxStatic"></div>	69 <div id="boxStatic"></div>

70 <div id="result"></div>	70 <div id="result"></div>

71 <img src="../animations/resources/stripes-100.png" onLoad="imageLoaded();"/>	71 <img src="../animations/resources/stripes-100.png" onLoad="imageLoaded();"/>

72 <img src="../animations/resources/green-100.png" onLoad="imageLoaded();"/>	72 <img src="../animations/resources/green-100.png" onLoad="imageLoaded();"/>

73 </body>	73 </body>

74 </html>	74 </html>

OLD	NEW