Skip to content

Commit

Permalink
Import css21/floats-clear W3C CSS Test Suite
Browse files Browse the repository at this point in the history
NOEXPORT=true

BUG=711709

Review-Url: https://codereview.chromium.org/2818213003
Cr-Commit-Position: refs/heads/master@{#465000}
  • Loading branch information
glebl authored and Commit bot committed Apr 17, 2017
1 parent 7735ed2 commit 32b03d0
Show file tree
Hide file tree
Showing 374 changed files with 12,854 additions and 1 deletion.
29 changes: 29 additions & 0 deletions third_party/WebKit/LayoutTests/TestExpectations
Original file line number Diff line number Diff line change
Expand Up @@ -136,6 +136,35 @@ crbug.com/711704 external/wpt/css/CSS2/floats/floats-rule7-outside-left-001.xht
crbug.com/711704 external/wpt/css/CSS2/floats/floats-rule7-outside-right-001.xht [ Skip ]
crbug.com/711704 external/wpt/css/CSS2/floats/floats-wrap-bfc-006.xht [ Skip ]

#### external/wpt/css/CSS2/floats-clear
#### Passed: 166
#### Skipped: 25
crbug.com/711709 external/wpt/css/CSS2/floats-clear/clear-applies-to-008.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/clear-applies-to-012.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-applies-to-008.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-applies-to-012.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-non-replaced-width-007.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-non-replaced-width-008.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-non-replaced-width-009.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-non-replaced-width-010.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-non-replaced-width-011.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/float-non-replaced-width-012.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floating-replaced-height-008.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-005.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-007.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-028.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-036.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-108.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-109.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-110.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-126.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-127.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-128.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-129.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-130.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-131.xht [ Skip ]
crbug.com/711709 external/wpt/css/CSS2/floats-clear/floats-137.xht [ Skip ]

# ====== Layout team owned tests to here ======

# ====== LayoutNG-only failures from here ======
Expand Down
2 changes: 1 addition & 1 deletion third_party/WebKit/LayoutTests/W3CImportExpectations
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ external/wpt/css/CSS2/css21-errata [ Skip ]
external/wpt/css/CSS2/csswg-issues [ Skip ]
## Owners: glebl@chromium.org
# external/wpt/css/CSS2/floats [ Pass ]
external/wpt/css/CSS2/floats-clear [ Skip ]
# external/wpt/css/CSS2/floats-clear [ Pass ]
external/wpt/css/CSS2/fonts [ Skip ]
external/wpt/css/CSS2/generate [ Skip ]
external/wpt/css/CSS2/generated-content [ Skip ]
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS Reftest Reference</title>

<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

</head>

<body>

<p>Test passes if the orange square is to the left of the blue square and the squares top edges are aligned.</p>

<div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>

</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Multiple floated boxes adjacent to each other</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
<link rel="match" href="adjacent-floats-001-ref.xht" />

<meta name="flags" content="" />
<meta name="assert" content="Floated boxes are allowed to be next to each other." />
<style type="text/css">
div div
{
float: left;
height: 1in;
width: 1in;
}
#div1
{
background-color: orange;
}
#div2
{
background-color: blue;
}
</style>
</head>
<body>
<p>Test passes if the orange square is to the left of the blue square and the squares top edges are aligned.</p>
<div>
<div id="div1"></div>
<div id="div2"></div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS Reftest Reference</title>

<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

<style type="text/css"><![CDATA[
img {vertical-align: bottom;}
]]></style>

</head>

<body>

<p>Test passes if there is an orange square below a blue square.</p>

<div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>

<div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>

</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Clear set to 'left'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
<link rel="match" href="clear-001-ref.xht" />

<meta name="flags" content="" />
<meta name="assert" content="The 'clear' property set to a value of 'left' positions the current element to clear left-floated elements." />
<style type="text/css">
#div1
{
width: 500px;
}
div div
{
height: 1in;
width: 1in;
}
#div2
{
background: blue;
float: left;
}
#div3
{
background: orange;
clear: left;
}
</style>
</head>
<body>
<p>Test passes if there is an orange square below a blue square.</p>
<div id="div1">
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS Reftest Reference</title>

<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

<style type="text/css"><![CDATA[
body {margin-bottom: 0px;}

img
{
left: 404px;
position: relative;
vertical-align: bottom;
}
]]></style>

</head>

<body>

<p>Test passes if there is an orange square below a blue square.</p>

<div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>

<div><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div>

</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Clear set to 'right'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
<link rel="match" href="clear-002-ref.xht" />

<meta name="flags" content="" />
<meta name="assert" content="The 'clear' property set to a value of 'right' positions the current element to clear right-floated elements." />
<style type="text/css">
#div1
{
width: 500px;
}
div div
{
float: right;
height: 1in;
width: 1in;
}
#div2
{
background: blue;
}
#div3
{
background: orange;
clear: right;
}
</style>
</head>
<body>
<p>Test passes if there is an orange square below a blue square.</p>
<div id="div1">
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS Reftest Reference</title>

<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

<style type="text/css"><![CDATA[
img {vertical-align: top;}
]]></style>

</head>

<body>

<p>Test passes if there is a black box below the blue and orange boxes.</p>

<div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="144" alt="Image download support must be enabled" /></div>

<div><img src="support/black15x15.png" width="96" height="96" alt="Image download support must be enabled" /></div>

</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Clear set to 'both'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
<link rel="match" href="clear-003-ref.xht" />

<meta content="" name="flags" />
<meta content="The 'clear' property set to a value of 'both' positions the current element to clear both left- and right-floated elements." name="assert" />
<style type="text/css">
#div1
{
width: 2in;
}
div div
{
height: 1in;
width: 1in;
}
#div2
{
background: blue;
float: left;
}
#div3
{
float: right;
background: orange;
height: 1.5in;
}
#div4
{
background: black;
clear: both;
}
</style>
</head>
<body>
<p>Test passes if there is a black box below the blue and orange boxes.</p>
<div id="div1">
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Clear set to 'none'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />

<meta name="flags" content="" />
<meta name="assert" content="The 'clear' property set to a value of 'none' does not perform any clearing of floated elements." />
<style type="text/css">
div div
{
height: 100px;
width: 100px;
}
#div2
{
background: green;
float: left;
}
#div3
{
background: red;
clear: none;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="div1">
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
</html>
Loading

0 comments on commit 32b03d0

Please sign in to comment.