LayoutTests/animations/interpolation/box-shadow-interpolation.html - Issue 23241010: Support subpixel values for text-shadow and box-shadow

Side by Side Diff: LayoutTests/animations/interpolation/box-shadow-interpolation.html

Issue 23241010: Support subpixel values for text-shadow and box-shadow (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: all working! Created 7 years, 1 month 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

« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt » ('j') | LayoutTests/animations/interpolation/resources/interpolation-test.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <meta charset="UTF-8">	2 <meta charset="UTF-8">

3 <style>	3 <style>

4 .target {	4 .target {

5 display: inline-block;	5 display: inline-block;

6 width: 60px;	6 width: 60px;

7 height: 60px;	7 height: 60px;

8 font-size: 3px;	8 font-size: 3px;

9 border: 2px solid;	9 border: 2px solid;

10 margin-right: 20px;	10 margin-right: 20px;

(...skipping 19 matching lines...) Expand all Loading...
30 {at: 1, is: '-15px -10px 25px -4px orange'},	30 {at: 1, is: '-15px -10px 25px -4px orange'},

31 {at: 1.5, is: '-30px -20px 35px -9px rgb(255, 248, 0)'},	31 {at: 1.5, is: '-30px -20px 35px -9px rgb(255, 248, 0)'},

32 ]);	32 ]);

33	33

34 // Test padding shorter lists	34 // Test padding shorter lists

35 assertInterpolation({	35 assertInterpolation({

36 property: 'box-shadow',	36 property: 'box-shadow',

37 from: '10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000',	37 from: '10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000',

38 to: 'none'	38 to: 'none'

39 }, [	39 }, [

40 {at: -0.3, is: '13px 26px rgba(255, 255, 0, 0.65), inset 6.5px 39px rgb(0, 166 , 0)'},	40 {at: -0.3, is: '13px 26px rgba(255, 255, 0, 0.6), inset 6.5px 39px rgb(0, 166, 0)'},

41 {at: 0, is: '10px 20px rgba(255, 255, 0, 0.5), inset 5px 30px #008000'},	41 {at: 0, is: '10px 20px rgba(255, 255, 0, 0.5), inset 5px 30px #008000'},

42 {at: 0.3, is: '7px 14px rgba(255, 255, 0, 0.35), inset 3.5px 21px rgba(0, 128, 0, 0.7)'},	42 {at: 0.3, is: '7px 14px rgba(255, 255, 0, 0.3), inset 3.5px 21px rgba(0, 128, 0, 0.7)'},

43 {at: 0.6, is: '4px 8px rgba(255, 255, 0, 0.2), inset 2px 12px rgba(0, 128, 0, 0.4)'},	43 {at: 0.6, is: '4px 8px rgba(255, 255, 0, 0.2), inset 2px 12px rgba(0, 128, 0, 0.4)'},

44 {at: 1, is: 'none'},	44 {at: 1, is: 'none'},

45 {at: 1.5, is: '-5px -10px transparent, inset -2.5px -15px transparent'},	45 {at: 1.5, is: '-5px -10px transparent, inset -2.5px -15px transparent'},

46 ]);	46 ]);

47	47

48 // Test unmatched inset	48 // Test unmatched inset

49 assertInterpolation({	49 assertInterpolation({

50 property: 'box-shadow',	50 property: 'box-shadow',

51 from: '10px 20px yellow, 5px 10px green',	51 from: '10px 20px yellow, 5px 10px green',

52 to: 'inset 5px 10px green, 15px 20px blue'	52 to: 'inset 5px 10px green, 15px 20px blue'

53 }, [	53 }, [

54 {at: -0.3, is: '10px 20px yellow, 5px 10px green'},	54 {at: -0.3, is: '10px 20px yellow, 5px 10px green'},

55 {at: 0, is: '10px 20px yellow, 5px 10px green'},	55 {at: 0, is: '10px 20px yellow, 5px 10px green'},

56 {at: 0.3, is: '10px 20px yellow, 5px 10px green'},	56 {at: 0.3, is: '10px 20px yellow, 5px 10px green'},

57 {at: 0.6, is: 'inset 5px 10px green, 15px 20px blue'},	57 {at: 0.6, is: 'inset 5px 10px green, 15px 20px blue'},

58 {at: 1, is: 'inset 5px 10px green, 15px 20px blue'},	58 {at: 1, is: 'inset 5px 10px green, 15px 20px blue'},

59 {at: 1.5, is: 'inset 5px 10px green, 15px 20px blue'},	59 {at: 1.5, is: 'inset 5px 10px green, 15px 20px blue'},

60 ]);	60 ]);

61 </script>	61 </script>

62 </body>	62 </body>

OLD	NEW