LayoutTests/fast/shapes/shape-inside/shape-inside-dynamic-nested.html - Issue 115253003: Layout support for new circle shape syntax

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-dynamic-nested.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

« no previous file with comments | « LayoutTests/fast/shapes/shape-inside/shape-inside-circle-padding.html ('k') | LayoutTests/fast/shapes/shape-inside/shape-inside-empty.html » ('j') | Source/core/css/BasicShapeFunctions.cpp » ('J')
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 <script>	4 <script>

5 window.onload = function() {	5 window.onload = function() {

6 if (document.body)	6 if (document.body)

7 document.body.offsetTop;	7 document.body.offsetTop;

8 else if (document.documentElement)	8 else if (document.documentElement)

9 document.documentElement.offsetTop;	9 document.documentElement.offsetTop;

10 layoutTest();	10 layoutTest();

(...skipping 37 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
48 top: 8px; left: 8px;	48 top: 8px; left: 8px;

49 width: 180px;	49 width: 180px;

50 height: 180px;	50 height: 180px;

51 border: 2px solid blue;	51 border: 2px solid blue;

52 content: ' ';	52 content: ' ';

53 }	53 }

54 .inside {	54 .inside {

55 shape-inside: rectangle(10px, 10px, 180px, 180px);	55 shape-inside: rectangle(10px, 10px, 180px, 180px);

56 }	56 }

57 .inside-alt {	57 .inside-alt {

58 shape-inside: circle(50%, 50%, 50%);	58 shape-inside: circle(50% at 50% 50%);

59 }	59 }

60 .outside {	60 .outside {

61 shape-outside: rectangle(10px, 10px, 180px, 180px);	61 shape-outside: rectangle(10px, 10px, 180px, 180px);

62 }	62 }

63 .outside-alt {	63 .outside-alt {

64 shape-inside: circle(50%, 50%, 50%);	64 shape-inside: circle(50% at 50% 50%);

65 }	65 }

66 </style>	66 </style>

67 </head>	67 </head>

68 <body>	68 <body>

69 <p>This test ensures layout properly respects shape-inside when it is set/un set, or when shape-outside is set/unset for a value of "outside-shape". The test requires the Ahem font, and in each case the green squares should be contained by a blue outline.</p>	69 <p>This test ensures layout properly respects shape-inside when it is set/un set, or when shape-outside is set/unset for a value of "outside-shape". The test requires the Ahem font, and in each case the green squares should be contained by a blue outline.</p>

70	70

71 <p>Setting shape-inside with no prior entry</p>	71 <p>Setting shape-inside with no prior entry</p>

72 <div id='set-inside-shape' class='container'><div><div>xxxxxxxxxx</div></div ></div>	72 <div id='set-inside-shape' class='container'><div><div>xxxxxxxxxx</div></div ></div>

73	73

74 <p>Setting shape-inside with a prior entry</p>	74 <p>Setting shape-inside with a prior entry</p>

75 <div id='reset-inside-shape' class='container shape inside-alt'><div><div>xx xxxxxxxx</div></div></div>	75 <div id='reset-inside-shape' class='container shape inside-alt'><div><div>xx xxxxxxxx</div></div></div>

76	76

77 <p>Removing shape-inside with a prior entry</p>	77 <p>Removing shape-inside with a prior entry</p>

78 <div id='remove-inside-shape' class='container shape inside'><div><div>xxxxx xxxxx</div></div></div>	78 <div id='remove-inside-shape' class='container shape inside'><div><div>xxxxx xxxxx</div></div></div>

79	79

80 <p>Removing a nested shape-inside</p>	80 <p>Removing a nested shape-inside</p>

81 <div class='container shape inside'><div id='remove-nested-inside-shape' cla ss='container shape inside-alt'><div>xxxxxxxxxx</div></div></div>	81 <div class='container shape inside'><div id='remove-nested-inside-shape' cla ss='container shape inside-alt'><div>xxxxxxxxxx</div></div></div>

82	82

83 <p>Setting outside-shape with no prior entry</p>	83 <p>Setting outside-shape with no prior entry</p>

84 <div id='set-outside-shape' class='container'><div>xxxxxxxxxx</div></div>	84 <div id='set-outside-shape' class='container'><div>xxxxxxxxxx</div></div>

85	85

86 <p>Setting outside-shape with a prior entry</p>	86 <p>Setting outside-shape with a prior entry</p>

87 <div id='reset-outside-shape' class='container' class='container shape outsi de-alt'><div>xxxxxxxxxx</div></div>	87 <div id='reset-outside-shape' class='container' class='container shape outsi de-alt'><div>xxxxxxxxxx</div></div>

88	88

89 <p>Removing shape-outside with a prior entry</p>	89 <p>Removing shape-outside with a prior entry</p>

90 <div id='remove-outside-shape' class='container shape outside'><div>xxxxxxxx xx</div></div>	90 <div id='remove-outside-shape' class='container shape outside'><div>xxxxxxxx xx</div></div>

91 </body>	91 </body>

92 </html>	92 </html>

OLD	NEW