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

Side by Side Diff: LayoutTests/csswg/contributors/adobe/submitted/shapes/shape-outside/shape-outside-floats-inset-rectangle-001-expected.html

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix test expectations Created 6 years, 9 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <title>shape-outside-floats-inset-rectangle-001-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>
7 .container {
8 position: relative;
9 font: 20px/1 Ahem, sans-serif;
10 width: 500px;
11 height: 200px;
12 border: 1px solid black;
13 }
14
15 .rounded-rect {
16 z-index: -1;
17 width: 320px;
18 height: 160px;
19 border-radius: 60px;
20 background-color: blue;
21 overflow: hidden;
22 }
23
24 #left-rounded-rect-outline {
25 position: absolute;
26 top: 20px;
27 left: 0px;
28 }
29
30 #right-rounded-rect-outline {
31 position: absolute;
32 top: 20px;
33 right: 0px;
34 }
35
36 .left-rounded-rect-float-line {
37 float: left;
38 clear: left;
39 height: 20px;
40 }
41
42 .right-rounded-rect-float-line {
43 float: right;
44 clear: right;
45 height: 20px;
46 }
47 </style>
48 <body>
49 <p>The black squares should trace the right side of the rounded rectangle's blue outline.</p>
50 <div class="container">
51 X<br/>
52 <div id="left-rounded-rect-outline" class="rounded-rect"></div>
53 <!-- generated left-rounded-rect-float-line divs will be inserted here -->
54 X<br/>
55 X<br/>
56 X<br/>
57 X<br/>
58 X<br/>
59 X<br/>
60 X<br/>
61 X<br/>
62 X
63 </div>
64
65 <p>The black squares should trace the left side of the rounded rectangle's blue outline.</p>
66 <div class="container" style="text-align: right">
67 X<br/>
68 <div id="right-rounded-rect-outline" class="rounded-rect"></div>
69 <!-- generated right-rounded-rect-float-line divs will be inserted here -- >
70 X<br/>
71 X<br/>
72 X<br/>
73 X<br/>
74 X<br/>
75 X<br/>
76 X<br/>
77 X<br/>
78 X
79 </div>
80 <script src="resources/rounded-rectangle.js"></script>
81 <script src="resources/subpixel-utils.js"></script>
82 <script>
83 genLeftRightRoundedRectFloatShapeOutsideRefTest({
84 roundedRect: {x: 0, y: 20, width: 320, height: 160, rx: 60, ry: 60},
85 containerWidth: 500,
86 containerHeight: 200,
87 lineHeight: 20,
88 floatElementClassSuffix: "rounded-rect-float-line",
89 insertElementIdSuffix: "rounded-rect-outline"
90 });
91 </script>
92 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698