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

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-on-nested-container-with-unresolved-height.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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 .parent { 5 .parent {
6 background-color: green; 6 background-color: green;
7 width: 300px; 7 width: 300px;
8 border: 1px solid blue; 8 border: 1px solid blue;
9 } 9 }
10 .container { 10 .container {
11 background-color: yellow; 11 background-color: yellow;
12 shape-inside: rectangle(0, 0, 50%, 100%); 12 shape-inside: polygon(0 0, 50% 0, 50% 100%, 0 100%);
13 } 13 }
14 </style> 14 </style>
15 </head> 15 </head>
16 <body> 16 <body>
17 17
18 <div class="parent"> 18 <div class="parent">
19 <div class="container"> 19 <div class="container">
20 But humane Starbuck was too late. At the instant of the dart an ulcerous jet shot from this cruel wound, and goaded by it into more than sufferable angu ish, 20 But humane Starbuck was too late. At the instant of the dart an ulcerous jet shot from this cruel wound, and goaded by it into more than sufferable angu ish,
21 the whale now spouting thick blood, with swift fury blindly darted at th e craft, bespattering them and their glorying crews all over with showers of gor e, capsizing 21 the whale now spouting thick blood, with swift fury blindly darted at th e craft, bespattering them and their glorying crews all over with showers of gor e, capsizing
22 Flask's boat and marring the bows. 22 Flask's boat and marring the bows.
23 </div> 23 </div>
24 </div> 24 </div>
25 25
26 <p>We have two containers, a shape-inside: rectangle property is applied on the nested container. Since the nested container's height is not resolvable, we shou ldn't apply the rectangle shape-inside on the content. <br/>We should see the co ntent inside a 300px wide green container, the text shouldn't conform to any sma ller shape</p> 26 <p>We have two containers, a shape-inside: rectangle property is applied on the nested container. Since the nested container's height is not resolvable, we shou ldn't apply the rectangle shape-inside on the content. <br/>We should see the co ntent inside a 300px wide green container, the text shouldn't conform to any sma ller shape</p>
27 27
28 </body> 28 </body>
29 </html> 29 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698