LayoutTests/animations/interpolation/shape-outside.html - Issue 115253003: Layout support for new circle shape syntax

Side by Side Diff: LayoutTests/animations/interpolation/shape-outside.html

Issue 115253003: Layout support for new circle shape syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Use FloatSize/FloatPoint's more Created 6 years, 11 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

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

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

3 <body>	3 <body>

4 <script src="resources/interpolation-test.js"></script>	4 <script src="resources/interpolation-test.js"></script>

5 <script>	5 <script>

6 assertInterpolation({	6 assertInterpolation({

7 property: 'shape-outside',	7 property: 'shape-outside',

8 from: 'rectangle(0px, 0px, 100px, 100px)',	8 from: 'rectangle(0px, 0px, 100px, 100px)',

9 to: 'rectangle(25px, 25px, 50px, 50px)'	9 to: 'rectangle(25px, 25px, 50px, 50px)'

10 }, [	10 }, [

(...skipping 13 matching lines...) Expand all Loading...
24 {at: -0.5, is: 'inset-rectangle(12.5px, 12.5px, 125px, 125px)'},	24 {at: -0.5, is: 'inset-rectangle(12.5px, 12.5px, 125px, 125px)'},

25 {at: 0, is: 'inset-rectangle(25px, 25px, 100px, 100px)'},	25 {at: 0, is: 'inset-rectangle(25px, 25px, 100px, 100px)'},

26 {at: 0.3, is: 'inset-rectangle(32.5px, 32.5px, 85px, 85px)'},	26 {at: 0.3, is: 'inset-rectangle(32.5px, 32.5px, 85px, 85px)'},

27 {at: 0.6, is: 'inset-rectangle(40px, 40px, 70px, 70px)'},	27 {at: 0.6, is: 'inset-rectangle(40px, 40px, 70px, 70px)'},

28 {at: 1, is: 'inset-rectangle(50px, 50px, 50px, 50px)'},	28 {at: 1, is: 'inset-rectangle(50px, 50px, 50px, 50px)'},

29 {at: 1.5, is: 'inset-rectangle(62.5px, 62.5px, 25px, 25px)'}	29 {at: 1.5, is: 'inset-rectangle(62.5px, 62.5px, 25px, 25px)'}

30 ]);	30 ]);

31	31

32 assertInterpolation({	32 assertInterpolation({

33 property: 'shape-outside',	33 property: 'shape-outside',

34 from: 'circle(0%, 0%, 100%)',	34 from: 'circle(100% at 0% 0%)',

35 to: 'circle(25%, 25%, 50%)',	35 to: 'circle(50% at 25% 25%)',

36 }, [	36 }, [

37 {at: -0.3, is: 'circle(-7.5%, -7.5%, 115%)'},	37 {at: -0.3, is: 'circle(115% at -7.5% -7.5%)'},

38 {at: 0, is: 'circle(0%, 0%, 100%)'},	38 {at: 0, is: 'circle(100% at 0% 0%)'},

39 {at: 0.3, is: 'circle(7.5%, 7.5%, 85%)'},	39 {at: 0.3, is: 'circle(85% at 7.5% 7.5%)'},

40 {at: 0.6, is: 'circle(15%, 15%, 70%)'},	40 {at: 0.6, is: 'circle(70% at 15% 15%)'},

41 {at: 1, is: 'circle(25%, 25%, 50%)'},	41 {at: 1, is: 'circle(50% at 25% 25%)'},

42 {at: 1.5, is: 'circle(37.5%, 37.5%, 25%)'}	42 {at: 1.5, is: 'circle(25% at 37.5% 37.5%)'}

43 ]);	43 ]);

44	44

45 assertInterpolation({	45 assertInterpolation({

46 property: 'shape-outside',	46 property: 'shape-outside',

47 from: 'ellipse(0%, 0%, 100%, 100%)',	47 from: 'ellipse(0%, 0%, 100%, 100%)',

48 to: 'ellipse(25%, 25%, 50%, 50%)',	48 to: 'ellipse(25%, 25%, 50%, 50%)',

49 }, [	49 }, [

50 {at: -0.3, is: 'ellipse(-7.5%, -7.5%, 115%, 115%)'},	50 {at: -0.3, is: 'ellipse(-7.5%, -7.5%, 115%, 115%)'},

51 {at: 0, is: 'ellipse(0%, 0%, 100%, 100%)'},	51 {at: 0, is: 'ellipse(0%, 0%, 100%, 100%)'},

52 {at: 0.3, is: 'ellipse(7.5%, 7.5%, 85%, 85%)'},	52 {at: 0.3, is: 'ellipse(7.5%, 7.5%, 85%, 85%)'},

(...skipping 22 matching lines...) Expand all Loading...
75 }, [	75 }, [

76 {at: -0.3, is: 'auto'},	76 {at: -0.3, is: 'auto'},

77 {at: 0, is: 'auto'},	77 {at: 0, is: 'auto'},

78 {at: 0.3, is: 'auto'},	78 {at: 0.3, is: 'auto'},

79 {at: 0.6, is: 'ellipse(0%, 0%, 100%, 100%)'},	79 {at: 0.6, is: 'ellipse(0%, 0%, 100%, 100%)'},

80 {at: 1, is: 'ellipse(0%, 0%, 100%, 100%)'},	80 {at: 1, is: 'ellipse(0%, 0%, 100%, 100%)'},

81 {at: 1.5, is: 'ellipse(0%, 0%, 100%, 100%)'}	81 {at: 1.5, is: 'ellipse(0%, 0%, 100%, 100%)'}

82 ]);	82 ]);

83 </script>	83 </script>

84 </body>	84 </body>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/animations/interpolation/shape-outside-expected.txt » ('j') | Source/core/css/BasicShapeFunctions.cpp » ('J')