third_party/WebKit/LayoutTests/transitions/mismatched-shadow-transitions.html - Issue 2680923005: Refactor CSS Transitions to use CSSInterpolationTypes instead of AnimatableValues

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/mismatched-shadow-transitions.html

Issue 2680923005: Refactor CSS Transitions to use CSSInterpolationTypes instead of AnimatableValues (Closed)

Patch Set: Fix transition tests to not expect incorrect behaviour Created 3 years, 10 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:

OLD	NEW
	(Empty)
1 <!DOCTYPE>

2

3 <html>

4 <head>

5 <style>

6 .box {

7 height: 100px;

8 width: 100px;

9 margin: 50px;

10 border: 1px solid black;

11 text-align: center;

12 padding: 20px;

13 background-repeat: no-repeat;

14 -webkit-transition-duration: 1s;

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

16 -webkit-transition-property: box-shadow;

17 }

18

19 #box {

20 box-shadow: inset 10px 20px 4px gray;

21 }

22

23 #box.final {

24 box-shadow: inset 20px 10px 4px gray, 10px 10px 6px black;

25 }

26

27 </style>

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

29 <script type="text/javascript">

30

31 const expectedValues = [

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

33 [0.5, 'box', 'box-shadow', "rgb(128, 128, 128) 15px 15px 4px 0px inset, rg ba(0, 0, 0, 0.5) 5px 5px 3px 0px", 4],

34 ];

35

36 function setupTest()

37 {

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

39 }

40

41 runTransitionTest(expectedValues, setupTest);

42 </script>

43 </head>

44 <body>

45

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

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

48

49 </body>

50 </html>

OLD	NEW