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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-different-writing-modes-left.html

Issue 1908533002: Remove superfluous "*-expected.txt" files in LayoutTests/fast (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 8 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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <title>The block squares should wrap around the bottom of the blue shape. They s hould not overlap the shape.</title>
2 <script src="../../../resources/testharness.js"></script> 3 <script src="../../../resources/testharness.js"></script>
3 <script src="../../../resources/testharnessreport.js"></script> 4 <script src="../../../resources/testharnessreport.js"></script>
4 <script src="../resources/subpixel-utils.js"></script> 5 <script src="../resources/subpixel-utils.js"></script>
5 <style> 6 <style>
6 #container { 7 #container {
7 font: 10px/1 Ahem, sans-serif; 8 font: 10px/1 Ahem, sans-serif;
8 width: 200px; 9 width: 200px;
9 height: 200px; 10 height: 200px;
10 border: 1px solid black; 11 border: 1px solid black;
11 -webkit-writing-mode: vertical-lr; 12 -webkit-writing-mode: vertical-lr;
12 } 13 }
13 14
14 #rounded-rect { 15 #rounded-rect {
15 float: left; 16 float: left;
16 -webkit-writing-mode: horizontal-tb; 17 -webkit-writing-mode: horizontal-tb;
17 width: 100px; 18 width: 100px;
18 height: 100px; 19 height: 100px;
19 background-color: blue; 20 background-color: blue;
20 border-radius: 50px 40px 30px 20px / 20px 30px 40px 50px; 21 border-radius: 50px 40px 30px 20px / 20px 30px 40px 50px;
21 shape-outside: inset(0px round 50px 40px 30px 20px / 20px 30px 40px 50px); 22 shape-outside: inset(0px round 50px 40px 30px 20px / 20px 30px 40px 50px);
22 } 23 }
24
25 span {
26 visibility: hidden;
27 }
23 </style> 28 </style>
24 29
25 <body> 30 <body>
26 <p>The block squares should wrap around the bottom of the blue shape. They shoul d not overlap the shape.</p>
27 <div id="container"> 31 <div id="container">
28 <span id="s1">X</span><br/> 32 <span id="s1">X</span><br/>
29 <div id="rounded-rect"></div> 33 <div id="rounded-rect"></div>
30 <span id="s2">X</span><br/> 34 <span id="s2">X</span><br/>
31 <span id="s3">X</span><br/> 35 <span id="s3">X</span><br/>
32 <span id="s4">X</span><br/> 36 <span id="s4">X</span><br/>
33 <span id="s5">X</span><br/> 37 <span id="s5">X</span><br/>
34 <span id="s6">X</span><br/> 38 <span id="s6">X</span><br/>
35 <span id="s7">X</span><br/> 39 <span id="s7">X</span><br/>
36 <span id="s8">X</span><br/> 40 <span id="s8">X</span><br/>
(...skipping 77 matching lines...) Expand 10 before | Expand all | Expand 10 after
114 assert_equals(rect.left, 101); 118 assert_equals(rect.left, 101);
115 assert_approx_equals(rect.top, 91, 0.5); 119 assert_approx_equals(rect.top, 91, 0.5);
116 }, "11th square is properly affected by shape."); 120 }, "11th square is properly affected by shape.");
117 121
118 test(function () { 122 test(function () {
119 var rect = elementRect("s12"); 123 var rect = elementRect("s12");
120 assert_equals(rect.left, 111); 124 assert_equals(rect.left, 111);
121 assert_equals(rect.top, 1); 125 assert_equals(rect.top, 1);
122 }, "12th square doesn't overlap shape."); 126 }, "12th square doesn't overlap shape.");
123 </script> 127 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698