third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html - Issue 2104493003: Import csswg-test@0589ea025a684e31742740ca3b599230bcc25e5d

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/spec-examples/shape-outside-003.html

Issue 2104493003: Import csswg-test@0589ea025a684e31742740ca3b599230bcc25e5d (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Update TestExpectations, delete background Created 4 years, 5 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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/spec-examples/shape-outside-002.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/spec-examples/shape-outside-004.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 <title>CSS Test: Left and right float with shape-outside with clipped right float</title>	4 <title>CSS Test: Left and right float with shape-outside with clipped right float</title>

5 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>	5 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>

6 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-mo del-and-float-behavior"/>	6 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-mo del-and-float-behavior"/>

7 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-sh apes"/>	7 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-sh apes"/>

8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-prop erty"/>	8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-prop erty"/>

9 <link rel="match" href="reference/shape-outside-001-ref.html"/>	9 <link rel="match" href="reference/shape-outside-001-ref.html"/>

10 <meta name="flags" content="ahem"/>	10 <meta name="flags" content="ahem"/>

11 <meta name="assert" content="This test verifies that left floats with a shap e-outside	11 <meta name="assert" content="This test verifies that left floats with a shap e-outside

12 only allow content wrapping on the right side, and right floats only allow wrapping on	12 only allow content wrapping on the right side, and right floats only allow wrapping on

13 the left and that the right float shape is clipped to the float's margin bo x"/>	13 the left and that the right float shape is clipped to the float's margin bo x"/>

14 <!-- This test is derived from Example 2 in this version of the spec:	14 <!-- This test is derived from Example 2 in this version of the spec:

15 http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->	15 http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->

16 <style type="text/css">	16 <style type="text/css">

17 body {	17 body {

18 margin-left: 0;	18 margin-left: 0;

19 }	19 }

20 .container {	20 .container {

21 width: 400px;	21 width: 400px;

22 text-align: center;	22 text-align: center;

23 font-family: Ahem;	23 font-family: Ahem;

24 font-size: 20px;	24 font-size: 20px;

25 line-height: 1em;	25 line-height: 1em;

(...skipping 65 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
91 <div class="line container">XXXXXXX</div>	91 <div class="line container">XXXXXXX</div>

92 <div class="line container">XXXXX</div>	92 <div class="line container">XXXXX</div>

93 <div class="line container">XXX</div>	93 <div class="line container">XXX</div>

94 <div class="line container">X</div>	94 <div class="line container">X</div>

95 <div class="line container" id="bottom">XXXXXXXXXXXXXXXXX</div>	95 <div class="line container" id="bottom">XXXXXXXXXXXXXXXXX</div>

96 </div>	96 </div>

97 <div id="left-triangle"></div>	97 <div id="left-triangle"></div>

98 <div id="right-triangle"></div>	98 <div id="right-triangle"></div>

99 </body>	99 </body>

100 </html>	100 </html>

OLD	NEW