Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(65)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-000-expected.html

Issue 115253003: Layout support for new circle shape syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Add misisng test change for animations/interpolation/shape-outside.html Created 7 years 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-outside-floats/shape-outside-floats-circle-000.html ('k') | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-001.html » ('j') | Source/core/rendering/style/BasicShapes.h » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <title>shape-outside-floats-circle-000-reference.html</title>
3 <link rel="author" title="Adobe" href="http://html.adobe.com/">
4 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">
5 <meta name="flags" content="ahem dom">
6 <style> 2 <style>
7 .container { 3 .container {
8 position: relative; 4 position: relative;
9 font: 20px/1 Ahem, sans-serif; 5 font: 20px/1 Ahem, sans-serif;
10 width: 500px; 6 width: 500px;
11 height: 200px; 7 height: 200px;
12 border: 1px solid black; 8 border: 1px solid black;
13 } 9 }
14 10
15 .circle { 11 .circle {
16 z-index: -1; 12 z-index: -1;
17 width: 160px; 13 width: 160px;
18 height: 160px; 14 height: 160px;
19 border-radius: 80px; 15 border-radius: 80px;
20 background-color: blue; 16 background-color: blue;
21 overflow: hidden; 17 overflow: hidden;
22 } 18 }
(...skipping 19 matching lines...) Expand all
42 .right-circle-float-line { 38 .right-circle-float-line {
43 float: right; 39 float: right;
44 clear: right; 40 clear: right;
45 height: 20px; 41 height: 20px;
46 } 42 }
47 </style> 43 </style>
48 <body> 44 <body>
49 <p>The black squares should trace the right side of the circle's blue outline.</ p> 45 <p>The black squares should trace the right side of the circle's blue outline.</ p>
50 <div class="container"> 46 <div class="container">
51 X<br/> 47 X<br/>
52 <div id="left-circle-outline" class="circle"></div> 48 <div id="left-circle-outline" class="circle"></div>
53 <!-- generated left-rounded-rect-float-line divs will be inserted here --> 49 <!-- generated left-rounded-rect-float-line divs will be inserted here -->
54 X<br/> 50 X<br/>
55 X<br/> 51 X<br/>
56 X<br/> 52 X<br/>
57 X<br/> 53 X<br/>
58 X<br/> 54 X<br/>
59 X<br/> 55 X<br/>
60 X<br/> 56 X<br/>
61 X<br/> 57 X<br/>
62 X 58 X
63 </div> 59 </div>
64 60
65 <p>The black squares should trace the left side of the circle's blue outline.</p > 61 <p>The black squares should trace the left side of the circle's blue outline.</p >
66 <div class="container" style="text-align: right"> 62 <div class="container" style="text-align: right">
67 X<br/> 63 X<br/>
68 <div id="right-circle-outline" class="circle"></div> 64 <div id="right-circle-outline" class="circle"></div>
69 <!-- generated right-rounded-rect-float-line divs will be inserted here -- > 65 <!-- generated right-rounded-rect-float-line divs will be inserted here -- >
70 X<br/> 66 X<br/>
71 X<br/> 67 X<br/>
72 X<br/> 68 X<br/>
73 X<br/> 69 X<br/>
74 X<br/> 70 X<br/>
75 X<br/> 71 X<br/>
76 X<br/> 72 X<br/>
77 X<br/> 73 X<br/>
78 X 74 X
79 </div> 75 </div>
80 76
81 <script src="resources/rounded-rectangle.js"></script> 77 <script src="../resources/rounded-rectangle.js"></script>
82 <script src="resources/subpixel-utils.js"></script> 78 <script src="../resources/subpixel-utils.js"></script>
83 <script> 79 <script>
84 genLeftRightRoundedRectFloatShapeOutsideRefTest({ 80 genLeftRightRoundedRectFloatShapeOutsideRefTest({
85 roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80}, 81 roundedRect: {x: 0, y: 20, width: 160, height: 160, rx: 80, ry: 80},
86 containerWidth: 500, 82 containerWidth: 500,
87 containerHeight: 200, 83 containerHeight: 200,
88 lineHeight: 20, 84 lineHeight: 20,
89 floatElementClassSuffix: "circle-float-line", 85 floatElementClassSuffix: "circle-float-line",
90 insertElementIdSuffix: "circle-outline" 86 insertElementIdSuffix: "circle-outline"
91 }); 87 });
92 </script> 88 </script>
93 89
94 </body> 90 </body>
OLDNEW
« no previous file with comments | « LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-000.html ('k') | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-001.html » ('j') | Source/core/rendering/style/BasicShapes.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698