third_party/WebKit/LayoutTests/transitions/multiple-shadow-transitions.html - Issue 2844213002: Fix behaviour of shadow interpolation with mismatched list lengths

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/transitions/multiple-shadow-transitions.html

Issue 2844213002: Fix behaviour of shadow interpolation with mismatched list lengths (Closed)

Patch Set: Revert transition test to old behaviour Created 3 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

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/responsive/box-shadow-responsive.html ('k') | third_party/WebKit/LayoutTests/transitions/multiple-shadow-transitions-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>	1 <!DOCTYPE>

2	2

3 <html>	3 <html>

4 <head>	4 <head>

5 <style>	5 <style>

6 .box {	6 .box {

7 height: 100px;	7 height: 100px;

8 width: 100px;	8 width: 100px;

9 margin: 50px;	9 margin: 50px;

10 border: 1px solid black;	10 border: 1px solid black;

(...skipping 36 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
47 text-shadow: 0 -20px 10px red, 0 20px 10px blue;	47 text-shadow: 0 -20px 10px red, 0 20px 10px blue;

48 }	48 }

49	49

50 </style>	50 </style>

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

52 <script type="text/javascript">	52 <script type="text/javascript">

53	53

54 const expectedValues = [	54 const expectedValues = [

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

56 [0.5, 'box', 'box-shadow', 'rgb(255, 0, 0) 0px 0px 10px 0px, rgb(0, 0, 255 ) 0px 0px 10px 0px', 4],	56 [0.5, 'box', 'box-shadow', 'rgb(255, 0, 0) 0px 0px 10px 0px, rgb(0, 0, 255 ) 0px 0px 10px 0px', 4],

57 [0.5, 'box2', 'box-shadow', 'rgb(255, 0, 0) 0px -20px 10px 0px, rgb(128, 0 , 128) 0px 0px 10px 0px', 4],	57 [0.5, 'box2', 'box-shadow', 'rgb(255, 0, 0) 0px -20px 10px 0px, rgba(0, 0, 255, 0.5) 0px 10px 5px 0px', 4],

58 [0.5, 'box3', 'box-shadow', 'rgb(128, 0, 128) 0px 0px 10px 0px, rgb(0, 0, 255) 0px 20px 10px 0px', 4],	58 [0.5, 'box3', 'box-shadow', 'rgb(128, 0, 128) 0px 0px 10px 0px, rgba(0, 0, 255, 0.5) 0px 10px 5px 0px', 4],

59 ];	59 ];

60	60

61 function setupTest()	61 function setupTest()

62 {	62 {

63 document.getElementById('box').className = 'box final';	63 document.getElementById('box').className = 'box final';

64 document.getElementById('box2').className = 'box final';	64 document.getElementById('box2').className = 'box final';

65 document.getElementById('box3').className = 'box final';	65 document.getElementById('box3').className = 'box final';

66 }	66 }

67	67

68 runTransitionTest(expectedValues, setupTest);	68 runTransitionTest(expectedValues, setupTest);

69 </script>	69 </script>

70 </head>	70 </head>

71 <body>	71 <body>

72	72

73 <div id="box" class="box">BOX</div>	73 <div id="box" class="box">BOX</div>

74 <div id="box2" class="box">BOX</div>	74 <div id="box2" class="box">BOX</div>

75 <div id="box3" class="box">BOX</div>	75 <div id="box3" class="box">BOX</div>

76	76

77 <div id="result">	77 <div id="result">

78 </div>	78 </div>

79	79

80 </body>	80 </body>

81 </html>	81 </html>

OLD	NEW