LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders.html - Issue 60873002: Removing the -webkit prefix from CSS Regions-Shapes tests

Side by Side Diff: LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders.html

Issue 60873002: Removing the -webkit prefix from CSS Regions-Shapes tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: 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/fast/regions/shape-inside/shape-inside-recursive-layout-expected.html ('k') | LayoutTests/fast/regions/shape-inside/shape-inside-with-region-padding.html » ('j') | no next file with comments »
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 if (window.internals)	5 if (window.internals)

6 window.internals.settings.setCSSExclusionsEnabled(true);	6 window.internals.settings.setCSSExclusionsEnabled(true);

7 </script>	7 </script>

8 <style>	8 <style>

9 #content {	9 #content {

10 font: 20px Ahem, sans-serif;	10 font: 20px Ahem, sans-serif;

11 -webkit-font-smoothing: none;	11 -webkit-font-smoothing: none;

12 -webkit-flow-into: flow;	12 -webkit-flow-into: flow;

13 }	13 }

14 .region {	14 .region {

15 width: 300px;	15 width: 300px;

16 height: 300px;	16 height: 300px;

17 background-color: yellow;	17 background-color: yellow;

18 border-top: 10px solid lightgreen;	18 border-top: 10px solid lightgreen;

19 border-right: 20px solid green;	19 border-right: 20px solid green;

20 border-bottom: 30px solid lightblue;	20 border-bottom: 30px solid lightblue;

21 border-left: 40px solid blue;	21 border-left: 40px solid blue;

22 -webkit-flow-from: flow;	22 -webkit-flow-from: flow;

23 }	23 }

24 #shape_inside {	24 #shape_inside {

25 -webkit-shape-inside: rectangle(50px, 0px, 200px, 300px);	25 shape-inside: rectangle(50px, 0px, 200px, 300px);

26 background-color: orange;	26 background-color: orange;

27 }	27 }

28 </style>	28 </style>

29 </head>	29 </head>

30 <body>	30 <body>

31	31

32 <div id="shape_inside" class="region"></div>	32 <div id="shape_inside" class="region"></div>

33	33

34 <div id="content">	34 <div id="content">

35 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	35 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

36 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	36 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

37 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	37 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

38 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX	38 XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX

39 </div>	39 </div>

40	40

41 <p>Requires Ahem font. The content flows into a region (300px wide) what contain s a shape-inside rectangle (200px wide) with 50px left offset.<br/>	41 <p>Requires Ahem font. The content flows into a region (300px wide) what contain s a shape-inside rectangle (200px wide) with 50px left offset.<br/>

42 The content should fill the shape-inside area out. There should be an equally 50 -50px left and right offset for the content in the content box. The borders shou ldn't have any effect on the shape-inside's rectangle.	42 The content should fill the shape-inside area out. There should be an equally 50 -50px left and right offset for the content in the content box. The borders shou ldn't have any effect on the shape-inside's rectangle.

43 <p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclus ions] Shape-inside on regions should respect region borders and paddings</p>	43 <p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclus ions] Shape-inside on regions should respect region borders and paddings</p>

44	44

45 </body>	45 </body>

46 </html>	46 </html>

OLD	NEW