LayoutTests/transitions/cubic-bezier-overflow-color.html - Issue 15738009: Beat the transition tests with a sanity stick.

Side by Side Diff: LayoutTests/transitions/cubic-bezier-overflow-color.html

Issue 15738009: Beat the transition tests with a sanity stick. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Addressed comments. Created 7 years, 7 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 | Annotate | Revision Log

« LayoutTests/css3/calc/transitions-expected.txt ('K') | « LayoutTests/transitions/cross-fade-border-image-expected.txt ('k') | LayoutTests/transitions/cubic-bezier-overflow-color-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 <!doctype html>	1 <!doctype html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <title>cubic-bezier value overflow: Colors</title>	4 <title>cubic-bezier value overflow: Colors</title>

5 <style>	5 <style>

6 .box {	6 .box {

7 position: relative;	7 position: relative;

8 left: 0;	8 left: 0;

9 height: 100px;	9 height: 100px;

10 width: 100px;	10 width: 100px;

11 margin: 10px;	11 margin: 10px;

12 background-color: #404040;	12 background-color: #404040;

13 -webkit-transition: background-color 1s linear;	13 -webkit-transition: background-color 1s linear;

14 }	14 }

15 .animating > .box {	15 .animating > .box {

16 background-color: #C0C0C0;	16 background-color: #C0C0C0;

17 }	17 }

18 .animating > .box.colored {	18 .animating > .box.colored {

19 background-color: papayawhip;	19 background-color: papayawhip;

20 }	20 }

21 </style>	21 </style>

22 <script src="resources/transition-test-helpers.js"></script>	22 <script src="../animations/resources/animation-test-helpers.js"></script>

23 <script>	23 <script>

24 const expectedValues = [	24 const expectedValues = [

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

26 [0.50, "box1", "background-color", [220, 220, 220], 10],	26 [0.50, "box1", "background-color", [220, 220, 220], 10],

27 [0.95, "box1", "background-color", [207, 207, 207], 10],	27 [0.95, "box1", "background-color", [207, 207, 207], 10],

28 [0.10, "box2", "background-color", [45, 45, 45], 15],	28 [0.10, "box2", "background-color", [45, 45, 45], 15],

29 [0.50, "box2", "background-color", [106, 106, 106], 15],	29 [0.50, "box2", "background-color", [106, 106, 106], 15],

30 [0.95, "box2", "background-color", [204, 204, 204], 15],	30 [0.95, "box2", "background-color", [204, 204, 204], 15],

31 [0.10, "box3", "background-color", [0, 2, 11], 15],	31 [0.10, "box3", "background-color", [0, 2, 11], 15],

32 [0.50, "box3", "background-color", [0, 0, 0], 0],	32 [0.50, "box3", "background-color", [0, 0, 0], 0],

(...skipping 12 matching lines...) Expand all Loading...
45 <body>	45 <body>

46 <div id="container">	46 <div id="container">

47 <div class="box" id="box1" style="-webkit-transition-timing-function: cubi c-bezier(0.3, 1.5, 0.8, 1.5);"></div>	47 <div class="box" id="box1" style="-webkit-transition-timing-function: cubi c-bezier(0.3, 1.5, 0.8, 1.5);"></div>

48 <div class="box" id="box2" style="-webkit-transition-timing-function: cubi c-bezier(0.4, -0.8, 0.7, 1.7);"></div>	48 <div class="box" id="box2" style="-webkit-transition-timing-function: cubi c-bezier(0.4, -0.8, 0.7, 1.7);"></div>

49 <div class="box colored" id="box3" style="-webkit-transition-timing-functi on: cubic-bezier(0.7, -2, 1, -1.5);"></div>	49 <div class="box colored" id="box3" style="-webkit-transition-timing-functi on: cubic-bezier(0.7, -2, 1, -1.5);"></div>

50 <div class="box colored" id="box4" style="-webkit-transition-timing-functi on: cubic-bezier(0, 4, 1, -3);"></div>	50 <div class="box colored" id="box4" style="-webkit-transition-timing-functi on: cubic-bezier(0, 4, 1, -3);"></div>

51 </div>	51 </div>

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

53 </body>	53 </body>

54 </html>	54 </html>

OLD	NEW