diff options
| author | Josh Matthews <josh@joshmatthews.net> | 2017-11-01 18:17:08 -0400 |
|---|---|---|
| committer | Josh Matthews <josh@joshmatthews.net> | 2017-11-02 09:22:26 -0400 |
| commit | 12d22f6bd217ecd02868ab30f8b1cae8bad5d4e6 (patch) | |
| tree | 982bef2092a4a03855f51022c56460a546d5bce8 /tests/wpt/css-tests/css-flexbox-1_dev/xhtml1 | |
| parent | 00940911c5755651df7038c7bf4b51c77a44c225 (diff) | |
| download | servo-12d22f6bd217ecd02868ab30f8b1cae8bad5d4e6.tar.gz servo-12d22f6bd217ecd02868ab30f8b1cae8bad5d4e6.zip | |
Remove all outdated CSS tests.
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1')
1419 files changed, 0 insertions, 72868 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/Flexible-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/Flexible-order.xht deleted file mode 100644 index a861aa33304..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/Flexible-order.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!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: Change the value of 'order' property</title> - -<meta content="The order of three should be blue-red-black" name="assert" /> - -<link href="reference/Flexible-order-ref.xht" rel="match" /> -<link href="mailto:keynesqu@sohu.com" rel="author" title="KeynesQu" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - -<style> - -.box { - margin:0 auto; - background:#CCC; - border-radius:5px; - width:600px; - display:flex; - flex-flow:row; -} - -.box div { - text-align:center; -} - -.box .red { - order:-2; - flex:0 1 auto; - width:200px; - background:#F00; -} -.box .blue { - order:-4; - flex:0 1 auto; - width:200px; - background:#00F; -} -.box .black { - order:-1; - flex:0 1 auto; - width:200px; - background:#000; - color:#FFF; -} - - - - -</style> - -</head> - -<body> - - -<!-- FLEX CONTAINER --> -<div class="box"> - <div class="red">A</div> - <div class="blue">B</div> - <div class="black">C</div> -</div> - - - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-001.xht deleted file mode 100644 index 9dee6e38827..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-001.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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: A multi-line flex container with the 'align-content' property set to 'center'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that a multi-line flex container with 'align-content: center' centers lines in the flex container." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, green 0, green 25px, red 25px, red 75px, green 75px, green 100px); - align-content: center; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 26px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-002.xht deleted file mode 100644 index 0a0e9cbae2a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-002.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A multi-line flex container with the 'align-content' property set to 'flex-start'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that a multi-line flex container with 'align-content: flex-start' packs lines toward the start of the flex container." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, red 0, red 50px, green 50px, green 100px); - align-content: flex-start; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 26px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-003.xht deleted file mode 100644 index 4af97bca89b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-003.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A multi-line flex container with the 'align-content' property set to 'flex-end'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that a multi-line flex container with 'align-content: flex-end' packs lines toward the end of the flex container." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, green 0, green 50px, red 50px, red 100px); - align-content: flex-end; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 26px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-004.xht deleted file mode 100644 index 937319d189a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-004.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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: A multi-line flex container with the 'align-content' property set to 'space-between'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that a multi-line flex container with 'align-content: space-between' distributes lines evenly in the flex container." name="assert" /> - <style type="text/css"> - #flexbox - { - background: repeating-linear-gradient(to bottom, red 0, red 20px, green 20px, green 40px); - align-content: space-between; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 21px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-005.xht deleted file mode 100644 index aa3243281f1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-005.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A multi-line flex container with the 'align-content' property set to 'space-around'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that a multi-line flex container with 'align-content: space-around' distributes lines evenly in the flex container, with half-size spaces on either end." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, green 0, green 15px, red 15px, red 35px, green 35px, green 65px, red 65px, red 85px, green 85px, green 100px); - align-content: space-around; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 22px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-006.xht deleted file mode 100644 index 47b7b61b43f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content-006.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A multi-line flex container with the 'align-content' property set to 'stretch'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that a multi-line flex container with 'align-content: stretch' stretches lines to take up the remaining space." name="assert" /> - <style type="text/css"> - #flexbox - { - background: red; - align-content: center; - align-content: stretch; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_center.xht deleted file mode 100644 index e2a5ca06c28..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_center.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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 Flexible Box Test: align-content_center</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the align-content value center." name="assert" /> - <style> - #test{ - height: 200px; - width: 80px; - display: flex; - flex-wrap: wrap; - align-content: center; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in middle left of red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_flex-end.xht deleted file mode 100644 index 4b7f8b4b62d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_flex-end.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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 Flexible Box Test: align-content_flex-end</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the align-content value flex-end." name="assert" /> - <style> - #test{ - height: 200px; - width: 80px; - display: flex; - flex-wrap: wrap; - align-content: flex-end; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in bottom left of red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_flex-start.xht deleted file mode 100644 index 15680d22285..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_flex-start.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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 Flexible Box Test: align-content_flex-start</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the align-content value flex-start." name="assert" /> - <style> - #test{ - height: 200px; - width: 80px; - display: flex; - flex-wrap: wrap; - align-content: flex-start; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in upper left of red rectangle.</p> - <div id="log"></div> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_space-around.xht deleted file mode 100644 index 4f317f93016..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_space-around.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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 Flexible Box Test: align-content_space-around</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify align-content value space-around." name="assert" /> - <style> - #test{ - height: 200px; - width: 80px; - display: flex; - flex-wrap: wrap; - align-content: space-around; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br /> - 2. the rectangle 1, 2, 3 are distributed such that the empty space between any two adjacent rectangle is the same, and the empty space of the column before the first and after the last rectangle are half the size of the other empty spaces.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_space-between.xht deleted file mode 100644 index ec02e326c12..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_space-between.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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 Flexible Box Test: align-content_space-between</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the display can recognize inline-flex value." name="assert" /> - <style> - #test{ - height: 200px; - width: 80px; - display: flex; - flex-wrap: wrap; - align-content: space-between; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br /> - 2. No gap between the top of red rectangle and the top of rectangle 1, no gap between the bottom of red rectangle and the bottom of rectangle 3 too, and rectangle 2 is distributed so that the empty space between rectangle 1 and rectangle 3 is the same.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_stretch.xht deleted file mode 100644 index 5485c7e7396..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-content_stretch.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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 Flexible Box Test: align-content_stretch</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the align-content value stretch." name="assert" /> - <style> - #test{ - height: 200px; - width: 80px; - display: flex; - flex-wrap: wrap; - align-content: stretch; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br /> - 2. No gap between the top of red rectangle and the top of rectangle 1, and rectangle 1 , 2, 3 are distributed so that the empty space in the column between 1 , 2 , 3 is the same. - </p><div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-001.xht deleted file mode 100644 index 9fb466f71fb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-001.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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: A flex container with the 'align-items' property set to 'center'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex container with 'align-items: center' centers each flex item's margin box in the cross-axis of its line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, green 0, green 25px, red 25px, red 75px, green 75px, green 100px); - align-items: center; - display: flex; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 52px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-002.xht deleted file mode 100644 index e39b751d387..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-002.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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: A flex container with the 'align-items' property set to 'flex-start'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex container with 'align-items: flex-start' places each flex item's margin box flush with the cross-start edge of line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, red 0, red 50px, green 50px, green 100px); - align-items: center; - align-items: flex-start; - display: flex; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 51px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-003.xht deleted file mode 100644 index 53e9e2808e1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-003.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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: A flex container with the 'align-items' property set to 'flex-end'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex container with 'align-items: flex-end' places each flex item's margin box flush with the cross-end edge of line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, green 0, green 50px, red 50px, red 100px); - align-items: center; - align-items: flex-end; - display: flex; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - height: 51px; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht deleted file mode 100644 index 76b60661055..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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: A flex container with the 'align-items' property set to 'baseline'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="ahem" name="flags" /> - <meta content="This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to bottom, green 0, green 16px, red 17px, red 35px, green 36px, green 66px, red 67px, red 85px, green 86px, green 100px); - align-items: flex-start; - align-items: baseline; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - color: green; - font: 20px/1em Ahem; - width: 75px; - } - #div3, #div7 - { - font-size: 40px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div id="div1">d1</div> - <div id="div2">d2</div> - <div id="div3">d3</div> - <div id="div4">d4</div> - <div id="div5">d5</div> - <div id="div6">d6</div> - <div id="div7">d7</div> - <div id="div8">d8</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-005.xht deleted file mode 100644 index 17ec7c5000d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-005.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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: A flex container with the 'align-items' property set to 'stretch'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex container with 'align-items: stretch' places each flex item's margin box so that its cross size is the same as the cross size of the line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: red; - align-items: center; - align-items: stretch; - display: flex; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-001.xht deleted file mode 100644 index 245fb86cef3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-001.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - flex-start</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'flex-start' aligns the flex items to the start edge of cross axis" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: flex-start; - background-color: green; - height: 50px; - width: 25px; - } - #cover { - background-color: green; - height: 50px; - margin-top: -50px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-002.xht deleted file mode 100644 index b05ef8e60db..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-002.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - flex-end</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'flex-end' aligns the flex items to the end edge of cross axis" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: flex-end; - background-color: green; - height: 50px; - width: 25px; - } - #cover { - background-color: green; - height: 50px; - margin-top: -100px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-003.xht deleted file mode 100644 index 82ab25b24f5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-003.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - center</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'center' centered the flex items in the cross axis within the line" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: center; - background-color: green; - height: 50px; - width: 25px; - } - #top { - background-color: green; - margin-top: -100px; - height: 25px; - width: 100px; - } - #bottom { - background-color: green; - height: 25px; - margin-top: 50px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="top"></div> - <div id="bottom"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-004.xht deleted file mode 100644 index 7d9ea7236a8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-004.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - stretch</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'stretch' makes the cross size of the item's margin box -as close to the same size as the line as possible" name="assert" /> -<style> - #test { - align-items: center; - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: stretch; - background-color: green; - width: 25px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-005.xht deleted file mode 100644 index 84c7878280d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-005.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - stretch (height: number)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'stretch' will be invalid while cross size of the flex item set exact number" name="assert" /> -<style> - #test { - background-color: green; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: stretch; - background-color: red; - height: 50px; - width: 25px; - } - #cover { - background-color: green; - height: 50px; - position: relative; - top: -100px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-006.xht deleted file mode 100644 index 01cb8352010..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-006.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - baseline</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'baseline' aligns the flex items to the baseline of content" name="assert" /> -<style> - #test { - border: 1px solid black; - display: flex; - } - #test div { - align-self: baseline; - } - #div1 { - height: 90px; - font-size: 20px; - width: 30px; - } - #div2 { - height: 50px; - font-size: 10px; - width: 30px; - } - #div3 { - height: 100px; - font-size: 30px; - width: 30px; - } - #div4 { - height: 80px; - font-size: 15px; - width: 30px; - } -</style> -</head><body> - <p>Test passes if the underline of all 'a' characters within black border box is horizontal and no breaking.</p> - <div id="test"> - <div id="div1"><a href="#">aaa</a></div> - <div id="div2"><a href="#">aaaaa</a></div> - <div id="div3"><a href="#">aa</a></div> - <div id="div4"><a href="#">aaa</a></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-007.xht deleted file mode 100644 index aae27ea9fa5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-007.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - auto and align-items - flex-start</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'auto' aligns flex items to start edge of cross-axis when 'align-items' set 'flex-start'" name="assert" /> -<style> - #test { - align-items: flex-start; - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: auto; - background-color: green; - height: 50px; - width: 25px; - } - #cover { - background-color: green; - height: 50px; - margin-top: -50px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-008.xht deleted file mode 100644 index e6f10a87f02..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-008.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - auto and align-items - flex-end</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'auto' aligns flex items to end edge of cross-axis when 'align-items' set 'flex-end'" name="assert" /> -<style> - #test { - align-items: flex-end; - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: auto; - background-color: green; - height: 50px; - width: 25px; - } - #cover { - background-color: green; - height: 50px; - margin-top: -100px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-009.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-009.xht deleted file mode 100644 index 48477421fac..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-009.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - auto and align-items - center</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'auto' will center flex items the flex items in the cross axis when 'align-items' set 'center'" name="assert" /> -<style> - #test { - align-items: center; - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: auto; - background-color: green; - height: 50px; - width: 25px; - } - #top { - background-color: green; - margin-top: -100px; - height: 25px; - width: 100px; - } - #bottom { - background-color: green; - height: 25px; - margin-top: 50px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="top"></div> - <div id="bottom"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-010.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-010.xht deleted file mode 100644 index 62ef80f14f6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-010.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - auto and align-items - baseline</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'auto' aligns the flex items to the baseline of content when 'align-items' set 'baseline'" name="assert" /> -<style> - #test { - align-items: baseline; - border: 1px solid black; - display: flex; - } - #test div { - align-self: auto; - } - #div1 { - height: 90px; - font-size: 20px; - width: 30px; - } - #div2 { - height: 50px; - font-size: 10px; - width: 30px; - } - #div3 { - height: 100px; - font-size: 30px; - width: 30px; - } - #div4 { - height: 80px; - font-size: 15px; - width: 30px; - } -</style> -</head><body> - <p>Test passes if the underline of all 'a' characters within black border box is horizontal and no breaking.</p> - <div id="test"> - <div id="div1"><a href="#">aaa</a></div> - <div id="div2"><a href="#">aaaaa</a></div> - <div id="div3"><a href="#">aa</a></div> - <div id="div4"><a href="#">aaa</a></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-011.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-011.xht deleted file mode 100644 index 5ca3be4ee5f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-011.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - auto and align-items - stretch</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property set 'auto' makes the cross size of the item's margin box -as close to the same size as the line as possible when 'align-items' set 'stretch'" name="assert" /> -<style> - #test { - align-items: stretch; - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - align-self: auto; - background-color: green; - width: 25px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-012.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-012.xht deleted file mode 100644 index e72f65d9ce8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-012.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - auto (initial value)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The initial value of 'align-self' property is 'auto'" name="assert" /> -<style> - #test { - align-items: stretch; - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - width: 25px; - } - .auto { - align-self: auto; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div class="auto"></div> - <div class="auto"></div> - <div></div> - <div></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-013.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-013.xht deleted file mode 100644 index 1b571d37a25..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-self-013.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: align-self - invalid if applied to flex container</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" rel="help" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'align-self' property is invalid if applied to flex container" name="assert" /> -<style> - #test { - align-items: flex-start; - align-self: flex-end; - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 25px; - } - #cover { - background-color: green; - height: 50px; - margin-top: -50px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="test"> - <div></div> - <div></div> - <div></div> - <div></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-001.xht deleted file mode 100644 index 7df7cd5fee5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-001.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!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 Regions: fixed height flexbox inside auto height region</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="Test that flowing a flex container inside a region with auto-height will enlarge - the region to fit the content." name="assert" /> - <link href="reference/autoheight-flexbox-001-ref.xht" rel="match" /> - <style> - .flex { - display: flex; - height: 100px; - width: 100px; - background-color: green; - flow-into: flow; - } - - .region { - width: 100px; - background-color: gray; - padding: 10px; - flow-from: flow; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray square.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="flex"> - </div> - <div class="region"> - <p class="red"> </p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-002.xht deleted file mode 100644 index 2f246f5ba9a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-002.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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 Regions: flowing auto-height flexbox elements in region</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that a flex container with auto height is flowed correctly inside a region - with auto height. The region should fit the flexbox." name="assert" /> - <link href="reference/regions-flexbox-002-ref.xht" rel="match" /> - <style> - .flex { - display: flex; - flow-into: flow; - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - } - - .region { - width: 100px; - padding: 10px; - background-color: gray; - flow-from: flow; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray rectangle.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="flex"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - <div class="region"> - <p class="red"> </p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-003.xht deleted file mode 100644 index 031b5768926..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-003.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!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 Regions: auto height region inside a fixed sized flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that an auto-height region inside a flexbox is stretched to match the flexbox - container's cross size." name="assert" /> - <link href="reference/autoheight-flexbox-003-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - .region { - flow-from: flow; - } - .flex { - display: flex; - height: 100px; - width: 100px; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - <div class="flex"> - <div class="region"> - <p class="red"> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-004.xht deleted file mode 100644 index a6f3fcfd06a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-flexbox-004.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!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 Regions: auto height region inside an auto height flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that an auto height region inside a flex container with auto height is - displayed properly. The flexbox should have the same height as the region." name="assert" /> - <link href="reference/autoheight-flexbox-003-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - .region { - flow-from: flow; - } - .flex { - display: flex; - width: 100px; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - <div class="flex"> - <div class="region"> - <p class="red"> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-001.xht deleted file mode 100644 index 5f75b6a1d28..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-001.xht +++ /dev/null @@ -1,93 +0,0 @@ -<!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 Regions: Auto-height regions in auto-height flex container</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that auto-height regions placed in a flex container with auto-height and - row wrap reverse flow are sized correctly. The content from the second flow should flow through the region on - the second row and into the region from the first row, making the left blue rectangle taller than the green - rectangle on the right." name="assert" /> - <link href="reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - } - - #c1 { - color: green; - flow-into: flow1; - } - - #c2 { - color: blue; - flow-into: flow2; - } - - .flex { - display: flex; - max-width: 300px; - flex-flow: row-reverse wrap-reverse; - } - - .fromFlow1 { - flow-from: flow1; - } - - .fromFlow2 { - flow-from: flow2; - } - - #r1 { - max-width: 100px; - max-height: 40px; - flex: 1 1 auto; - } - - #r2 { - width: 200px; - flex: 1 1 auto; - } - - #r3 { - flex: 1 1 auto; - } - - .blue { - color: blue; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a blue rectangle and a green rectangle, from left to right in this order.</li> - <li>The blue rectangle one the left should be taller than the green rectangle on the right.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content" id="c1"> - XXXXX<br /> - XXXXX<br /> - <span class="blue">XXXXX</span> - </div> - <div class="content" id="c2"> - XXXXX<br /> - XXXXX - </div> - <div class="flex"> - <div class="fromFlow1" id="r1"><p class="red"> </p></div> - <div class="fromFlow2" id="r2"><p class="red"> </p></div> - <div class="fromFlow1" id="r3"><p class="red"> </p></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-002.xht deleted file mode 100644 index 646256edca4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-002.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!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 Regions: Auto-height regions with vertical writing mode in auto-height flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that auto-height regions having content with vertical writing mode are - sized correctly when placed inside a flex container. The flowed content should be displayed as a horizontal - green stripe." name="assert" /> - <link href="reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht" rel="match" /> - <style> - .content { - font-size: 20px; - line-height: 1em; - color: green; - font-family: Ahem; - flow-into: flow; - writing-mode: vertical-rl; - } - - .flexbox { - display: flex; - flex-flow: row; - } - - .region { - background-color: green; - flow-from: flow; - } - - .region > p { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a horizontal green stripe.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XX<br /> - XX<br /> - XX<br /> - XX<br /> - XX - </div> - <div class="flexbox"> - <div class="region"> - <p> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-003.xht deleted file mode 100644 index 1fdbf4146db..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-003.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!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 Regions: auto-height regions in auto-height flexbox with flex basis</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#propdef-break-after" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that the computed height of auto-height regions placed in a flex - container takes into the account the flex basis property. The space available inside the flex container should - be distributed according to the flex basis property. In this particular case, each of the three regions must - have a height equal to one third of the flex container's height." name="assert" /> - <link href="reference/autoheight-regions-in-autoheight-flexbox-003-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - - .flex { - display: flex; - min-height: 120px; - flex-direction: column; - } - - .region { - flex: 1 1 33%; - flow-from: flow; - } - - .break { - /* Current (Jul 2013) standard way of region breaking */ - break-after: region; - /* Old, non-standard but implemented way of region breaking */ - region-break-after: always; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see three horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXX<br /><div class="break"></div> - XXXX<br /><div class="break"></div> - XXXX<br /> - </div> - <div class="flex"> - <div class="region"><p class="red"> </p></div> - <div class="region"> </div> - <div class="region"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-004.xht deleted file mode 100644 index 96ca03fc4eb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-autoheight-flexbox-004.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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 Regions: nested regions in flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that nested regions placed in flex containers - are laid out properly. The first flow (blue content) is nested inside the second flow (green content). The user - should see three horizontal stripes with the following colors: green, blue, green." name="assert" /> - <link href="reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht" rel="match" /> - <style> - .c1, .c2 { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - } - - .c1 { - color: blue; - flow-into: f1; - margin-top: 20px; - margin-bottom: 20px; - } - - .c2 { - color: green; - flow-into: f2; - } - - .flex { - display: flex; - flex-direction: column; - } - - .r1 { - flow-from: f1; - } - .r2 { - flow-from: f2; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a column of three horizontal stripes with colors in the following order: - green, blue, green.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="c1"> - XXX - </div> - <div class="c2"> - <div class="flex"> - XXX - <div class="r1"></div> - </div> - XXX - </div> - <div class="flex"> - <div class="r2"><p class="red"> </p></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-001.xht deleted file mode 100644 index 9382c481d0f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-001.xht +++ /dev/null @@ -1,89 +0,0 @@ -<!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 Regions: Auto-height regions inside fixed sized flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that auto-height regions respect the flex grow property when placed - inside a fixed sized flexbox with a single row." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht" rel="match" /> - <style> - .content1, .content2 { - font-family: Ahem; - line-height: 1em; - font-size: 20px; - } - .content1 { - color: green; - flow-into: flow1; - } - - .content2 { - color: blue; - flow-into: flow2; - } - - #fixed { - height: 200px; - width: 100px; - background-color: blue; - } - - .flex { - display: flex; - height: 200px; - width: 500px; - } - - .fromFlow1 { - flow-from: flow1; - flex-grow: 0; - } - - .fromFlow2 { - flow-from: flow2; - flex-grow: 1; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you can see two squares placed on the same horizontal line. Each square consists of two - vertical halves. The left square has the left half colored green and the right half colored blue. - The right square has left half colored blue and the right half colored green.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content1"> - XXXXX<br />XXXXX<br />XXXXX<br />XXXXX<br /> - XXXXX<br />XXXXX<br />XXXXX<br />XXXXX<br /> - XXXXX<br />XXXXX<br />XXXXX<br />XXXXX<br /> - XXXXX<br />XXXXX<br />XXXXX<br />XXXXX<br /> - XXXXX<br />XXXXX<br />XXXXX<br />XXXXX<br /> - </div> - <div class="content2"> - XXXXX<br />XXXXX<br />XXXXX<br />XXXXX<br /> - XXXXX<br />XXXXX<br />XXXXX<br />XXXXX<br /> - XXXXX<br />XXXXX<br /> - </div> - <div class="flex"> - <div class="fromFlow1"> - </div> - <div class="fromFlow2"> - </div> - <div id="fixed"> - </div> - <div class="fromFlow1"> - <p class="red"> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-002.xht deleted file mode 100644 index e77a9fc6e6c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-002.xht +++ /dev/null @@ -1,94 +0,0 @@ -<!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 Regions: Auto-height regions inside fixed sized flexbox with column flow</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that auto-height regions placed inside a fixed sized flexbox with - column flow have the correct computed height. There are two regions placed inside the same flex container - having the same 'grow' value. The space should be distributed evenly between the two." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht" rel="match" /> - <style> - .content1, .content2 { - font-family: Ahem; - line-height: 1em; - font-size: 20px; - } - - .content1 { - color: green; - flow-into: flow1; - } - - .content2 { - color: blue; - flow-into: flow2; - } - - #fixed { - height: 100px; - width: 200px; - background-color: blue; - flex-grow: 0; - } - - .flex { - display: flex; - height: 400px; - width: 200px; - flex-direction: column; - } - - .fromFlow1 { - flow-from: flow1; - flex-grow: 1; - } - - .fromFlow2 { - flow-from: flow2; - flex-grow: 1; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you can see two squares: a green square at the top and a blue square at the bottom.</li> - <li>The two squares should be of the same size.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content1"> - XXXXXXXXXX<br />XXXXXXXXXX<br /> - XXXXXXXXXX<br />XXXXXXXXXX<br /> - XXXXXXXXXX<br />XXXXXXXXXX<br /> - XXXXXXXXXX<br />XXXXXXXXXX<br /> - XXXXXXXXXX<br />XXXXXXXXXX - </div> - <div class="content2"> - XXXXXXXXXX<br />XXXXXXXXXX<br /> - XXXXXXXXXX<br />XXXXXXXXXX<br /> - XXXXXXXXXX<br /> - </div> - <div class="flex"> - <div class="fromFlow1"> - </div> - <div class="fromFlow2"> - </div> - <div id="fixed"> - </div> - <!-- This shouldn't get any content if the flex container distributes space evenly between the first two - regions. --> - <div class="fromFlow1"> - <p class="red"> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-003.xht deleted file mode 100644 index f7a8826a33c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-003.xht +++ /dev/null @@ -1,107 +0,0 @@ -<!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 Regions: Auto-height regions inside a fixed sized flexbox with column wrap flow</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks the layout of auto-height regions placed inside a flexbox with a fixed - size and column wrap flow. The flex container should have two columns with three regions each." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - line-height: 1em; - font-size: 20px; - } - - #c1 { - flow-into: f1; - color: green; - } - - #c2 { - flow-into: f2; - color: blue; - } - - .flex { - height: 120px; - width: 200px; - display: flex; - flex-direction: column; - flex-wrap: wrap; - } - - .region1 { - flow-from: f1; - width: 100px; - margin-right: 20px; - } - - .region2 { - flow-from: f2; - break-after: always; - width: 100px; - margin-right: 20px; - } - - .break { - /* Current (Jul 2013) standard way of region breaking */ - break-after: region; - /* Old, non-standard but implemented way of region breaking */ - region-break-after: always; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see two columns with a total of 6 alternating horizontal green and blue stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div id="c1" class="content"> - XXXXX<br /> - XXXXX - <div class="break"></div> - XXXXX<br /> - XXXXX - <div class="break"></div> - XXXXX<br /> - XXXXX - </div> - - <div id="c2" class="content"> - XXXXX<br /> - XXXXX - <div class="break"></div> - XXXXX<br /> - XXXXX - <div class="break"></div> - XXXXX<br /> - XXXXX - </div> - <div class="flex"> - <div class="region1"> - </div> - <div class="region2"> - </div> - <div class="region1"> - </div> - <div class="region2"> - </div> - <div class="region1"> - </div> - <div class="region2"> - <p class="red"> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-004.xht deleted file mode 100644 index 389cb98d97e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-004.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!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 Regions: Auto-height region in fixed sized flexbox using flex basis</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks the layout of regions placed inside a fixed sized flexbox using flex - basis and column flow. The flex container should force the first region to break by constraining its height." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-004-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - - .flex { - display: flex; - height: 100px; - width: 100px; - flex-direction: column; - margin-bottom: 20px; - } - - .fixed { - flex-basis: 60%; - } - - .region { - flow-from: flow; - } - - #first { - flex-basis: 40%; - } - - #second { - height: 100px; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see two green stripes.</li> - <li>You should not see any red.</li> - </ul> - <div class="content"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - </div> - <div class="flex"> - <div class="fixed"></div> - <div id="first" class="region"></div> - </div> - <div id="second" class="region"> - <p class="red"> </p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-005.xht deleted file mode 100644 index 740c0b04ec2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-005.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!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 Regions: Auto-height regions in fixed sized flexboxes with align-items and justify-content</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="Test checks auto-height regions' layout when placed inside a flexbox with using - align-items and justify-content properties. The flowed content should be fragmented between the three regions - and the flex container should distribute the remaining horizontal space evenly around the regions." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-005-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - - .flex { - display: flex; - align-items: center; - justify-content: space-around; - height: 100px; - width: 420px; - } - - .region { - flow-from: flow; - } - - .break { - /* Current (Jul 2013) standard way of region breaking */ - break-after: region; - /* Old, non-standard but implemented way of region breaking */ - region-break-after: always; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see three horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - <div class="break">XXXX</div> - <div class="break">XXXX</div> - <div class="break">XXXX</div> - </div> - <div class="flex"> - <div class="region"></div> - <div class="region"></div> - <div class="region"><p class="red"> </p></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-006.xht deleted file mode 100644 index 451382860cf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-006.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!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 Regions: auto-height regions inside a flex container with fixed size</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <meta content="Test that the flex container stretches a region flex item with a height smaller than - the flex container's inner cross size." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht" rel="match" /> - <style> - #c1, #c2 { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - } - #c1 { - color: green; - flow-into: flow1; - } - #c2 { - color: blue; - flow-into: flow2; - } - - .flex { - display: flex; - flex-direction: row wrap; - flex: auto; - height: 80px; - width: 200px; - } - .region1 { - flow-from: flow1; - background-color: green; - } - .region2 { - flow-from: flow2; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a rectangle having the left half colored green and the right half colored - blue.</li> - <li>You shouldn't see any red.</li> - </ul> - <div id="c1"> - XXXX<br /> - XXXX - </div> - <div id="c2"> - XXXX<br /> - XXXX<br /> - XXXX<br /> - XXXX - </div> - <div class="flex"> - <div class="region1"></div> - <div class="region2"><p class="red"> </p></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-007.xht deleted file mode 100644 index 638e0d1d671..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-007.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!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 Regions: auto-height regions inside fixed sized flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that using the flex-basis property sizes the flex items to a percentage of - the flex container's height when said items are auto-height regions. The last region, the outside the flex - container should not be visible." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-007-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - - .flex { - display: flex; - flex-direction: column; - justify-content: space-around; - height: 200px; - width: 80px; - } - - .region { - flex-basis: 10%; - flow-from: flow; - } - - .red { - background-color: red; - } - - </style> - </head> - <body> - <ul> - <li>Test passes if you see you three identical green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXX<br /> - XXXX<br /> - XXXX<br /> - XXXX - </div> - <div class="flex"> - <div class="region"></div> - <div class="region"></div> - <div class="region"></div> - </div> - <div class="region"><p class="red"> </p></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-008.xht deleted file mode 100644 index bdb114ca6ff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/autoheight-regions-in-fixed-sized-flexbox-008.xht +++ /dev/null @@ -1,59 +0,0 @@ -<!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 Regions: auto-height regions with max height in fixed sized flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that the max-height property is applied to regions placed inside a fixed - sized flexbox with a column flow. The flex container should not flex the region flex items beyond their - max height value." name="assert" /> - <link href="reference/autoheight-regions-in-fixed-sized-flexbox-008-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - - .flex { - display: flex; - flex-direction: column; - height: 200px; - width: 100px; - } - - .region { - max-height: 20px; - flex: auto; - flow-from: flow; - margin-bottom: 20px; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see three horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXX<br /> - XXXX<br /> - XXXX - </div> - <div class="flex"> - <div class="region"></div> - <div class="region"></div> - <div class="region"><p class="red"> </p></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht deleted file mode 100644 index 8678d41e075..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht +++ /dev/null @@ -1,80 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Introduction - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Introduction (1 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#intro">1 Introduction</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s1.#flex-layout"> - <!-- 0 tests --> - </tbody> - <tbody id="s1.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#overview">1.1 Overview</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s1.1.#ref-for-cross-axis-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s1.1.#ref-for-cross-axis-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s1.1.#ref-for-cross-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s1.1.#ref-for-main-axis-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s1.1.#ref-for-main-axis-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s1.1.#ref-for-valdef-flex-direction-row-reverse-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s1.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#placement">1.2 Module interactions</a></th></tr> - <!-- 1 tests --> - <tr id="flexbox_first-line-1.2" class=""> - <td> - <a href="flexbox_first-line.xht">flexbox_first-line</a></td> - <td><a href="reference/flexbox_first-line-ref.xht">=</a> </td> - <td></td> - <td>flexbox | first-line - </td> - </tr> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht deleted file mode 100644 index 69043511ca7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht +++ /dev/null @@ -1,239 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Fragmenting Flex Layout - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Fragmenting Flex Layout (16 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s10"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s10">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#pagination">10 Fragmenting Flex Layout</a></th></tr> - <!-- 16 tests --> - <tr id="flexbox_interactive_break-after-column-item-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-after-column-item.xht">flexbox_interactive_break-after-column-item</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-after, column, item - </td> - </tr> - <tr id="flexbox_interactive_break-after-column-lastitem-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-after-column-lastitem.xht">flexbox_interactive_break-after-column-lastitem</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-after, column, item - </td> - </tr> - <tr id="flexbox_interactive_break-after-container-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-after-container.xht">flexbox_interactive_break-after-container</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-after, singleline, container - </td> - </tr> - <tr id="flexbox_interactive_break-after-item-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-after-item.xht">flexbox_interactive_break-after-item</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-after, singleline, item - </td> - </tr> - <tr id="flexbox_interactive_break-after-line-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-after-line.xht">flexbox_interactive_break-after-line</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-after, line - </td> - </tr> - <tr id="flexbox_interactive_break-after-line-order-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-after-line-order.xht">flexbox_interactive_break-after-line-order</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | order, break-after, multiline - </td> - </tr> - <tr id="flexbox_interactive_break-after-multiline-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-after-multiline.xht">flexbox_interactive_break-after-multiline</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-after, multiline - </td> - </tr> - <tr id="flexbox_interactive_break-before-column-firstitem-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-before-column-firstitem.xht">flexbox_interactive_break-before-column-firstitem</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-before, column, item - </td> - </tr> - <tr id="flexbox_interactive_break-before-column-item-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-before-column-item.xht">flexbox_interactive_break-before-column-item</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-before, column, item - </td> - </tr> - <tr id="flexbox_interactive_break-before-container-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-before-container.xht">flexbox_interactive_break-before-container</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-before, singleline, container - </td> - </tr> - <tr id="flexbox_interactive_break-before-item-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-before-item.xht">flexbox_interactive_break-before-item</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-before, singleline, item - </td> - </tr> - <tr id="flexbox_interactive_break-before-multiline-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-before-multiline.xht">flexbox_interactive_break-before-multiline</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | break-before, multiline - </td> - </tr> - <tr id="flexbox_interactive_break-natural-10" class="interact paged"> - <td> - <a href="flexbox_interactive_break-natural.xht">flexbox_interactive_break-natural</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | natural breaks - </td> - </tr> - <tr id="flexbox_interactive_paged-overflow-10" class="interact paged"> - <td> - <a href="flexbox_interactive_paged-overflow.xht">flexbox_interactive_paged-overflow</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | @page and paged overflow - </td> - </tr> - <tr id="flexbox_interactive_paged-overflow-2-10" class="interact paged"> - <td> - <a href="flexbox_interactive_paged-overflow-2.xht">flexbox_interactive_paged-overflow-2</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> - <td>flexbox | paged overflow - </td> - </tr> - <tr id="row-flexbox-break-10" class="ahem"> - <td> - <a href="row-flexbox-break.xht">row-flexbox-break</a></td> - <td><a href="reference/row-flexbox-break-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: row flex container fragmentation - <ul class="assert"> - <li>Test checks that a flex container with row flow is split between regions.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s10.#ref-for-flex-container-61"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.#ref-for-flex-container-62"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.#ref-for-flex-item-112"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.#ref-for-multi-line-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.#ref-for-multi-line-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s10.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#example-bb213bd3"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-cross-size-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-multi-line-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-multi-line-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-multi-line-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-propdef-align-content-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-propdef-align-self-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-propdef-align-self-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-propdef-align-self-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-single-line-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-single-line-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-single-line-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-valdef-align-items-baseline-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-valdef-align-items-flex-start-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-valdef-align-items-flex-start-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-valdef-align-items-flex-start-5"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-11.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-11.xht deleted file mode 100644 index dceeb720d48..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-11.xht +++ /dev/null @@ -1,96 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Privacy and Security Considerations - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Privacy and Security Considerations (0 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s11"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s11">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#priv-sec">11 Privacy and Security Considerations</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s.#abstract"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#acknowledgments"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#changes"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#conformance"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#contents"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#example-ede42902"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#index"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#overview-example"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#property-index"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#quiet-pubrules-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#quiet-pubrules-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#ref-for-propdef-align-self-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#ref-for-propdef-align-self-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#ref-for-propdef-align-self-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#ref-for-propdef-order-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#references"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#status"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#subtitle"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#title"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht deleted file mode 100644 index 7ec534f0ef8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht +++ /dev/null @@ -1,427 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Flex Layout Box Model and Terminology - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Box Model and Terminology (29 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#box-model">2 Flex Layout Box Model and Terminology</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#cross"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#cross-axis"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#cross-dimension"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#cross-end"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#cross-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#cross-size-property"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#cross-start"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#flex-container"> - <!-- 3 tests --> - <tr id="flexbox_generated-2.#flex-container" class=""> - <td> - <a href="flexbox_generated.xht">flexbox_generated</a></td> - <td><a href="reference/flexbox_generated-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer vs generated content - </td> - </tr> - <tr id="flexbox_generated-flex-2.#flex-container" class=""> - <td> - <a href="flexbox_generated-flex.xht">flexbox_generated-flex</a></td> - <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer via generated content - </td> - </tr> - <tr id="flexbox_generated-nested-flex-2.#flex-container" class=""> - <td> - <a href="flexbox_generated-nested-flex.xht">flexbox_generated-nested-flex</a></td> - <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer via generated content - </td> - </tr> - </tbody> - <tbody id="s2.#flex-direction"> - <!-- 26 tests --> - <tr id="autoheight-regions-in-autoheight-flexbox-004-2.#flex-direction" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-004.xht">autoheight-regions-in-autoheight-flexbox-004</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: nested regions in flexbox - <ul class="assert"> - <li>Test checks that nested regions placed in flex containers are laid out properly. The first flow (blue content) is nested inside the second flow (green content). The user should see three horizontal stripes with the following colors: green, blue, green.</li> - </ul> - </td> - </tr> - <tr id="flex-direction-2.#flex-direction" class=""> - <td> - <a href="flex-direction.xht">flex-direction</a></td> - <td><a href="reference/flex-direction.xht">=</a> </td> - <td></td> - <td>flex flow direction - <ul class="assert"> - <li>The flow of flex items in the the flex container should observe the flex-direction property.</li> - </ul> - </td> - </tr> - <tr id="flex-direction-column-reverse-2.#flex-direction" class=""> - <td> - <a href="flex-direction-column-reverse.xht">flex-direction-column-reverse</a></td> - <td></td> - <td></td> - <td>flex-direction: column-reverse swaps main start and end directions - <ul class="assert"> - <li>This test checks that column-reverse flex-direction swaps the main start and main end directions</li> - </ul> - </td> - </tr> - <tr id="flex-direction-modify-2.#flex-direction" class=""> - <td> - <a href="flex-direction-modify.xht">flex-direction-modify</a></td> - <td><a href="reference/flex-direction-modify.xht">=</a> </td> - <td></td> - <td>flex flow direction - <ul class="assert"> - <li>Changing 'flex-direction' with JavaScript and then changing it back should returns to the original look.</li> - </ul> - </td> - </tr> - <tr id="flex-direction-row-2.#flex-direction" class=""> - <td> - <a href="flex-direction-row.xht">flex-direction-row</a></td> - <td></td> - <td></td> - <td>flex-direction:row axis matches that of writing mode inline axis - <ul class="assert"> - <li>This test checks that the main axis of the row flex-direction has the same orientation as the inline axis of the current writing mode</li> - </ul> - </td> - </tr> - <tr id="flex-direction-row-reverse-2.#flex-direction" class=""> - <td> - <a href="flex-direction-row-reverse.xht">flex-direction-row-reverse</a></td> - <td></td> - <td></td> - <td>flow-direction:row-reverse swaps main start and end directions - <ul class="assert"> - <li>This test checks that row-reverse flex-direction swaps the main start and main end directions</li> - </ul> - </td> - </tr> - <tr id="flex-direction-row-vertical-2.#flex-direction" class=""> - <td> - <a href="flex-direction-row-vertical.xht">flex-direction-row-vertical</a></td> - <td></td> - <td></td> - <td>flex-direction:row has the same orientation as inline axis - <ul class="assert"> - <li>This test checks that the main axis of the row flex-direction has the same orientation as the inline axis of the current vertical writing mode</li> - </ul> - </td> - </tr> - <tr id="flex-direction-with-element-insert-2.#flex-direction" class=""> - <td> - <a href="flex-direction-with-element-insert.xht">flex-direction-with-element-insert</a></td> - <td><a href="reference/flex-direction-with-element-insert.xht">=</a> </td> - <td></td> - <td>flex flow direction - <ul class="assert"> - <li>The flex items inserted by script shuould follow the right direction what the flex-direction property directives.</li> - </ul> - </td> - </tr> - <tr id="flex-flow-001-2.#flex-direction" class=""> - <td> - <a href="flex-flow-001.xht">flex-flow-001</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row nowrap' controls the flex container is single-line</li> - </ul> - </td> - </tr> - <tr id="flex-flow-002-2.#flex-direction" class=""> - <td> - <a href="flex-flow-002.xht">flex-flow-002</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row wrap' controls the flex container is multi-line</li> - </ul> - </td> - </tr> - <tr id="flex-flow-003-2.#flex-direction" class=""> - <td> - <a href="flex-flow-003.xht">flex-flow-003</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'row wrap-reverse' controls the flex container is multi-line but the cross-start and cross-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-004-2.#flex-direction" class=""> - <td> - <a href="flex-flow-004.xht">flex-flow-004</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse nowrap' controls the flex container is single-line, but the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-005-2.#flex-direction" class=""> - <td> - <a href="flex-flow-005.xht">flex-flow-005</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse wrap' controls the flex container is multi-line but the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-006-2.#flex-direction" class=""> - <td> - <a href="flex-flow-006.xht">flex-flow-006</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse wrap-reverse' controls the flex container is multi-line but the main-start and main-end, cross-start and cross-end directions are all swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-007-2.#flex-direction" class=""> - <td> - <a href="flex-flow-007.xht">flex-flow-007</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column nowrap' controls the flex container is single-line, but the main axis is vertical</li> - </ul> - </td> - </tr> - <tr id="flex-flow-008-2.#flex-direction" class=""> - <td> - <a href="flex-flow-008.xht">flex-flow-008</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column wrap' controls the flex container is multi-line but the main axis is vertical</li> - </ul> - </td> - </tr> - <tr id="flex-flow-009-2.#flex-direction" class=""> - <td> - <a href="flex-flow-009.xht">flex-flow-009</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'column wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the cross-start and cross-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-010-2.#flex-direction" class=""> - <td> - <a href="flex-flow-010.xht">flex-flow-010</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse nowrap' controls the flex container is single-line, but the main axis is vertical, the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-011-2.#flex-direction" class=""> - <td> - <a href="flex-flow-011.xht">flex-flow-011</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse wrap' controls the flex container is multi-line but the main axis is vertical, the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-012-2.#flex-direction" class=""> - <td> - <a href="flex-flow-012.xht">flex-flow-012</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the 'cross-start/cross-end' and 'main-start/main-end' directions are all swapped</li> - </ul> - </td> - </tr> - <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-direction: column - </td> - </tr> - <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-direction: column-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-direction: row - </td> - </tr> - <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-direction: row - </td> - </tr> - <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-direction: row-reverse - </td> - </tr> - <tr id="flexbox_rtl-direction-2.#flex-direction" class=""> - <td> - <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></td> - <td><a href="reference/flexbox_rtl-direction-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-direction: column-reverse | rtl - </td> - </tr> - </tbody> - <tbody id="s2.#flex-item"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#main"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#main-axis"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#main-dimension"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#main-end"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#main-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#main-size-property"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#main-start"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-cross-dimension-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-cross-dimension-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-flex-item-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-flex-item-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-flex-item-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-flex-item-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-flex-item-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-flex-line-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-main-axis-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-main-dimension-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-main-dimension-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-propdef-flex-flow-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-valdef-display-flex-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-valdef-display-inline-flex-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-valdef-flex-direction-row-1"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht deleted file mode 100644 index 7a66da3b3e4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht +++ /dev/null @@ -1,411 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Flex Containers: the flex and inline-flex display values - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Containers: the flex and inline-flex display values (36 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">3 Flex Containers: the flex and inline-flex display values</a></th></tr> - <!-- 35 tests --> - <tr id="column-flexbox-break-3" class="ahem"> - <td> - <a href="column-flexbox-break.xht">column-flexbox-break</a></td> - <td><a href="reference/column-flexbox-break-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: fragmenting a flex container with column flow - <ul class="assert"> - <li>Test checks that a flex container with column flow is fragmented between regions.</li> - </ul> - </td> - </tr> - <tr id="display-flex-001-3" class=""> - <td> - <a href="display-flex-001.xht">display-flex-001</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>An element with the 'display' property set to 'flex' establishes a new block-level flex container - <ul class="assert"> - <li>This test checks that an element with 'display' property set to 'flex' establishes a new block-level flex container.</li> - </ul> - </td> - </tr> - <tr id="display_flex_exist-3" class="dom script"> - <td> - <a href="display_flex_exist.xht">display_flex_exist</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>display_flex - <ul class="assert"> - <li>Check if the web engine can indenfy the display value flex.</li> - </ul> - </td> - </tr> - <tr id="display_inline-flex_exist-3" class="dom script"> - <td> - <a href="display_inline-flex_exist.xht">display_inline-flex_exist</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>display_inline-flex - <ul class="assert"> - <li>Check if the web engine can identify the display value inline-flex.</li> - </ul> - </td> - </tr> - <tr id="flexbox-overflow-horiz-001-3" class=""> - <td> - <a href="flexbox-overflow-horiz-001.xht">flexbox-overflow-horiz-001</a></td> - <td><a href="reference/flexbox-overflow-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a horizontal flex container, with contents not overflowing - </td> - </tr> - <tr id="flexbox-overflow-horiz-002-3" class=""> - <td> - <a href="flexbox-overflow-horiz-002.xht">flexbox-overflow-horiz-002</a></td> - <td><a href="reference/flexbox-overflow-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a horizontal flex container, with 'align-items: center' - </td> - </tr> - <tr id="flexbox-overflow-horiz-003-3" class=""> - <td> - <a href="flexbox-overflow-horiz-003.xht">flexbox-overflow-horiz-003</a></td> - <td><a href="reference/flexbox-overflow-horiz-003-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a horizontal flex container, with 'justify-content: space-around' - </td> - </tr> - <tr id="flexbox-overflow-vert-001-3" class=""> - <td> - <a href="flexbox-overflow-vert-001.xht">flexbox-overflow-vert-001</a></td> - <td><a href="reference/flexbox-overflow-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a vertical flex container - </td> - </tr> - <tr id="flexbox-overflow-vert-002-3" class=""> - <td> - <a href="flexbox-overflow-vert-002.xht">flexbox-overflow-vert-002</a></td> - <td><a href="reference/flexbox-overflow-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a vertical flex container, with 'align-items: center' - </td> - </tr> - <tr id="flexbox-overflow-vert-003-3" class=""> - <td> - <a href="flexbox-overflow-vert-003.xht">flexbox-overflow-vert-003</a></td> - <td><a href="reference/flexbox-overflow-vert-003-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a vertical flex container, with 'justify-content: space-around' - </td> - </tr> - <tr id="flexbox-root-node-001a-3" class=""> - <td> - <a href="flexbox-root-node-001a.xht">flexbox-root-node-001a</a></td> - <td><a href="reference/flexbox-root-node-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'display:flex' on root node - </td> - </tr> - <tr id="flexbox-root-node-001b-3" class=""> - <td> - <a href="flexbox-root-node-001b.xht">flexbox-root-node-001b</a></td> - <td><a href="reference/flexbox-root-node-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'display:flex' on root node - </td> - </tr> - <tr id="flexbox_block-3" class=""> - <td> - <a href="flexbox_block.xht">flexbox_block</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | block - </td> - </tr> - <tr id="flexbox_box-clear-3" class=""> - <td> - <a href="flexbox_box-clear.xht">flexbox_box-clear</a></td> - <td><a href="reference/flexbox_box-clear-ref.xht">=</a> </td> - <td></td> - <td>flexbox | cleared box - </td> - </tr> - <tr id="flexbox_columns-3" class=""> - <td> - <a href="flexbox_columns.xht">flexbox_columns</a></td> - <td><a href="reference/flexbox_columns-ref.xht">=</a> </td> - <td></td> - <td>flexbox | multicol - </td> - </tr> - <tr id="flexbox_columns-flexitems-3" class=""> - <td> - <a href="flexbox_columns-flexitems.xht">flexbox_columns-flexitems</a></td> - <td><a href="reference/flexbox_columns-flexitems-ref.xht">=</a> </td> - <td></td> - <td>flexbox | multicol on flexbox items - </td> - </tr> - <tr id="flexbox_columns-flexitems-2-3" class=""> - <td> - <a href="flexbox_columns-flexitems-2.xht">flexbox_columns-flexitems-2</a></td> - <td><a href="reference/flexbox_columns-flexitems-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | multicol on flexbox items - </td> - </tr> - <tr id="flexbox_computedstyle_display-3" class="dom script"> - <td> - <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | display: flex - </td> - </tr> - <tr id="flexbox_computedstyle_display-inline-3" class="dom script"> - <td> - <a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | display: inline-flex - </td> - </tr> - <tr id="flexbox_display-3" class=""> - <td> - <a href="flexbox_display.xht">flexbox_display</a></td> - <td><a href="reference/flexbox_display-ref.xht">=</a> </td> - <td></td> - <td>flexbox | display error-handling - </td> - </tr> - <tr id="flexbox_fbfc-3" class=""> - <td> - <a href="flexbox_fbfc.xht">flexbox_fbfc</a></td> - <td><a href="reference/flexbox_fbfc-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex formatting context :: float intrusion - </td> - </tr> - <tr id="flexbox_fbfc2-3" class=""> - <td> - <a href="flexbox_fbfc2.xht">flexbox_fbfc2</a></td> - <td><a href="reference/flexbox_fbfc2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex formatting context :: float intrusion - </td> - </tr> - <tr id="flexbox_flex-formatting-interop-3" class=""> - <td> - <a href="flexbox_flex-formatting-interop.xht">flexbox_flex-formatting-interop</a></td> - <td><a href="reference/flexbox_flex-formatting-interop-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex formatting context :: negative margins and border box - </td> - </tr> - <tr id="flexbox_inline-3" class=""> - <td> - <a href="flexbox_inline.xht">flexbox_inline</a></td> - <td><a href="reference/flexbox_inline-ref.xht">=</a> </td> - <td></td> - <td>flexbox | inline - </td> - </tr> - <tr id="flexbox_item-clear-3" class=""> - <td> - <a href="flexbox_item-clear.xht">flexbox_item-clear</a></td> - <td><a href="reference/flexbox_item-clear-ref.xht">=</a> </td> - <td></td> - <td>flexbox | cleared item - </td> - </tr> - <tr id="flexbox_item-float-3" class=""> - <td> - <a href="flexbox_item-float.xht">flexbox_item-float</a></td> - <td><a href="reference/flexbox_item-float-ref.xht">=</a> </td> - <td></td> - <td>flexbox | floated item - </td> - </tr> - <tr id="flexbox_item-vertical-align-3" class=""> - <td> - <a href="flexbox_item-vertical-align.xht">flexbox_item-vertical-align</a></td> - <td><a href="reference/flexbox_item-vertical-align-ref.xht">=</a> </td> - <td></td> - <td>flexbox | vertical-align - </td> - </tr> - <tr id="flexbox_margin-3" class=""> - <td> - <a href="flexbox_margin.xht">flexbox_margin</a></td> - <td><a href="reference/flexbox_margin-ref.xht">=</a> </td> - <td></td> - <td>flexbox | margins - </td> - </tr> - <tr id="flexbox_nested-flex-3" class=""> - <td> - <a href="flexbox_nested-flex.xht">flexbox_nested-flex</a></td> - <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> - <td></td> - <td>flexbox | nested flexcontainer - </td> - </tr> - <tr id="flexible-box-float-3" class=""> - <td> - <a href="flexible-box-float.xht">flexible-box-float</a></td> - <td><a href="reference/flex-box-float-ref.xht">=</a> </td> - <td></td> - <td>flexible box flex item float effect - <ul class="assert"> - <li>float has no effect on flex items</li> - </ul> - </td> - </tr> - <tr id="regions-flexbox-001-3" class=""> - <td> - <a href="regions-flexbox-001.xht">regions-flexbox-001</a></td> - <td><a href="reference/regions-flexbox-001-ref.xht">=</a> </td> - <td></td> - <td>CSS Regions: flowing flexbox elements in region - <ul class="assert"> - <li>Test that flex containers are flowed inside a namedflow.</li> - </ul> - </td> - </tr> - <tr id="regions-flexbox-002-3" class="ahem"> - <td> - <a href="regions-flexbox-002.xht">regions-flexbox-002</a></td> - <td><a href="reference/regions-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: flowing auto-height flexbox elements in region - <ul class="assert"> - <li>Test that flex containers with auto height are flowed inside a namedflow.</li> - </ul> - </td> - </tr> - <tr id="regions-flexbox-003-3" class="ahem"> - <td> - <a href="regions-flexbox-003.xht">regions-flexbox-003</a></td> - <td><a href="reference/regions-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: fixed sized region inside a fixed sized flexbox - <ul class="assert"> - <li>Test that content is flowed in a region placed inside a flexbox.</li> - </ul> - </td> - </tr> - <tr id="regions-flexbox-004-3" class="ahem"> - <td> - <a href="regions-flexbox-004.xht">regions-flexbox-004</a></td> - <td><a href="reference/regions-flexbox-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: fixed sized region inside an auto height flexbox - <ul class="assert"> - <li>Test that content is flowed in a region placed inside a flexbox with auto-height.</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-base-3" class=""> - <td> - <a href="ttwf-reftest-flex-base.xht">ttwf-reftest-flex-base</a></td> - <td><a href="reference/ttwf-reftest-flex-base-ref.xht">=</a> </td> - <td></td> - <td>display proprety - flex - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s3.#flex-formatting-context"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-container-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-container-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-container-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-container-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-container-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-container-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-container-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-flex-item-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-valdef-display-flex-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-valdef-display-flex-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-valdef-display-flex-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-valdef-display-inline-flex-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-valdef-display-inline-flex-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-valdef-display-inline-flex-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#valdef-display-flex"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#valdef-display-inline-flex"> - <!-- 1 tests --> - <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class=""> - <td> - <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> - <td></td> - <td>display proprety - inline-flex - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht deleted file mode 100644 index 9d3dcfe4716..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht +++ /dev/null @@ -1,969 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Flex Items - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Items (72 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-items">4 Flex Items</a></th></tr> - <!-- 23 tests --> - <tr id="flex-flexitem-childmargin-4" class=""> - <td> - <a href="flex-flexitem-childmargin.xht">flex-flexitem-childmargin</a></td> - <td><a href="reference/flex-flexitem-childmargin-ref.xht">=</a> </td> - <td></td> - <td>flex item child margin - <ul class="assert"> - <li>margin should effect the orange box and green box need to align to bottom.</li> - </ul> - </td> - </tr> - <tr id="flex-flexitem-percentage-prescation-4" class=""> - <td> - <a href="flex-flexitem-percentage-prescation.xht">flex-flexitem-percentage-prescation</a></td> - <td><a href="reference/flex-flexitem-percentage-prescation-ref.xht">=</a> </td> - <td></td> - <td>flex item size prescation - <ul class="assert"> - <li>no blue color could be seen.</li> - </ul> - </td> - </tr> - <tr id="flexbox-anonymous-items-001-4" class=""> - <td> - <a href="flexbox-anonymous-items-001.xht">flexbox-anonymous-items-001</a></td> - <td><a href="reference/flexbox-anonymous-items-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that we gracefully handle cases where two anonymous flex items become adjacent due to "order" reordering - </td> - </tr> - <tr id="flexbox-table-fixup-001-4" class=""> - <td> - <a href="flexbox-table-fixup-001.xht">flexbox-table-fixup-001</a></td> - <td><a href="reference/flexbox-table-fixup-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that table cells in a flex container get blockified and each form their own flex item - </td> - </tr> - <tr id="flexbox-whitespace-handling-001a-4" class=""> - <td> - <a href="flexbox-whitespace-handling-001a.xht">flexbox-whitespace-handling-001a</a></td> - <td><a href="reference/flexbox-whitespace-handling-001-ref.xht">=</a> </td> - <td></td> - <td>Test that anonymous flex items aren't created for pure-whitespace inline content - </td> - </tr> - <tr id="flexbox-whitespace-handling-001b-4" class=""> - <td> - <a href="flexbox-whitespace-handling-001b.xht">flexbox-whitespace-handling-001b</a></td> - <td><a href="reference/flexbox-whitespace-handling-001-ref.xht">=</a> </td> - <td></td> - <td>Test that flex items are created correctly - </td> - </tr> - <tr id="flexbox-whitespace-handling-002-4" class=""> - <td> - <a href="flexbox-whitespace-handling-002.xht">flexbox-whitespace-handling-002</a></td> - <td><a href="reference/flexbox-whitespace-handling-002-ref.xht">=</a> </td> - <td></td> - <td>Test that whitespace is preserved at the edges of anonymous flex items if 'white-space: pre' is set - </td> - </tr> - <tr id="flexbox-with-pseudo-elements-001-4" class=""> - <td> - <a href="flexbox-with-pseudo-elements-001.xht">flexbox-with-pseudo-elements-001</a></td> - <td><a href="reference/flexbox-with-pseudo-elements-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that generated content nodes are treated as a flex items - </td> - </tr> - <tr id="flexbox-with-pseudo-elements-002-4" class=""> - <td> - <a href="flexbox-with-pseudo-elements-002.xht">flexbox-with-pseudo-elements-002</a></td> - <td><a href="reference/flexbox-with-pseudo-elements-002-ref.xht">=</a> </td> - <td></td> - <td>Testing that generated content nodes are treated as a flex items, and honor 'order' - </td> - </tr> - <tr id="flexbox-with-pseudo-elements-003-4" class=""> - <td> - <a href="flexbox-with-pseudo-elements-003.xht">flexbox-with-pseudo-elements-003</a></td> - <td><a href="reference/flexbox-with-pseudo-elements-003-ref.xht">=</a> </td> - <td></td> - <td>Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item - </td> - </tr> - <tr id="flexbox_inline-float-4" class=""> - <td> - <a href="flexbox_inline-float.xht">flexbox_inline-float</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | floated inline - </td> - </tr> - <tr id="flexbox_stf-abspos-4" class=""> - <td> - <a href="flexbox_stf-abspos.xht">flexbox_stf-abspos</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: abspos - </td> - </tr> - <tr id="flexbox_stf-fixpos-4" class=""> - <td> - <a href="flexbox_stf-fixpos.xht">flexbox_stf-fixpos</a></td> - <td></td> - <td></td> - <td>flexbox | flexcontainer versus stf :: fixed - </td> - </tr> - <tr id="flexbox_stf-float-4" class=""> - <td> - <a href="flexbox_stf-float.xht">flexbox_stf-float</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: float - </td> - </tr> - <tr id="flexbox_stf-inline-block-4" class=""> - <td> - <a href="flexbox_stf-inline-block.xht">flexbox_stf-inline-block</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: inline-block - </td> - </tr> - <tr id="flexbox_stf-table-4" class=""> - <td> - <a href="flexbox_stf-table.xht">flexbox_stf-table</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: table - </td> - </tr> - <tr id="flexbox_stf-table-caption-4" class=""> - <td> - <a href="flexbox_stf-table-caption.xht">flexbox_stf-table-caption</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: table-caption - </td> - </tr> - <tr id="flexbox_stf-table-cell-4" class=""> - <td> - <a href="flexbox_stf-table-cell.xht">flexbox_stf-table-cell</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: table cell - </td> - </tr> - <tr id="flexbox_stf-table-row-4" class=""> - <td> - <a href="flexbox_stf-table-row.xht">flexbox_stf-table-row</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: table row - </td> - </tr> - <tr id="flexbox_stf-table-row-group-4" class=""> - <td> - <a href="flexbox_stf-table-row-group.xht">flexbox_stf-table-row-group</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer versus stf :: table row group - </td> - </tr> - <tr id="flexbox_stf-table-singleline-4" class=""> - <td> - <a href="flexbox_stf-table-singleline.xht">flexbox_stf-table-singleline</a></td> - <td><a href="reference/flexbox_stf-table-singleline-ref.xht">=</a> </td> - <td></td> - <td>flexbox | singleline flexcontainer versus stf :: table - </td> - </tr> - <tr id="flexbox_stf-table-singleline-2-4" class=""> - <td> - <a href="flexbox_stf-table-singleline-2.xht">flexbox_stf-table-singleline-2</a></td> - <td><a href="reference/flexbox_stf-table-singleline-ref.xht">=</a> </td> - <td></td> - <td>flexbox | singleline flexcontainer versus stf :: table - </td> - </tr> - <tr id="flexbox_table-fixed-layout-4" class=""> - <td> - <a href="flexbox_table-fixed-layout.xht">flexbox_table-fixed-layout</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainers in tables - </td> - </tr> - </tbody> - <tbody id="s4.#example-c848375c"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#flex-level"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-container-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-container-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-container-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-container-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-flex-item-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#abspos-items">4.1 Absolutely-Positioned Flex Children</a></th></tr> - <!-- 4 tests --> - <tr id="flexbox-abspos-child-001a-4.1" class=""> - <td> - <a href="flexbox-abspos-child-001a.xht">flexbox-abspos-child-001a</a></td> - <td><a href="reference/flexbox-abspos-child-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a horizontal flex container - </td> - </tr> - <tr id="flexbox-abspos-child-001b-4.1" class=""> - <td> - <a href="flexbox-abspos-child-001b.xht">flexbox-abspos-child-001b</a></td> - <td><a href="reference/flexbox-abspos-child-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a vertical flex container - </td> - </tr> - <tr id="flexbox_absolute-atomic-4.1" class=""> - <td> - <a href="flexbox_absolute-atomic.xht">flexbox_absolute-atomic</a></td> - <td><a href="reference/flexbox_absolute-atomic-ref.xht">=</a> </td> - <td></td> - <td>flexbox | abspos atomic flexitems - </td> - </tr> - <tr id="flexbox_inline-abspos-4.1" class=""> - <td> - <a href="flexbox_inline-abspos.xht">flexbox_inline-abspos</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | absolutely positioned inline - </td> - </tr> - </tbody> - <tbody id="s4.1.#example-62145703"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-cross-axis-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-container-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-container-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-container-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-container-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-container-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-container-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-container-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-flex-item-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-propdef-align-content-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-propdef-align-self-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-static-position-rectangle-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-static-position-rectangle-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-valdef-align-items-flex-start-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#ref-for-valdef-align-items-stretch-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.1.#static-position-rectangle"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr> - <!-- 4 tests --> - <tr id="flex-container-margin-4.2" class="primary"> - <td><strong> - <a href="flex-container-margin.xht">flex-container-margin</a></strong></td> - <td><a href="reference/flex-container-margin-ref.xht">=</a> </td> - <td></td> - <td>flex-container-margin-not-collapse-with-content-margin - <ul class="assert"> - <li>The margins of adjacent flex items do not collapse.</li> - </ul> - </td> - </tr> - <tr id="flex-margin-no-collapse-4.2" class=""> - <td> - <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></td> - <td><a href="reference/flex-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>flex item margins - <ul class="assert"> - <li>The vertical gap between two green boxs should be 100px.</li> - </ul> - </td> - </tr> - <tr id="flexbox_margin-left-ex-4.2" class=""> - <td> - <a href="flexbox_margin-left-ex.xht">flexbox_margin-left-ex</a></td> - <td><a href="reference/flexbox_margin-left-ex-ref.xht">=</a> </td> - <td></td> - <td>flexbox | margin-left: auto - </td> - </tr> - <tr id="negative-margins-001-4.2" class=""> - <td> - <a href="negative-margins-001.xht">negative-margins-001</a></td> - <td><a href="reference/negative-margins-001-ref.xht">=</a> </td> - <td></td> - <td>Negative margins - <ul class="assert"> - <li>Negative margins get floored at zero for intrinsic size computations</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s4.2.#ref-for-flex-item-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.2.#ref-for-flex-item-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.2.#ref-for-flex-item-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.3">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#painting">4.3 Flex Item Z-Ordering</a></th></tr> - <!-- 5 tests --> - <tr id="flexbox-items-as-stacking-contexts-001-4.3" class=""> - <td> - <a href="flexbox-items-as-stacking-contexts-001.xht">flexbox-items-as-stacking-contexts-001</a></td> - <td><a href="reference/flexbox-items-as-stacking-contexts-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that 'z-index' property makes flex items form stacking contexts - </td> - </tr> - <tr id="flexbox-items-as-stacking-contexts-002-4.3" class=""> - <td> - <a href="flexbox-items-as-stacking-contexts-002.xht">flexbox-items-as-stacking-contexts-002</a></td> - <td><a href="reference/flexbox-items-as-stacking-contexts-002-ref.xht">=</a> </td> - <td></td> - <td>Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants - </td> - </tr> - <tr id="flexbox-items-as-stacking-contexts-003-4.3" class=""> - <td> - <a href="flexbox-items-as-stacking-contexts-003.xht">flexbox-items-as-stacking-contexts-003</a></td> - <td><a href="reference/flexbox-items-as-stacking-contexts-003-ref.xht">=</a> </td> - <td></td> - <td>Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave - </td> - </tr> - <tr id="flexbox-paint-ordering-001-4.3" class=""> - <td> - <a href="flexbox-paint-ordering-001.xht">flexbox-paint-ordering-001</a></td> - <td><a href="reference/flexbox-paint-ordering-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the paint-order of overlapping flex items, with varying tweaks on the container - </td> - </tr> - <tr id="flexbox-paint-ordering-002-4.3" class=""> - <td> - <a href="flexbox-paint-ordering-002.xht">flexbox-paint-ordering-002</a></td> - <td><a href="reference/flexbox-paint-ordering-002-ref.xht">=</a> </td> - <td></td> - <td>Testing the paint-order of overlapping flex items with 'order' and 'z-index' set - </td> - </tr> - </tbody> - <tbody id="s4.3.#ref-for-flex-item-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.3.#ref-for-propdef-order-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.4">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#visibility-collapse">4.4 Collapsed Items</a></th></tr> - <!-- 6 tests --> - <tr id="flexbox_margin-collapse-4.4" class=""> - <td> - <a href="flexbox_margin-collapse.xht">flexbox_margin-collapse</a></td> - <td><a href="reference/flexbox_margin-collapse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexitem margin collapsing - </td> - </tr> - <tr id="flexbox_visibility-collapse-4.4" class=""> - <td> - <a href="flexbox_visibility-collapse.xht">flexbox_visibility-collapse</a></td> - <td><a href="reference/flexbox_visibility-collapse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | visibility: collapse - </td> - </tr> - <tr id="flexbox_visibility-collapse-line-wrapping-4.4" class=""> - <td> - <a href="flexbox_visibility-collapse-line-wrapping.xht">flexbox_visibility-collapse-line-wrapping</a></td> - <td><a href="reference/flexbox_visibility-collapse-line-wrapping-ref.xht">=</a> </td> - <td></td> - <td>flexbox | visibility: collapse and line wrapping - </td> - </tr> - <tr id="visibility-collapse-001-4.4" class=""> - <td> - <a href="visibility-collapse-001.xht">visibility-collapse-001</a></td> - <td></td> - <td></td> - <td>A flex item with the 'visibility' property set to 'collapse' should not take up space in the main axis - <ul class="assert"> - <li>This test checks that a flex item with 'visibility: collapse' doesn't take up space in the main axis.</li> - </ul> - </td> - </tr> - <tr id="visibility-collapse-002-4.4" class=""> - <td> - <a href="visibility-collapse-002.xht">visibility-collapse-002</a></td> - <td></td> - <td></td> - <td>A flex item with the 'visibility' property set to 'collapse' should be large enough to fit the collapsed item - <ul class="assert"> - <li>This test checks that the cross size of a line of flex items containing an item with 'visbility: collapse' is large enough to fit the collapsed item.</li> - </ul> - </td> - </tr> - <tr id="visibility-regions-in-flexbox-4.4" class="ahem"> - <td> - <a href="visibility-regions-in-flexbox.xht">visibility-regions-in-flexbox</a></td> - <td><a href="reference/visibility-regions-in-flexbox-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: collapsed region flex items - <ul class="assert"> - <li>Test checks that the flexbox collapsed property works on flex items that are regions. The collapsed region item should not contribute to the flex container's width.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s4.4.#collapsed-flex-item"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#example-b0742f97"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#nav-about"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#nav-interact"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#nav-projects"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#ref-for-cross-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#ref-for-flex-container-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#ref-for-main-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.4.#visibility-collapse-example"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4.5">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr> - <!-- 30 tests --> - <tr id="flex-minimum-height-flex-items-001-4.5" class=""> - <td> - <a href="flex-minimum-height-flex-items-001.xht">flex-minimum-height-flex-items-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the min-content size.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-height-flex-items-002-4.5" class=""> - <td> - <a href="flex-minimum-height-flex-items-002.xht">flex-minimum-height-flex-items-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the specified size if it's smaller than the min-content size.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-height-flex-items-003-4.5" class="ahem"> - <td> - <a href="flex-minimum-height-flex-items-003.xht">flex-minimum-height-flex-items-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the min-content size if it's smaller than the specified size.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-height-flex-items-004-4.5" class=""> - <td> - <a href="flex-minimum-height-flex-items-004.xht">flex-minimum-height-flex-items-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the min-content size (which corresponds to the image size).</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-height-flex-items-005-4.5" class=""> - <td> - <a href="flex-minimum-height-flex-items-005.xht">flex-minimum-height-flex-items-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the specified size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-height-flex-items-006-4.5" class=""> - <td> - <a href="flex-minimum-height-flex-items-006.xht">flex-minimum-height-flex-items-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the specified size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-height-flex-items-007-4.5" class=""> - <td> - <a href="flex-minimum-height-flex-items-007.xht">flex-minimum-height-flex-items-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the transferred size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-height-flex-items-008-4.5" class=""> - <td> - <a href="flex-minimum-height-flex-items-008.xht">flex-minimum-height-flex-items-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum height of flex items - <ul class="assert"> - <li>Checks that minimum height for flex items is the transferred size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-001-4.5" class="ahem"> - <td> - <a href="flex-minimum-width-flex-items-001.xht">flex-minimum-width-flex-items-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the min-content size.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-002-4.5" class=""> - <td> - <a href="flex-minimum-width-flex-items-002.xht">flex-minimum-width-flex-items-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the specified size if it's smaller than the min-content size.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-003-4.5" class="ahem"> - <td> - <a href="flex-minimum-width-flex-items-003.xht">flex-minimum-width-flex-items-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the min-content size if it's smaller than the specified size.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-004-4.5" class=""> - <td> - <a href="flex-minimum-width-flex-items-004.xht">flex-minimum-width-flex-items-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the min-content size (which corresponds to the image size).</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-005-4.5" class=""> - <td> - <a href="flex-minimum-width-flex-items-005.xht">flex-minimum-width-flex-items-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the specified size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-006-4.5" class=""> - <td> - <a href="flex-minimum-width-flex-items-006.xht">flex-minimum-width-flex-items-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the specified size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-007-4.5" class=""> - <td> - <a href="flex-minimum-width-flex-items-007.xht">flex-minimum-width-flex-items-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the transferred size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flex-minimum-width-flex-items-008-4.5" class=""> - <td> - <a href="flex-minimum-width-flex-items-008.xht">flex-minimum-width-flex-items-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum width of flex items - <ul class="assert"> - <li>Checks that minimum width for flex items is the transferred size, as the min-content size of the image corresponds to that.</li> - </ul> - </td> - </tr> - <tr id="flexbox-min-height-auto-001-4.5" class=""> - <td> - <a href="flexbox-min-height-auto-001.xht">flexbox-min-height-auto-001</a></td> - <td><a href="reference/flexbox-min-height-auto-001-ref.xht">=</a> </td> - <td></td> - <td>Testing min-height:auto - </td> - </tr> - <tr id="flexbox-min-height-auto-002a-4.5" class=""> - <td> - <a href="flexbox-min-height-auto-002a.xht">flexbox-min-height-auto-002a</a></td> - <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> - <td></td> - <td>Testing min-height:auto - </td> - </tr> - <tr id="flexbox-min-height-auto-002b-4.5" class=""> - <td> - <a href="flexbox-min-height-auto-002b.xht">flexbox-min-height-auto-002b</a></td> - <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> - <td></td> - <td>Testing min-height:auto - </td> - </tr> - <tr id="flexbox-min-height-auto-002c-4.5" class=""> - <td> - <a href="flexbox-min-height-auto-002c.xht">flexbox-min-height-auto-002c</a></td> - <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> - <td></td> - <td>Testing min-height:auto - </td> - </tr> - <tr id="flexbox-min-height-auto-003-4.5" class=""> - <td> - <a href="flexbox-min-height-auto-003.xht">flexbox-min-height-auto-003</a></td> - <td><a href="reference/flexbox-min-height-auto-003-ref.xht">=</a> </td> - <td></td> - <td>Testing min-height:auto & 'overflow' interaction - </td> - </tr> - <tr id="flexbox-min-height-auto-004-4.5" class=""> - <td> - <a href="flexbox-min-height-auto-004.xht">flexbox-min-height-auto-004</a></td> - <td><a href="reference/flexbox-min-height-auto-004-ref.xht">=</a> </td> - <td></td> - <td>Testing min-height:auto & 'overflow' interaction - </td> - </tr> - <tr id="flexbox-min-width-auto-001-4.5" class=""> - <td> - <a href="flexbox-min-width-auto-001.xht">flexbox-min-width-auto-001</a></td> - <td><a href="reference/flexbox-min-width-auto-001-ref.xht">=</a> </td> - <td></td> - <td>Testing min-width:auto - </td> - </tr> - <tr id="flexbox-min-width-auto-002a-4.5" class=""> - <td> - <a href="flexbox-min-width-auto-002a.xht">flexbox-min-width-auto-002a</a></td> - <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> - <td></td> - <td>Testing min-width:auto - </td> - </tr> - <tr id="flexbox-min-width-auto-002b-4.5" class=""> - <td> - <a href="flexbox-min-width-auto-002b.xht">flexbox-min-width-auto-002b</a></td> - <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> - <td></td> - <td>Testing min-width:auto - </td> - </tr> - <tr id="flexbox-min-width-auto-002c-4.5" class=""> - <td> - <a href="flexbox-min-width-auto-002c.xht">flexbox-min-width-auto-002c</a></td> - <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> - <td></td> - <td>Testing min-width:auto - </td> - </tr> - <tr id="flexbox-min-width-auto-003-4.5" class=""> - <td> - <a href="flexbox-min-width-auto-003.xht">flexbox-min-width-auto-003</a></td> - <td><a href="reference/flexbox-min-width-auto-003-ref.xht">=</a> </td> - <td></td> - <td>Testing min-width:auto & 'overflow' interaction - </td> - </tr> - <tr id="flexbox-min-width-auto-004-4.5" class=""> - <td> - <a href="flexbox-min-width-auto-004.xht">flexbox-min-width-auto-004</a></td> - <td><a href="reference/flexbox-min-width-auto-004-ref.xht">=</a> </td> - <td></td> - <td>Testing min-width:auto & 'overflow' interaction - </td> - </tr> - <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom script"> - <td> - <a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | min-height: auto - </td> - </tr> - <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom script"> - <td> - <a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | min-width: auto - </td> - </tr> - </tbody> - <tbody id="s4.5.#content-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#min-size-opt"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#min-width-automatic-minimum-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-content-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-content-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-content-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-content-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-cross-size-property-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-cross-size-property-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-cross-size-property-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-definite-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-definite-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-definite-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-definite-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-definite-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-definite-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-definite-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-flex-item-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-flex-item-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-flex-item-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-main-axis-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-main-axis-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-main-size-property-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-main-size-property-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-main-size-property-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-min-width-automatic-minimum-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-min-width-automatic-minimum-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-min-width-automatic-minimum-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-specified-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-specified-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-specified-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-specified-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-transferred-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-transferred-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-transferred-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#ref-for-valdef-min-width-auto-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#specified-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#transferred-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.5.#valdef-min-width-auto"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht deleted file mode 100644 index 5377ca8f9aa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht +++ /dev/null @@ -1,2207 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Ordering and Orientation - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Ordering and Orientation (150 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flow-order">5 Ordering and Orientation</a></th></tr> - <!-- 1 tests --> - <tr id="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-5" class=""> - <td> - <a href="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht">flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom</a></td> - <td><a href="reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht">=</a> </td> - <td></td> - <td>Align content flex-start with writing mode vertical-rl. - <ul class="assert"> - <li>In vertical Japanese, for example, a row flexbox lays out its contents from top to bottom.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s5.#ref-for-propdef-flex-direction-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.#ref-for-propdef-flex-direction-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.#ref-for-propdef-flex-flow-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.#ref-for-propdef-flex-wrap-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.#ref-for-propdef-order-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.#ref-for-propdef-order-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-direction-property">5.1 Flex Flow Direction: the flex-direction property</a></th></tr> - <!-- 22 tests --> - <tr id="autoheight-regions-in-autoheight-flexbox-001-5.1" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-001.xht">autoheight-regions-in-autoheight-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions in auto-height flex container - <ul class="assert"> - <li>Test that auto-height regions placed in a flex container with auto-height and row wrap reverse flow are sized correctly. The content from the second flow should flow through the region on the second row and into the region from the first row, making the left blue rectangle taller than the green rectangle on the right.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-autoheight-flexbox-002-5.1" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-002.xht">autoheight-regions-in-autoheight-flexbox-002</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions with vertical writing mode in auto-height flexbox - <ul class="assert"> - <li>Test checks that auto-height regions having content with vertical writing mode are sized correctly when placed inside a flex container. The flowed content should be displayed as a horizontal green stripe.</li> - </ul> - </td> - </tr> - <tr id="column-flexbox-break-5.1" class="ahem"> - <td> - <a href="column-flexbox-break.xht">column-flexbox-break</a></td> - <td><a href="reference/column-flexbox-break-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: fragmenting a flex container with column flow - <ul class="assert"> - <li>Test checks that a flex container with column flow is fragmented between regions.</li> - </ul> - </td> - </tr> - <tr id="flex-direction_column-5.1" class=""> - <td> - <a href="flex-direction_column.xht">flex-direction_column</a></td> - <td></td> - <td></td> - <td>flex-direction_column - <ul class="assert"> - <li>Check if the web engine can identify the flex-direction value column.</li> - </ul> - </td> - </tr> - <tr id="flex-direction_column-reverse-5.1" class=""> - <td> - <a href="flex-direction_column-reverse.xht">flex-direction_column-reverse</a></td> - <td></td> - <td></td> - <td>flex-direction_column-reverse - <ul class="assert"> - <li>Check if the web engine can identify the flex-direction value column-reverse.</li> - </ul> - </td> - </tr> - <tr id="flex-direction_row-5.1" class=""> - <td> - <a href="flex-direction_row.xht">flex-direction_row</a></td> - <td></td> - <td></td> - <td>flex-direction_row - <ul class="assert"> - <li>Check if the web engine can identify the flex-direction value row.</li> - </ul> - </td> - </tr> - <tr id="flex-direction_row-reverse-5.1" class=""> - <td> - <a href="flex-direction_row-reverse.xht">flex-direction_row-reverse</a></td> - <td></td> - <td></td> - <td>flex-direction_row-reverse - <ul class="assert"> - <li>Check if the web engine can identify the flex-direction value row-reverse.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-direction-column-5.1" class=""> - <td> - <a href="flexbox-flex-direction-column.xht">flexbox-flex-direction-column</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td></td> - <td>Flex-direction = column - <ul class="assert"> - <li>Test checks that flex container's main axis has the same orientation as the block axis of the current writing mode, when flex-direction = column. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-direction-column-reverse-5.1" class=""> - <td> - <a href="flexbox-flex-direction-column-reverse.xht">flexbox-flex-direction-column-reverse</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td></td> - <td>Flex-direction = column-reverse - <ul class="assert"> - <li>Test checks that flex container's main axis has the same orientation as the block axis of the current writing mode, and main-start and main-end are swapped, when flex-direction = column-reverse. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-direction-default-5.1" class=""> - <td> - <a href="flexbox-flex-direction-default.xht">flexbox-flex-direction-default</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td></td> - <td>Flex-direction = row by default - <ul class="assert"> - <li>Test checks that flex container's main axis has the same orientation as the inline axis of the current writing mode by default. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-direction-row-5.1" class=""> - <td> - <a href="flexbox-flex-direction-row.xht">flexbox-flex-direction-row</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td></td> - <td>Flex-direction = row - <ul class="assert"> - <li>Test checks that flex container's main axis has the same orientation as the inline axis of the current writing mode, when flex-direction = row. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-direction-row-reverse-5.1" class=""> - <td> - <a href="flexbox-flex-direction-row-reverse.xht">flexbox-flex-direction-row-reverse</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td></td> - <td>Flex-direction = row-reverse - <ul class="assert"> - <li>Test checks that flex container's main axis has the opposite orientation as the inline axis of the current writing mode, when flex-direction = row-reverse. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.</li> - </ul> - </td> - </tr> - <tr id="flexbox_direction-column-5.1" class=""> - <td> - <a href="flexbox_direction-column.xht">flexbox_direction-column</a></td> - <td><a href="reference/flexbox_direction-column-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-direction: column - </td> - </tr> - <tr id="flexbox_direction-column-reverse-5.1" class=""> - <td> - <a href="flexbox_direction-column-reverse.xht">flexbox_direction-column-reverse</a></td> - <td><a href="reference/flexbox_direction-column-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-direction: column-reverse - </td> - </tr> - <tr id="flexbox_direction-row-reverse-5.1" class=""> - <td> - <a href="flexbox_direction-row-reverse.xht">flexbox_direction-row-reverse</a></td> - <td><a href="reference/flexbox_direction-row-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-direction: row-reverse - </td> - </tr> - <tr id="multi-line-wrap-reverse-column-reverse-5.1" class=""> - <td> - <a href="multi-line-wrap-reverse-column-reverse.xht">multi-line-wrap-reverse-column-reverse</a></td> - <td><a href="reference/multi-line-wrap-reverse-column-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping-reverse in column-reverse direction. - <ul class="assert"> - <li>This test check that a flex container reverse-wraps blocks multiline in column-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="multi-line-wrap-reverse-row-reverse-5.1" class=""> - <td> - <a href="multi-line-wrap-reverse-row-reverse.xht">multi-line-wrap-reverse-row-reverse</a></td> - <td><a href="reference/multi-line-wrap-reverse-row-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping-reverse in row-reverse direction. - <ul class="assert"> - <li>This test check that a flex container reverse-wraps blocks multiline in row-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="multi-line-wrap-with-column-reverse-5.1" class=""> - <td> - <a href="multi-line-wrap-with-column-reverse.xht">multi-line-wrap-with-column-reverse</a></td> - <td><a href="reference/multi-line-wrap-with-column-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping in column-reverse direction - <ul class="assert"> - <li>This test check that a flex container wraps blocks multiline in column-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="multi-line-wrap-with-row-reverse-5.1" class=""> - <td> - <a href="multi-line-wrap-with-row-reverse.xht">multi-line-wrap-with-row-reverse</a></td> - <td><a href="reference/multi-line-wrap-with-row-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping in row-reverse direction - <ul class="assert"> - <li>This test check that a flex container wraps blocks multiline in row-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-direction-column-5.1" class=""> - <td> - <a href="ttwf-reftest-flex-direction-column.xht">ttwf-reftest-flex-direction-column</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.xht">=</a> </td> - <td></td> - <td>flex-direction proprety - column - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-direction-column-reverse-5.1" class=""> - <td> - <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex-direction proprety - column-reverse - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-direction-row-reverse-5.1" class=""> - <td> - <a href="ttwf-reftest-flex-direction-row-reverse.xht">ttwf-reftest-flex-direction-row-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-row-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex-direction proprety - row-reverse - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s5.1.#propdef-flex-direction"> - <!-- 7 tests --> - <tr id="flex-margin-no-collapse-5.1.#propdef-flex-direction" class=""> - <td> - <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></td> - <td><a href="reference/flex-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>flex item margins - <ul class="assert"> - <li>The vertical gap between two green boxs should be 100px.</li> - </ul> - </td> - </tr> - <tr id="flexbox-writing-mode-001-5.1.#propdef-flex-direction" class=""> - <td> - <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></td> - <td><a href="reference/flexbox-writing-mode-001-ref.xht">=</a> </td> - <td></td> - <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb' - </td> - </tr> - <tr id="flexbox-writing-mode-002-5.1.#propdef-flex-direction" class=""> - <td> - <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></td> - <td><a href="reference/flexbox-writing-mode-002-ref.xht">=</a> </td> - <td></td> - <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl' - </td> - </tr> - <tr id="flexbox-writing-mode-003-5.1.#propdef-flex-direction" class=""> - <td> - <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></td> - <td><a href="reference/flexbox-writing-mode-003-ref.xht">=</a> </td> - <td></td> - <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr' - </td> - </tr> - <tr id="flexbox-writing-mode-004-5.1.#propdef-flex-direction" class=""> - <td> - <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></td> - <td><a href="reference/flexbox-writing-mode-004-ref.xht">=</a> </td> - <td></td> - <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb' - </td> - </tr> - <tr id="flexbox-writing-mode-005-5.1.#propdef-flex-direction" class=""> - <td> - <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></td> - <td><a href="reference/flexbox-writing-mode-005-ref.xht">=</a> </td> - <td></td> - <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl' - </td> - </tr> - <tr id="flexbox-writing-mode-006-5.1.#propdef-flex-direction" class=""> - <td> - <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></td> - <td><a href="reference/flexbox-writing-mode-006-ref.xht">=</a> </td> - <td></td> - <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr' - </td> - </tr> - </tbody> - <tbody id="s5.1.#ref-for-flex-container-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-flex-item-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-axis-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-axis-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-axis-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-end-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-end-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-end-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-end-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-start-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-start-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-start-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-main-start-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-propdef-flex-direction-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-propdef-flex-direction-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-flex-direction-column-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-flex-direction-row-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#valdef-flex-direction-column"> - <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column wrap-reverse - </td> - </tr> - <tr id="flexbox_rtl-flow-5.1.#valdef-flex-direction-column" class=""> - <td> - <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> - <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap | rtl - </td> - </tr> - <tr id="flexbox_rtl-flow-reverse-5.1.#valdef-flex-direction-column" class=""> - <td> - <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> - <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap-reverse | rtl - </td> - </tr> - </tbody> - <tbody id="s5.1.#valdef-flex-direction-column-reverse"> - <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse wrap - </td> - </tr> - <tr id="flexbox_rtl-direction-5.1.#valdef-flex-direction-column-reverse" class=""> - <td> - <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></td> - <td><a href="reference/flexbox_rtl-direction-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-direction: column-reverse | rtl - </td> - </tr> - <tr id="flexbox_rtl-order-5.1.#valdef-flex-direction-column-reverse" class=""> - <td> - <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> - <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl - </td> - </tr> - </tbody> - <tbody id="s5.1.#valdef-flex-direction-row"> - <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row wrap-reverse - </td> - </tr> - </tbody> - <tbody id="s5.1.#valdef-flex-direction-row-reverse"> - <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse - </td> - </tr> - </tbody> - <tbody id="s5.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">5.2 Flex Line Wrapping: the flex-wrap property</a></th></tr> - <!-- 6 tests --> - <tr id="flexbox-flex-wrap-horiz-001-5.2" class=""> - <td> - <a href="flexbox-flex-wrap-horiz-001.xht">flexbox-flex-wrap-horiz-001</a></td> - <td><a href="reference/flexbox-flex-wrap-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flex-wrap in horizontal flex containers - </td> - </tr> - <tr id="flexbox-flex-wrap-horiz-002-5.2" class=""> - <td> - <a href="flexbox-flex-wrap-horiz-002.xht">flexbox-flex-wrap-horiz-002</a></td> - <td><a href="reference/flexbox-flex-wrap-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Ensure that min-width is honored for horizontal multi-line flex containers - </td> - </tr> - <tr id="flexbox-flex-wrap-vert-001-5.2" class=""> - <td> - <a href="flexbox-flex-wrap-vert-001.xht">flexbox-flex-wrap-vert-001</a></td> - <td><a href="reference/flexbox-flex-wrap-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flex-wrap in vertical flex containers - </td> - </tr> - <tr id="flexbox-flex-wrap-vert-002-5.2" class=""> - <td> - <a href="flexbox-flex-wrap-vert-002.xht">flexbox-flex-wrap-vert-002</a></td> - <td><a href="reference/flexbox-flex-wrap-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Ensure that min-height is honored for vertical multi-line flex containers - </td> - </tr> - <tr id="flexbox-overflow-horiz-004-5.2" class=""> - <td> - <a href="flexbox-overflow-horiz-004.xht">flexbox-overflow-horiz-004</a></td> - <td><a href="reference/flexbox-overflow-horiz-004-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a horizontal flex container, with 'flex-wrap: wrap' - </td> - </tr> - <tr id="flexbox-overflow-vert-004-5.2" class=""> - <td> - <a href="flexbox-overflow-vert-004.xht">flexbox-overflow-vert-004</a></td> - <td><a href="reference/flexbox-overflow-vert-004-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a vertical flex container, with 'flex-wrap: wrap' - </td> - </tr> - </tbody> - <tbody id="s5.2.#propdef-flex-wrap"> - <!-- 38 tests --> - <tr id="autoheight-regions-in-autoheight-flexbox-001-5.2.#propdef-flex-wrap" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-001.xht">autoheight-regions-in-autoheight-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions in auto-height flex container - <ul class="assert"> - <li>Test that auto-height regions placed in a flex container with auto-height and row wrap reverse flow are sized correctly. The content from the second flow should flow through the region on the second row and into the region from the first row, making the left blue rectangle taller than the green rectangle on the right.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-003-5.2.#propdef-flex-wrap" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-003.xht">autoheight-regions-in-fixed-sized-flexbox-003</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions inside a fixed sized flexbox with column wrap flow - <ul class="assert"> - <li>Test checks the layout of auto-height regions placed inside a flexbox with a fixed size and column wrap flow. The flex container should have two columns with three regions each.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-006-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-006.xht">autoheight-regions-in-fixed-sized-flexbox-006</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht">=</a> </td> - <td></td> - <td>CSS Regions: auto-height regions inside a flex container with fixed size - <ul class="assert"> - <li>Test that the flex container stretches a region flex item with a height smaller than the flex container's inner cross size.</li> - </ul> - </td> - </tr> - <tr id="flex-box-wrap-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-box-wrap.xht">flex-box-wrap</a></td> - <td><a href="reference/flex-box-wrap-ref.xht">=</a> </td> - <td></td> - <td>flex-wrap: wrap - <ul class="assert"> - <li>the test passes if you see green box.</li> - </ul> - </td> - </tr> - <tr id="flex-flow-001-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-001.xht">flex-flow-001</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row nowrap' controls the flex container is single-line</li> - </ul> - </td> - </tr> - <tr id="flex-flow-002-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-002.xht">flex-flow-002</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row wrap' controls the flex container is multi-line</li> - </ul> - </td> - </tr> - <tr id="flex-flow-003-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-003.xht">flex-flow-003</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'row wrap-reverse' controls the flex container is multi-line but the cross-start and cross-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-004-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-004.xht">flex-flow-004</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse nowrap' controls the flex container is single-line, but the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-005-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-005.xht">flex-flow-005</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse wrap' controls the flex container is multi-line but the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-006-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-006.xht">flex-flow-006</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse wrap-reverse' controls the flex container is multi-line but the main-start and main-end, cross-start and cross-end directions are all swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-007-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-007.xht">flex-flow-007</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column nowrap' controls the flex container is single-line, but the main axis is vertical</li> - </ul> - </td> - </tr> - <tr id="flex-flow-008-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-008.xht">flex-flow-008</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column wrap' controls the flex container is multi-line but the main axis is vertical</li> - </ul> - </td> - </tr> - <tr id="flex-flow-009-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-009.xht">flex-flow-009</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'column wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the cross-start and cross-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-010-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-010.xht">flex-flow-010</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse nowrap' controls the flex container is single-line, but the main axis is vertical, the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-011-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-011.xht">flex-flow-011</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse wrap' controls the flex container is multi-line but the main axis is vertical, the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-012-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-flow-012.xht">flex-flow-012</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the 'cross-start/cross-end' and 'main-start/main-end' directions are all swapped</li> - </ul> - </td> - </tr> - <tr id="flex-wrap-001-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-wrap-001.xht">flex-wrap-001</a></td> - <td></td> - <td></td> - <td>A flex container with 'flex-flow' set to 'wrap' - <ul class="assert"> - <li>This test checks that the flex container with 'flex-flow: wrap' is a multi-line flex container.</li> - </ul> - </td> - </tr> - <tr id="flex-wrap_nowrap-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-wrap_nowrap.xht">flex-wrap_nowrap</a></td> - <td></td> - <td></td> - <td>flex-wrap_nowrap - <ul class="assert"> - <li>Check if the web engine can identify the flex-wrap value nowrap.</li> - </ul> - </td> - </tr> - <tr id="flex-wrap_wrap-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-wrap_wrap.xht">flex-wrap_wrap</a></td> - <td></td> - <td></td> - <td>flex-wrap_wrap - <ul class="assert"> - <li>Check if the display can recognize inline-flex value.</li> - </ul> - </td> - </tr> - <tr id="flex-wrap_wrap-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flex-wrap_wrap-reverse.xht">flex-wrap_wrap-reverse</a></td> - <td></td> - <td></td> - <td>flex-wrap_wrap-reverse - <ul class="assert"> - <li>Check if the web engine can identify the flex-wrap value wrap-reverse.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-wrap-default-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox-flex-wrap-default.xht">flexbox-flex-wrap-default</a></td> - <td><a href="reference/flexbox-flex-wrap-nowrap-ref.xht">=</a> </td> - <td></td> - <td>Flex-wrap defaults to nowrap - <ul class="assert"> - <li>Test checks that flex elements default to flex-wrap: nowrap if flex-wrap is not set. With wrapping disabled, the .green flex item should extend outside the bounds of its container, as it is set to flex:none.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-wrap-nowrap-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox-flex-wrap-nowrap.xht">flexbox-flex-wrap-nowrap</a></td> - <td><a href="reference/flexbox-flex-wrap-nowrap-ref.xht">=</a> </td> - <td></td> - <td>Flex-wrap = nowrap - <ul class="assert"> - <li>Test checks that flex elements set to flex-wrap: nowrap will not wrap their flex items. With wrapping disabled, the .green flex item should extend outside the bounds of its container, as it is set to flex:none.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-wrap-wrap-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox-flex-wrap-wrap.xht">flexbox-flex-wrap-wrap</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td></td> - <td>Flex-wrap = wrap - <ul class="assert"> - <li>Test checks that flex elements wrap left-to-right within their flex container when flex-wrap = 'wrap', matching the writing direction. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox-flex-wrap-wrap-reverse.xht">flexbox-flex-wrap-wrap-reverse</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td></td> - <td>Flex-wrap = wrap-reverse - <ul class="assert"> - <li>Test checks that flex elements wrap left-to-right and bottom-to-top within their flex container when flex-wrap = 'wrap-reverse'. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.</li> - </ul> - </td> - </tr> - <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-wrap: wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-wrap: nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-wrap: wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-wrap: wrap-reverse - </td> - </tr> - <tr id="flexbox_rowspan-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox_rowspan.xht">flexbox_rowspan</a></td> - <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainers in cells with rowspan - </td> - </tr> - <tr id="flexbox_wrap-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox_wrap.xht">flexbox_wrap</a></td> - <td><a href="reference/flexbox_wrap-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-wrap: wrap - </td> - </tr> - <tr id="flexbox_wrap-long-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox_wrap-long.xht">flexbox_wrap-long</a></td> - <td><a href="reference/flexbox_wrap-long-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-wrap: wrap / long items - </td> - </tr> - <tr id="flexbox_wrap-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="flexbox_wrap-reverse.xht">flexbox_wrap-reverse</a></td> - <td><a href="reference/flexbox_wrap-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-wrap: wrap - </td> - </tr> - <tr id="multi-line-wrap-reverse-column-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="multi-line-wrap-reverse-column-reverse.xht">multi-line-wrap-reverse-column-reverse</a></td> - <td><a href="reference/multi-line-wrap-reverse-column-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping-reverse in column-reverse direction. - <ul class="assert"> - <li>This test check that a flex container reverse-wraps blocks multiline in column-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="multi-line-wrap-reverse-row-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="multi-line-wrap-reverse-row-reverse.xht">multi-line-wrap-reverse-row-reverse</a></td> - <td><a href="reference/multi-line-wrap-reverse-row-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping-reverse in row-reverse direction. - <ul class="assert"> - <li>This test check that a flex container reverse-wraps blocks multiline in row-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="multi-line-wrap-with-column-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="multi-line-wrap-with-column-reverse.xht">multi-line-wrap-with-column-reverse</a></td> - <td><a href="reference/multi-line-wrap-with-column-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping in column-reverse direction - <ul class="assert"> - <li>This test check that a flex container wraps blocks multiline in column-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="multi-line-wrap-with-row-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="multi-line-wrap-with-row-reverse.xht">multi-line-wrap-with-row-reverse</a></td> - <td><a href="reference/multi-line-wrap-with-row-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container multiline wrapping in row-reverse direction - <ul class="assert"> - <li>This test check that a flex container wraps blocks multiline in row-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-wrap-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></td> - <td><a href="reference/ttwf-reftest-flex-wrap-ref.xht">=</a> </td> - <td></td> - <td>flex-wrap proprety - wrap - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-wrap-reverse-5.2.#propdef-flex-wrap" class=""> - <td> - <a href="ttwf-reftest-flex-wrap-reverse.xht">ttwf-reftest-flex-wrap-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-wrap-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex-wrap proprety - wrap-reverse - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s5.2.#ref-for-cross-axis-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-cross-axis-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-cross-end-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-cross-end-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-cross-start-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-cross-start-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-cross-start-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-flex-container-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-multi-line-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-multi-line-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-propdef-flex-wrap-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-propdef-flex-wrap-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-propdef-flex-wrap-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-single-line-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-single-line-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-valdef-flex-wrap-wrap-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-valdef-flex-wrap-wrap-reverse-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-valdef-flex-wrap-wrap-reverse-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#valdef-flex-wrap-nowrap"> - <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse nowrap - </td> - </tr> - </tbody> - <tbody id="s5.2.#valdef-flex-wrap-wrap"> - <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: wrap - </td> - </tr> - <tr id="flexbox_rtl-flow-5.2.#valdef-flex-wrap-wrap" class=""> - <td> - <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> - <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap | rtl - </td> - </tr> - </tbody> - <tbody id="s5.2.#valdef-flex-wrap-wrap-reverse"> - <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column wrap-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row wrap-reverse - </td> - </tr> - <tr id="flexbox_rtl-flow-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class=""> - <td> - <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> - <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap-reverse | rtl - </td> - </tr> - <tr id="flexbox_rtl-order-5.2.#valdef-flex-wrap-wrap-reverse" class=""> - <td> - <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> - <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl - </td> - </tr> - </tbody> - <tbody id="s5.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.3">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-flow-property">5.3 Flex Direction and Wrap: the flex-flow shorthand</a></th></tr> - <!-- 3 tests --> - <tr id="autoheight-regions-in-autoheight-flexbox-001-5.3" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-001.xht">autoheight-regions-in-autoheight-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions in auto-height flex container - <ul class="assert"> - <li>Test that auto-height regions placed in a flex container with auto-height and row wrap reverse flow are sized correctly. The content from the second flow should flow through the region on the second row and into the region from the first row, making the left blue rectangle taller than the green rectangle on the right.</li> - </ul> - </td> - </tr> - <tr id="flexbox-flex-flow-001-5.3" class=""> - <td> - <a href="flexbox-flex-flow-001.xht">flexbox-flex-flow-001</a></td> - <td><a href="reference/flexbox-flex-flow-001-ref.xht">=</a> </td> - <td></td> - <td>Testing all the values of the "flex-flow" shorthand property, with 4 flex items in each container - </td> - </tr> - <tr id="flexbox-flex-flow-002-5.3" class=""> - <td> - <a href="flexbox-flex-flow-002.xht">flexbox-flex-flow-002</a></td> - <td><a href="reference/flexbox-flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>Testing all the values of the "flex-flow" shorthand property, with 3 flex items in each container - </td> - </tr> - </tbody> - <tbody id="s5.3.#example-e030b2cc"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#propdef-flex-flow"> - <!-- 52 tests --> - <tr id="css-box-justify-content-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-box-justify-content.xht">css-box-justify-content</a></td> - <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> - <td></td> - <td>flexbox |css-box-justify-content - </td> - </tr> - <tr id="css-flexbox-column-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-column.xht">css-flexbox-column</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-column-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-column-reverse.xht">css-flexbox-column-reverse</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-column-reverse-wrap-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-column-reverse-wrap.xht">css-flexbox-column-reverse-wrap</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-column-reverse-wrap-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-column-reverse-wrap-reverse.xht">css-flexbox-column-reverse-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-column-wrap-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-column-wrap.xht">css-flexbox-column-wrap</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-column-wrap-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-column-wrap-reverse.xht">css-flexbox-column-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-row-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-row.xht">css-flexbox-row</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row, writing mode vertical - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-row-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-row-reverse.xht">css-flexbox-row-reverse</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row, writing mode vertical - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-row-reverse-wrap-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-row-reverse-wrap.xht">css-flexbox-row-reverse-wrap</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row, writing mode vertical - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-row-reverse-wrap-reverse.xht">css-flexbox-row-reverse-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row, writing mode vertical - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-row-wrap-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-row-wrap.xht">css-flexbox-row-wrap</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row, writing mode vertical - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-row-wrap-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-row-wrap-reverse.xht">css-flexbox-row-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row, writing mode vertical - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-test1-5.3.#propdef-flex-flow" class=""> - <td> - <a href="css-flexbox-test1.xht">css-flexbox-test1</a></td> - <td><a href="reference/css-flexbox-test1-ref.xht">=</a> </td> - <td></td> - <td>flex direction: row, writing mode vertical - <ul class="assert"> - <li>Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.</li> - </ul> - </td> - </tr> - <tr id="flex-flow-001-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-001.xht">flex-flow-001</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row nowrap' controls the flex container is single-line</li> - </ul> - </td> - </tr> - <tr id="flex-flow-002-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-002.xht">flex-flow-002</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row wrap' controls the flex container is multi-line</li> - </ul> - </td> - </tr> - <tr id="flex-flow-003-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-003.xht">flex-flow-003</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'row wrap-reverse' controls the flex container is multi-line but the cross-start and cross-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-004-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-004.xht">flex-flow-004</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse nowrap' controls the flex container is single-line, but the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-005-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-005.xht">flex-flow-005</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse wrap' controls the flex container is multi-line but the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-006-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-006.xht">flex-flow-006</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - row-reverse wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'row-reverse wrap-reverse' controls the flex container is multi-line but the main-start and main-end, cross-start and cross-end directions are all swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-007-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-007.xht">flex-flow-007</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column nowrap' controls the flex container is single-line, but the main axis is vertical</li> - </ul> - </td> - </tr> - <tr id="flex-flow-008-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-008.xht">flex-flow-008</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column wrap' controls the flex container is multi-line but the main axis is vertical</li> - </ul> - </td> - </tr> - <tr id="flex-flow-009-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-009.xht">flex-flow-009</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'column wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the cross-start and cross-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-010-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-010.xht">flex-flow-010</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse nowrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse nowrap' controls the flex container is single-line, but the main axis is vertical, the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-011-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-011.xht">flex-flow-011</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse wrap - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse wrap' controls the flex container is multi-line but the main axis is vertical, the main-start and main-end directions are swapped</li> - </ul> - </td> - </tr> - <tr id="flex-flow-012-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flex-flow-012.xht">flex-flow-012</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td></td> - <td>flex-flow - column-reverse wrap-reverse - <ul class="assert"> - <li>The 'flex-flow' property set 'column-reverse wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the 'cross-start/cross-end' and 'main-start/main-end' directions are all swapped</li> - </ul> - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column-reverse wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: column wrap-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse nowrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row wrap - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: row wrap-reverse - </td> - </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-flow: wrap - </td> - </tr> - <tr id="flexbox_flow-column-reverse-wrap-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_flow-column-reverse-wrap.xht">flexbox_flow-column-reverse-wrap</a></td> - <td><a href="reference/flexbox_flow-column-reverse-wrap-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap - </td> - </tr> - <tr id="flexbox_flow-column-reverse-wrap-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_flow-column-reverse-wrap-reverse.xht">flexbox_flow-column-reverse-wrap-reverse</a></td> - <td><a href="reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap-reverse - </td> - </tr> - <tr id="flexbox_flow-column-wrap-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_flow-column-wrap.xht">flexbox_flow-column-wrap</a></td> - <td><a href="reference/flexbox_flow-column-wrap-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap - </td> - </tr> - <tr id="flexbox_flow-column-wrap-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_flow-column-wrap-reverse.xht">flexbox_flow-column-wrap-reverse</a></td> - <td><a href="reference/flexbox_flow-column-wrap-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap-reverse - </td> - </tr> - <tr id="flexbox_flow-row-wrap-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_flow-row-wrap.xht">flexbox_flow-row-wrap</a></td> - <td><a href="reference/flexbox_flow-row-wrap-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: row wrap - </td> - </tr> - <tr id="flexbox_flow-row-wrap-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_flow-row-wrap-reverse.xht">flexbox_flow-row-wrap-reverse</a></td> - <td><a href="reference/flexbox_flow-row-wrap-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: row wrap-reverse - </td> - </tr> - <tr id="flexbox_rtl-flow-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> - <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap | rtl - </td> - </tr> - <tr id="flexbox_rtl-flow-reverse-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> - <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column wrap-reverse | rtl - </td> - </tr> - <tr id="flexbox_rtl-order-5.3.#propdef-flex-flow" class=""> - <td> - <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> - <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl - </td> - </tr> - </tbody> - <tbody id="s5.3.#ref-for-flex-container-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-propdef-flex-direction-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-propdef-flex-direction-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-propdef-flex-flow-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-propdef-flex-flow-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-propdef-flex-flow-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-propdef-flex-wrap-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-propdef-flex-wrap-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-valdef-flex-direction-row-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.4">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#order-property">5.4 Display Order: the order property</a></th></tr> - <!-- 21 tests --> - <tr id="flex-order-5.4" class=""> - <td> - <a href="flex-order.xht">flex-order</a></td> - <td><a href="reference/flex-order-ref.xht">=</a> </td> - <td></td> - <td>flex order - <ul class="assert"> - <li>ordered flex items should ordered properly</li> - </ul> - </td> - </tr> - <tr id="grid-inline-order-property-auto-placement-001-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-auto-placement-002-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-auto-placement-003-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-auto-placement-004-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-auto-placement-005-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-painting-001-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-painting-002-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-painting-003-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-painting-004-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order within an inline grid - </td> - </tr> - <tr id="grid-inline-order-property-painting-005-5.4" class="ahem"> - <td> - <a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order within an inline grid - </td> - </tr> - <tr id="grid-order-property-auto-placement-001-5.4" class="ahem"> - <td> - <a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position - </td> - </tr> - <tr id="grid-order-property-auto-placement-002-5.4" class="ahem"> - <td> - <a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position - </td> - </tr> - <tr id="grid-order-property-auto-placement-003-5.4" class="ahem"> - <td> - <a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position - </td> - </tr> - <tr id="grid-order-property-auto-placement-004-5.4" class="ahem"> - <td> - <a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position - </td> - </tr> - <tr id="grid-order-property-auto-placement-005-5.4" class="ahem"> - <td> - <a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items auto-placement position - </td> - </tr> - <tr id="grid-order-property-painting-001-5.4" class="ahem"> - <td> - <a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order - </td> - </tr> - <tr id="grid-order-property-painting-002-5.4" class="ahem"> - <td> - <a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order - </td> - </tr> - <tr id="grid-order-property-painting-003-5.4" class="ahem"> - <td> - <a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order - </td> - </tr> - <tr id="grid-order-property-painting-004-5.4" class="ahem"> - <td> - <a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order - </td> - </tr> - <tr id="grid-order-property-painting-005-5.4" class="ahem"> - <td> - <a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'order' property affects grid items painting order - </td> - </tr> - </tbody> - <tbody id="s5.4.#example-acefdb57"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#order-modified-document-order"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#propdef-order"> - <!-- 17 tests --> - <tr id="flexbox-order-from-lowest-5.4.#propdef-order" class=""> - <td> - <a href="flexbox-order-from-lowest.xht">flexbox-order-from-lowest</a></td> - <td></td> - <td></td> - <td>flex container layout starts with lowest order item - <ul class="assert"> - <li>This test check that a flex container layous out its content starting with the lowest numbered ordinal group and going up</li> - </ul> - </td> - </tr> - <tr id="flexbox-order-only-flexitems-5.4.#propdef-order" class=""> - <td> - <a href="flexbox-order-only-flexitems.xht">flexbox-order-only-flexitems</a></td> - <td></td> - <td></td> - <td>order only affects flex items - <ul class="assert"> - <li>This test check that the order property has no effect on elements that are not flex items</li> - </ul> - </td> - </tr> - <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom script"> - <td> - <a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | order: 0 - </td> - </tr> - <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom script"> - <td> - <a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | order: -1 - </td> - </tr> - <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom script"> - <td> - <a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | order: integer - </td> - </tr> - <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom script"> - <td> - <a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | order: noninteger - </td> - </tr> - <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom script"> - <td> - <a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | order: -1 - </td> - </tr> - <tr id="flexbox_order-5.4.#propdef-order" class=""> - <td> - <a href="flexbox_order.xht">flexbox_order</a></td> - <td><a href="reference/flexbox_order-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap-reverse; order - </td> - </tr> - <tr id="flexbox_order-abspos-space-around-5.4.#propdef-order" class=""> - <td> - <a href="flexbox_order-abspos-space-around.xht">flexbox_order-abspos-space-around</a></td> - <td><a href="reference/flexbox_order-abspos-space-around-ref.xht">=</a> </td> - <td></td> - <td>flexbox | order; justify-content: space-around - </td> - </tr> - <tr id="flexbox_order-box-5.4.#propdef-order" class=""> - <td> - <a href="flexbox_order-box.xht">flexbox_order-box</a></td> - <td><a href="reference/flexbox_order-box-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap-reverse; order - </td> - </tr> - <tr id="flexbox_order-noninteger-invalid-5.4.#propdef-order" class=""> - <td> - <a href="flexbox_order-noninteger-invalid.xht">flexbox_order-noninteger-invalid</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-flow: column-reverse wrap-reverse; order - </td> - </tr> - <tr id="flexible-order-5.4.#propdef-order" class=""> - <td> - <a href="Flexible-order.xht">flexible-order</a></td> - <td><a href="reference/Flexible-order-ref.xht">=</a> </td> - <td></td> - <td>Change the value of 'order' property - <ul class="assert"> - <li>The order of three should be blue-red-black</li> - </ul> - </td> - </tr> - <tr id="order-001-5.4.#propdef-order" class=""> - <td> - <a href="order-001.xht">order-001</a></td> - <td></td> - <td></td> - <td>The 'order' property on flex items set to a value of '-1' - <ul class="assert"> - <li>This test checks that a flex container will lay out its content in the order specified by the ordinal groups.</li> - </ul> - </td> - </tr> - <tr id="order-with-column-reverse-5.4.#propdef-order" class=""> - <td> - <a href="order-with-column-reverse.xht">order-with-column-reverse</a></td> - <td><a href="reference/order-with-column-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container layout lowest order with column-reverse direction - <ul class="assert"> - <li>This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with column-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="order-with-row-reverse-5.4.#propdef-order" class=""> - <td> - <a href="order-with-row-reverse.xht">order-with-row-reverse</a></td> - <td><a href="reference/order-with-row-reverse-ref.xht">=</a> </td> - <td></td> - <td>flex container layout lowest order with row-reverse direction - <ul class="assert"> - <li>This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with row-reverse direction.</li> - </ul> - </td> - </tr> - <tr id="order_value-5.4.#propdef-order" class="script"> - <td> - <a href="order_value.xht">order_value</a></td> - <td></td> - <td><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>order_check - <ul class="assert"> - <li>Check if the web engine can indentify order property.</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-order-5.4.#propdef-order" class=""> - <td> - <a href="ttwf-reftest-flex-order.xht">ttwf-reftest-flex-order</a></td> - <td><a href="reference/ttwf-reftest-flex-order-ref.xht">=</a> </td> - <td></td> - <td>order proprety - value - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s5.4.#ref-for-flex-container-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#ref-for-flex-container-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#ref-for-flex-item-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#ref-for-flex-item-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#ref-for-flex-item-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#ref-for-propdef-order-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#ref-for-propdef-order-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#ref-for-propdef-order-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.#valdef-order-integer"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.4.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#order-accessibility">5.4.1 Reordering and Accessibility</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#example-93473bb9"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#example-e1d8dda6"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-propdef-order-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.4.1.#ref-for-valdef-align-items-stretch-2"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht deleted file mode 100644 index 8dc032d860f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht +++ /dev/null @@ -1,163 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Flex Lines - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Lines (1 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s6"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-lines">6 Flex Lines</a></th></tr> - <!-- 1 tests --> - <tr id="flexbox-flex-wrap-flexing-6" class=""> - <td> - <a href="flexbox-flex-wrap-flexing.xht">flexbox-flex-wrap-flexing</a></td> - <td><a href="reference/flexbox-flex-wrap-flexing-ref.xht">=</a> </td> - <td></td> - <td>flex-wrap flexes widths after line breaking - <ul class="assert"> - <li>Flex items given more space after line breaking should flex wider</li> - <li>http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap</li> - <li>http://www.w3.org/TR/css-flexbox-1/#flex-property</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s6.#example-218e9240"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#example-3406d1fd"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#flex-line"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#multi-line"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-cross-axis-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-cross-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-cross-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-cross-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-flex-container-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-flex-container-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-flex-container-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-flex-item-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-flex-item-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-flex-item-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-flex-item-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-main-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-main-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-multi-line-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-multi-line-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-multi-line-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-align-content-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-align-content-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-align-self-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-align-self-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-flow-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-wrap-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-wrap-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-wrap-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-wrap-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-flex-wrap-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-propdef-justify-content-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-single-line-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-single-line-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-valdef-flex-wrap-wrap-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#single-line"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht deleted file mode 100644 index 62faf991b15..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht +++ /dev/null @@ -1,1786 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Flexibility - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flexibility (155 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s7"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flexibility">7 Flexibility</a></th></tr> - <!-- 1 tests --> - <tr id="flex-items-flexibility-7" class=""> - <td> - <a href="flex-items-flexibility.xht">flex-items-flexibility</a></td> - <td><a href="reference/flex-items-flexibility.xht">=</a> </td> - <td></td> - <td>CSS Flex-basis Test - <ul class="assert"> - <li>flex items flexibility</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.#flexible"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#fully-inflexible"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-flex-flex-grow-factor-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-flex-flex-shrink-factor-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-flex-item-31"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-flex-item-32"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-main-dimension-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-propdef-flex-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-propdef-flex-grow-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.#ref-for-propdef-flex-shrink-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-property">7.1 The flex Shorthand</a></th></tr> - <!-- 98 tests --> - <tr id="flex-001-7.1" class=""> - <td> - <a href="flex-001.xht">flex-001</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td></td> - <td>The 'flex' shorthand adjusting the 'flex-grow' sub-property - <ul class="assert"> - <li>This test checks that the flex grow factor determines the distribution of positive free space.</li> - </ul> - </td> - </tr> - <tr id="flex-002-7.1" class=""> - <td> - <a href="flex-002.xht">flex-002</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td></td> - <td>The 'flex' shorthand adjusting the 'flex-shrink' sub-property - <ul class="assert"> - <li>This test checks that the flex shrink factor is multiplied by the flex base size when distributing negative space.</li> - </ul> - </td> - </tr> - <tr id="flex-003-7.1" class=""> - <td> - <a href="flex-003.xht">flex-003</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td></td> - <td>Comparing two different elements using different values for the 'flex-grow' sub-property on the 'flex' shorthand - <ul class="assert"> - <li>This test checks that the flex items with a different flex grow factor have different flexibilities.</li> - </ul> - </td> - </tr> - <tr id="flex-004-7.1" class=""> - <td> - <a href="flex-004.xht">flex-004</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td></td> - <td>Comparing two different elements using different values for the 'flex-shrink' sub-property on the 'flex' shorthand - <ul class="assert"> - <li>This test checks that the flex items with a different flex shrink factor have different flexibilities.</li> - </ul> - </td> - </tr> - <tr id="flex-vertical-align-effect-7.1" class=""> - <td> - <a href="flex-vertical-align-effect.xht">flex-vertical-align-effect</a></td> - <td><a href="reference/flex-vertical-align-effect.xht">=</a> </td> - <td></td> - <td>'display' property set to 'flex' - <ul class="assert"> - <li>vertical-align property has no effect</li> - </ul> - </td> - </tr> - <tr id="flexbox_flex-0-0-7.1" class=""> - <td> - <a href="flexbox_flex-0-0.xht">flexbox_flex-0-0</a></td> - <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 - </td> - </tr> - <tr id="flexbox_flex-0-0-0-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-0.xht">flexbox_flex-0-0-0</a></td> - <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 0 - </td> - </tr> - <tr id="flexbox_flex-0-0-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-0-unitless.xht">flexbox_flex-0-0-0-unitless</a></td> - <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 0 unitless - </td> - </tr> - <tr id="flexbox_flex-0-0-1-unitless-basis-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-1-unitless-basis.xht">flexbox_flex-0-0-1-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 N unitless - </td> - </tr> - <tr id="flexbox_flex-0-0-auto-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-auto.xht">flexbox_flex-0-0-auto</a></td> - <td><a href="reference/flexbox_flex-0-0-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 auto - </td> - </tr> - <tr id="flexbox_flex-0-0-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-auto-shrink.xht">flexbox_flex-0-0-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-0-0-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-0-n-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-N.xht">flexbox_flex-0-0-n</a></td> - <td><a href="reference/flexbox_flex-0-0-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 N - </td> - </tr> - <tr id="flexbox_flex-0-0-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-N-shrink.xht">flexbox_flex-0-0-n-shrink</a></td> - <td><a href="reference/flexbox_flex-0-0-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 N | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-0-n-unitless-basis-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-N-unitless-basis.xht">flexbox_flex-0-0-n-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 N unitless - </td> - </tr> - <tr id="flexbox_flex-0-0-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-Npercent.xht">flexbox_flex-0-0-npercent</a></td> - <td><a href="reference/flexbox_flex-0-0-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 N% - </td> - </tr> - <tr id="flexbox_flex-0-0-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-0-Npercent-shrink.xht">flexbox_flex-0-0-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-0-0-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 0 N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-1-7.1" class=""> - <td> - <a href="flexbox_flex-0-1.xht">flexbox_flex-0-1</a></td> - <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 - </td> - </tr> - <tr id="flexbox_flex-0-1-0-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-0.xht">flexbox_flex-0-1-0</a></td> - <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 0 - </td> - </tr> - <tr id="flexbox_flex-0-1-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-0-unitless.xht">flexbox_flex-0-1-0-unitless</a></td> - <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 0 unitless - </td> - </tr> - <tr id="flexbox_flex-0-1-1-unitless-basis-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-1-unitless-basis.xht">flexbox_flex-0-1-1-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 1 unitless - </td> - </tr> - <tr id="flexbox_flex-0-1-auto-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-auto.xht">flexbox_flex-0-1-auto</a></td> - <td><a href="reference/flexbox_flex-0-1-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 auto - </td> - </tr> - <tr id="flexbox_flex-0-1-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-auto-shrink.xht">flexbox_flex-0-1-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-0-1-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-1-n-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-N.xht">flexbox_flex-0-1-n</a></td> - <td><a href="reference/flexbox_flex-0-1-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 N - </td> - </tr> - <tr id="flexbox_flex-0-1-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-N-shrink.xht">flexbox_flex-0-1-n-shrink</a></td> - <td><a href="reference/flexbox_flex-0-1-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 N | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-1-n-unitless-basis-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-N-unitless-basis.xht">flexbox_flex-0-1-n-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 N unitless - </td> - </tr> - <tr id="flexbox_flex-0-1-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-Npercent.xht">flexbox_flex-0-1-npercent</a></td> - <td><a href="reference/flexbox_flex-0-1-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 N% - </td> - </tr> - <tr id="flexbox_flex-0-1-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-1-Npercent-shrink.xht">flexbox_flex-0-1-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-0-1-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 1 N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-auto-7.1" class=""> - <td> - <a href="flexbox_flex-0-auto.xht">flexbox_flex-0-auto</a></td> - <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 auto - </td> - </tr> - <tr id="flexbox_flex-0-n-7.1" class=""> - <td> - <a href="flexbox_flex-0-N.xht">flexbox_flex-0-n</a></td> - <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N - </td> - </tr> - <tr id="flexbox_flex-0-n-0-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-0.xht">flexbox_flex-0-n-0</a></td> - <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N 0 - </td> - </tr> - <tr id="flexbox_flex-0-n-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-0-unitless.xht">flexbox_flex-0-n-0-unitless</a></td> - <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N 0 unitless - </td> - </tr> - <tr id="flexbox_flex-0-n-auto-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-auto.xht">flexbox_flex-0-n-auto</a></td> - <td><a href="reference/flexbox_flex-0-N-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N auto - </td> - </tr> - <tr id="flexbox_flex-0-n-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-auto-shrink.xht">flexbox_flex-0-n-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-0-N-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-n-n-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-N.xht">flexbox_flex-0-n-n</a></td> - <td><a href="reference/flexbox_flex-0-N-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N N - </td> - </tr> - <tr id="flexbox_flex-0-n-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-N-shrink.xht">flexbox_flex-0-n-n-shrink</a></td> - <td><a href="reference/flexbox_flex-0-N-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N N | shrinking - </td> - </tr> - <tr id="flexbox_flex-0-n-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-Npercent.xht">flexbox_flex-0-n-npercent</a></td> - <td><a href="reference/flexbox_flex-0-N-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N N% - </td> - </tr> - <tr id="flexbox_flex-0-n-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-0-N-Npercent-shrink.xht">flexbox_flex-0-n-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-0-N-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 0 N N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-0-7.1" class=""> - <td> - <a href="flexbox_flex-1-0.xht">flexbox_flex-1-0</a></td> - <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 - </td> - </tr> - <tr id="flexbox_flex-1-0-0-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-0.xht">flexbox_flex-1-0-0</a></td> - <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 0 - </td> - </tr> - <tr id="flexbox_flex-1-0-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-0-unitless.xht">flexbox_flex-1-0-0-unitless</a></td> - <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 0 unitless - </td> - </tr> - <tr id="flexbox_flex-1-0-auto-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-auto.xht">flexbox_flex-1-0-auto</a></td> - <td><a href="reference/flexbox_flex-1-0-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 auto - </td> - </tr> - <tr id="flexbox_flex-1-0-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-auto-shrink.xht">flexbox_flex-1-0-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-1-0-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-0-n-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-N.xht">flexbox_flex-1-0-n</a></td> - <td><a href="reference/flexbox_flex-1-0-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 N - </td> - </tr> - <tr id="flexbox_flex-1-0-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-N-shrink.xht">flexbox_flex-1-0-n-shrink</a></td> - <td><a href="reference/flexbox_flex-1-0-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 N | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-0-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-Npercent.xht">flexbox_flex-1-0-npercent</a></td> - <td><a href="reference/flexbox_flex-1-0-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 N% - </td> - </tr> - <tr id="flexbox_flex-1-0-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-0-Npercent-shrink.xht">flexbox_flex-1-0-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-1-0-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 0 N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-1-7.1" class=""> - <td> - <a href="flexbox_flex-1-1.xht">flexbox_flex-1-1</a></td> - <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 - </td> - </tr> - <tr id="flexbox_flex-1-1-0-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-0.xht">flexbox_flex-1-1-0</a></td> - <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 0 - </td> - </tr> - <tr id="flexbox_flex-1-1-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-0-unitless.xht">flexbox_flex-1-1-0-unitless</a></td> - <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 0 unitless - </td> - </tr> - <tr id="flexbox_flex-1-1-auto-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-auto.xht">flexbox_flex-1-1-auto</a></td> - <td><a href="reference/flexbox_flex-1-1-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 auto - </td> - </tr> - <tr id="flexbox_flex-1-1-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-auto-shrink.xht">flexbox_flex-1-1-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-1-1-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-1-n-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-N.xht">flexbox_flex-1-1-n</a></td> - <td><a href="reference/flexbox_flex-1-1-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 N - </td> - </tr> - <tr id="flexbox_flex-1-1-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-N-shrink.xht">flexbox_flex-1-1-n-shrink</a></td> - <td><a href="reference/flexbox_flex-1-1-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 N | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-1-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-Npercent.xht">flexbox_flex-1-1-npercent</a></td> - <td><a href="reference/flexbox_flex-1-1-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 N% - </td> - </tr> - <tr id="flexbox_flex-1-1-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-1-Npercent-shrink.xht">flexbox_flex-1-1-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-1-1-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 1 N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-n-7.1" class=""> - <td> - <a href="flexbox_flex-1-N.xht">flexbox_flex-1-n</a></td> - <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N - </td> - </tr> - <tr id="flexbox_flex-1-n-0-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-0.xht">flexbox_flex-1-n-0</a></td> - <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N 0 - </td> - </tr> - <tr id="flexbox_flex-1-n-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-0-unitless.xht">flexbox_flex-1-n-0-unitless</a></td> - <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N 0 unitless - </td> - </tr> - <tr id="flexbox_flex-1-n-auto-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-auto.xht">flexbox_flex-1-n-auto</a></td> - <td><a href="reference/flexbox_flex-1-N-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N auto - </td> - </tr> - <tr id="flexbox_flex-1-n-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-auto-shrink.xht">flexbox_flex-1-n-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-1-N-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-n-n-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-N.xht">flexbox_flex-1-n-n</a></td> - <td><a href="reference/flexbox_flex-1-N-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N N - </td> - </tr> - <tr id="flexbox_flex-1-n-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-N-shrink.xht">flexbox_flex-1-n-n-shrink</a></td> - <td><a href="reference/flexbox_flex-1-N-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N N | shrinking - </td> - </tr> - <tr id="flexbox_flex-1-n-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-Npercent.xht">flexbox_flex-1-n-npercent</a></td> - <td><a href="reference/flexbox_flex-1-N-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N N% - </td> - </tr> - <tr id="flexbox_flex-1-n-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-1-N-Npercent-shrink.xht">flexbox_flex-1-n-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-1-N-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: 1 N N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-0-7.1" class=""> - <td> - <a href="flexbox_flex-N-0.xht">flexbox_flex-n-0</a></td> - <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 - </td> - </tr> - <tr id="flexbox_flex-n-0-0-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-0.xht">flexbox_flex-n-0-0</a></td> - <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 0 - </td> - </tr> - <tr id="flexbox_flex-n-0-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-0-unitless.xht">flexbox_flex-n-0-0-unitless</a></td> - <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 0 unitless - </td> - </tr> - <tr id="flexbox_flex-n-0-auto-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-auto.xht">flexbox_flex-n-0-auto</a></td> - <td><a href="reference/flexbox_flex-N-0-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 auto - </td> - </tr> - <tr id="flexbox_flex-n-0-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-auto-shrink.xht">flexbox_flex-n-0-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-N-0-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-0-n-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-N.xht">flexbox_flex-n-0-n</a></td> - <td><a href="reference/flexbox_flex-N-0-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 N - </td> - </tr> - <tr id="flexbox_flex-n-0-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-N-shrink.xht">flexbox_flex-n-0-n-shrink</a></td> - <td><a href="reference/flexbox_flex-N-0-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 N | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-0-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-Npercent.xht">flexbox_flex-n-0-npercent</a></td> - <td><a href="reference/flexbox_flex-N-0-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 N% - </td> - </tr> - <tr id="flexbox_flex-n-0-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-0-Npercent-shrink.xht">flexbox_flex-n-0-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-N-0-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 0 N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-1-7.1" class=""> - <td> - <a href="flexbox_flex-N-1.xht">flexbox_flex-n-1</a></td> - <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 - </td> - </tr> - <tr id="flexbox_flex-n-1-0-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-0.xht">flexbox_flex-n-1-0</a></td> - <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 0 - </td> - </tr> - <tr id="flexbox_flex-n-1-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-0-unitless.xht">flexbox_flex-n-1-0-unitless</a></td> - <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 0 unitless - </td> - </tr> - <tr id="flexbox_flex-n-1-auto-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-auto.xht">flexbox_flex-n-1-auto</a></td> - <td><a href="reference/flexbox_flex-N-1-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 auto - </td> - </tr> - <tr id="flexbox_flex-n-1-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-auto-shrink.xht">flexbox_flex-n-1-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-N-1-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-1-n-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-N.xht">flexbox_flex-n-1-n</a></td> - <td><a href="reference/flexbox_flex-N-1-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 N - </td> - </tr> - <tr id="flexbox_flex-n-1-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-N-shrink.xht">flexbox_flex-n-1-n-shrink</a></td> - <td><a href="reference/flexbox_flex-N-1-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 N | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-1-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-Npercent.xht">flexbox_flex-n-1-npercent</a></td> - <td><a href="reference/flexbox_flex-N-1-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 N% - </td> - </tr> - <tr id="flexbox_flex-n-1-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-1-Npercent-shrink.xht">flexbox_flex-n-1-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-N-1-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N 1 N% | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-n-7.1" class=""> - <td> - <a href="flexbox_flex-N-N.xht">flexbox_flex-n-n</a></td> - <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N - </td> - </tr> - <tr id="flexbox_flex-n-n-0-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-0.xht">flexbox_flex-n-n-0</a></td> - <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N 0 - </td> - </tr> - <tr id="flexbox_flex-n-n-0-unitless-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-0-unitless.xht">flexbox_flex-n-n-0-unitless</a></td> - <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N 0 unitless - </td> - </tr> - <tr id="flexbox_flex-n-n-auto-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-auto.xht">flexbox_flex-n-n-auto</a></td> - <td><a href="reference/flexbox_flex-N-N-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N auto - </td> - </tr> - <tr id="flexbox_flex-n-n-auto-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-auto-shrink.xht">flexbox_flex-n-n-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-N-N-auto-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N auto | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-n-n-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-N.xht">flexbox_flex-n-n-n</a></td> - <td><a href="reference/flexbox_flex-N-N-N-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N N - </td> - </tr> - <tr id="flexbox_flex-n-n-n-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-N-shrink.xht">flexbox_flex-n-n-n-shrink</a></td> - <td><a href="reference/flexbox_flex-N-N-N-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N N | shrinking - </td> - </tr> - <tr id="flexbox_flex-n-n-npercent-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-Npercent.xht">flexbox_flex-n-n-npercent</a></td> - <td><a href="reference/flexbox_flex-N-N-Npercent-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N N% - </td> - </tr> - <tr id="flexbox_flex-n-n-npercent-shrink-7.1" class=""> - <td> - <a href="flexbox_flex-N-N-Npercent-shrink.xht">flexbox_flex-n-n-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-N-N-Npercent-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: N N N% | shrinking - </td> - </tr> - <tr id="flexbox_interactive_flex-transitions-7.1" class="interact"> - <td> - <a href="flexbox_interactive_flex-transitions.xht">flexbox_interactive_flex-transitions</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> - <td>flexbox | transitioned flex - </td> - </tr> - <tr id="flexbox_interactive_order-transitions-7.1" class="interact"> - <td> - <a href="flexbox_interactive_order-transitions.xht">flexbox_interactive_order-transitions</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> - <td>flexbox | flex-flow and transitioned order - </td> - </tr> - <tr id="flexbox_interactive_order-transitions-2-7.1" class="interact"> - <td> - <a href="flexbox_interactive_order-transitions-2.xht">flexbox_interactive_order-transitions-2</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> - <td>flexbox | transitioned order - </td> - </tr> - <tr id="flexbox_item-bottom-float-7.1" class=""> - <td> - <a href="flexbox_item-bottom-float.xht">flexbox_item-bottom-float</a></td> - <td><a href="reference/flexbox_item-bottom-float-ref.xht">=</a> </td> - <td></td> - <td>flexbox | GCPM bottom float - </td> - </tr> - <tr id="flexbox_item-top-float-7.1" class=""> - <td> - <a href="flexbox_item-top-float.xht">flexbox_item-top-float</a></td> - <td><a href="reference/flexbox_item-top-float-ref.xht">=</a> </td> - <td></td> - <td>flexbox | floated item - </td> - </tr> - <tr id="flexbox_rowspan-overflow-7.1" class=""> - <td> - <a href="flexbox_rowspan-overflow.xht">flexbox_rowspan-overflow</a></td> - <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainers in cells with rowspan - </td> - </tr> - <tr id="flexbox_rowspan-overflow-automatic-7.1" class=""> - <td> - <a href="flexbox_rowspan-overflow-automatic.xht">flexbox_rowspan-overflow-automatic</a></td> - <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainers in cells with rowspan - </td> - </tr> - </tbody> - <tbody id="s7.1.#flex-flex-basis"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#flex-flex-grow-factor"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#flex-flex-shrink-factor"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#flexible-length"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#propdef-flex"> - <!-- 7 tests --> - <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex: invalid - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex: 0 auto - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex: auto - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex: initial - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex: invalid - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex: auto - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex: number - </td> - </tr> - </tbody> - <tbody id="s7.1.#ref-for-flex-base-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-flex-basis-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-flex-grow-factor-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-flex-shrink-factor-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-flex-shrink-factor-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-33"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-34"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-35"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-36"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-37"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-38"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-39"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-40"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-41"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-flex-item-42"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-main-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-main-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-main-size-property-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-main-size-property-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-basis-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-grow-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-grow-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-grow-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-grow-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-shrink-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-shrink-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-flex-shrink-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-valdef-flex-basis-auto-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-valdef-flex-basis-auto-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-valdef-flex-basis-content-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-valdef-flex-basis-content-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-valdef-flex-none-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-valdef-min-width-auto-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#valdef-flex-basis-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#valdef-flex-basis-content"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#valdef-flex-flex-basis"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#valdef-flex-flex-grow"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#valdef-flex-flex-shrink"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#valdef-flex-none"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.1.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-common">7.1.1 Basic Values of flex</a></th></tr> - <!-- 5 tests --> - <tr id="flexbox_flex-auto-7.1.1" class=""> - <td> - <a href="flexbox_flex-auto.xht">flexbox_flex-auto</a></td> - <td><a href="reference/flexbox_flex-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: auto - </td> - </tr> - <tr id="flexbox_flex-initial-7.1.1" class=""> - <td> - <a href="flexbox_flex-initial.xht">flexbox_flex-initial</a></td> - <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: initial - </td> - </tr> - <tr id="flexbox_flex-initial-2-7.1.1" class=""> - <td> - <a href="flexbox_flex-initial-2.xht">flexbox_flex-initial-2</a></td> - <td><a href="reference/flexbox_flex-initial-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: initial - </td> - </tr> - <tr id="flexbox_flex-natural-7.1.1" class=""> - <td> - <a href="flexbox_flex-natural.xht">flexbox_flex-natural</a></td> - <td><a href="reference/flexbox_flex-natural-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: larger integer - </td> - </tr> - <tr id="flexbox_flex-none-7.1.1" class=""> - <td> - <a href="flexbox_flex-none.xht">flexbox_flex-none</a></td> - <td><a href="reference/flexbox_flex-none-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: none - </td> - </tr> - </tbody> - <tbody id="s7.1.1.#flex-initial"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-flex-flex-basis-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-fully-inflexible-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-main-axis-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-main-axis-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-main-size-property-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.1.#ref-for-propdef-flex-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-components">7.2 Components of Flexibility</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-flex-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.2.1 The flex-grow property</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#propdef-flex-grow"> - <!-- 13 tests --> - <tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.2.1.#propdef-flex-grow" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-001.xht">autoheight-regions-in-fixed-sized-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions inside fixed sized flexbox - <ul class="assert"> - <li>Test checks that auto-height regions respect the flex grow property when placed inside a fixed sized flexbox with a single row.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.2.1.#propdef-flex-grow" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-002.xht">autoheight-regions-in-fixed-sized-flexbox-002</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions inside fixed sized flexbox with column flow - <ul class="assert"> - <li>Test checks that auto-height regions placed inside a fixed sized flexbox with column flow have the correct computed height. There are two regions placed inside the same flex container having the same 'grow' value. The space should be distributed evenly between the two.</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-img-expand-evenly-7.2.1.#propdef-flex-grow" class=""> - <td> - <a href="css-flexbox-img-expand-evenly.xht">css-flexbox-img-expand-evenly</a></td> - <td><a href="reference/css-flexbox-img-expand-evenly-ref.xht">=</a> </td> - <td></td> - <td>Image Expansion - <ul class="assert"> - <li>3 rectangular images fill out border.</li> - </ul> - </td> - </tr> - <tr id="flex-grow-001-7.2.1.#propdef-flex-grow" class=""> - <td> - <a href="flex-grow-001.xht">flex-grow-001</a></td> - <td><a href="reference/flex-grow-001-ref.xht">=</a> </td> - <td></td> - <td>Flex-grow Property of Block-level Flex Items - <ul class="assert"> - <li>'flex-grow' property specifies the flex grow factor, which determines how much the flex item will grow relative to the rest of the flex items in the flex container when positive free space is distributed.</li> - </ul> - </td> - </tr> - <tr id="flex-grow-002-7.2.1.#propdef-flex-grow" class=""> - <td> - <a href="flex-grow-002.xht">flex-grow-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-grow - 0(initial value) - <ul class="assert"> - <li>The 'flex-grow' property initial value is '0', the flex item will keep the width when 'flex-grow' set '0'</li> - </ul> - </td> - </tr> - <tr id="flex-grow-003-7.2.1.#propdef-flex-grow" class=""> - <td> - <a href="flex-grow-003.xht">flex-grow-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-grow - negative number - <ul class="assert"> - <li>The 'flex-grow' property set negative number, the flex item will not grow.</li> - </ul> - </td> - </tr> - <tr id="flex-grow-004-7.2.1.#propdef-flex-grow" class=""> - <td> - <a href="flex-grow-004.xht">flex-grow-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-grow - (invalid when no space distributed) - <ul class="assert"> - <li>The 'flex-grow' property is invalid when the flex container has no space distributed.</li> - </ul> - </td> - </tr> - <tr id="flex-grow-005-7.2.1.#propdef-flex-grow" class=""> - <td> - <a href="flex-grow-005.xht">flex-grow-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-grow - (invalid when applied to flex container) - <ul class="assert"> - <li>The 'flex-grow' property is invalid when the property applied to flex container.</li> - </ul> - </td> - </tr> - <tr id="flex-grow-006-7.2.1.#propdef-flex-grow" class=""> - <td> - <a href="flex-grow-006.xht">flex-grow-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-grow - positive number(fill all space) - <ul class="assert"> - <li>Test checks that all space of flex container will be filled when there is only one flex item and 'flex-grow' set any positive number.</li> - </ul> - </td> - </tr> - <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-grow: 0 - </td> - </tr> - <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-grow: negative - </td> - </tr> - <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-grow: number - </td> - </tr> - <tr id="flexbox_interactive_flex-grow-transitions-7.2.1.#propdef-flex-grow" class="interact"> - <td> - <a href="flexbox_interactive_flex-grow-transitions.xht">flexbox_interactive_flex-grow-transitions</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> - <td>flexbox | transitioned flex-grow - </td> - </tr> - </tbody> - <tbody id="s7.2.1.#ref-for-flex-flex-grow-factor-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-flex-item-43"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-propdef-flex-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-propdef-flex-grow-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-propdef-flex-grow-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-propdef-flex-grow-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#valdef-flex-grow-number"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.2.2 The flex-shrink property</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#propdef-flex-shrink"> - <!-- 12 tests --> - <tr id="flex-shrink-001-7.2.2.#propdef-flex-shrink" class=""> - <td> - <a href="flex-shrink-001.xht">flex-shrink-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-shrink - number(positive) - <ul class="assert"> - <li>The flex-shrink property set positive number determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed</li> - </ul> - </td> - </tr> - <tr id="flex-shrink-002-7.2.2.#propdef-flex-shrink" class=""> - <td> - <a href="flex-shrink-002.xht">flex-shrink-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-shrink - number(negative) - <ul class="assert"> - <li>The flex-shrink property set negative is invalid to shrink flex items when negative free space is distributed</li> - </ul> - </td> - </tr> - <tr id="flex-shrink-003-7.2.2.#propdef-flex-shrink" class=""> - <td> - <a href="flex-shrink-003.xht">flex-shrink-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-shrink - 1(initial value) - <ul class="assert"> - <li>The flex-shrink property initial value is 1</li> - </ul> - </td> - </tr> - <tr id="flex-shrink-004-7.2.2.#propdef-flex-shrink" class=""> - <td> - <a href="flex-shrink-004.xht">flex-shrink-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-shrink - number(flex container has enough space) - <ul class="assert"> - <li>The flex-shrink property is invalid when flex container has enough space to load flex items</li> - </ul> - </td> - </tr> - <tr id="flex-shrink-005-7.2.2.#propdef-flex-shrink" class=""> - <td> - <a href="flex-shrink-005.xht">flex-shrink-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-shrink - 0 - <ul class="assert"> - <li>The flex-shrink property set 0 will ignore the flex container</li> - </ul> - </td> - </tr> - <tr id="flex-shrink-006-7.2.2.#propdef-flex-shrink" class=""> - <td> - <a href="flex-shrink-006.xht">flex-shrink-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-shrink - 0(one of flex-shrinks sets 0, another not) - <ul class="assert"> - <li>The flex item whose flex-shrink property of set 0 will displayed on the top of all flex items</li> - </ul> - </td> - </tr> - <tr id="flex-shrink-007-7.2.2.#propdef-flex-shrink" class=""> - <td> - <a href="flex-shrink-007.xht">flex-shrink-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-shrink - applied to flex container - <ul class="assert"> - <li>The flex-shrink property applied to flex container is invalid, all flex items will use the default value 1</li> - </ul> - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-shrink: 0 - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-shrink: negative - </td> - </tr> - <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-shrink: number - </td> - </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-7.2.2.#propdef-flex-shrink" class="interact"> - <td> - <a href="flexbox_interactive_flex-shrink-transitions.xht">flexbox_interactive_flex-shrink-transitions</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> - <td>flexbox | transitioned flex-shrink - </td> - </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.2.2.#propdef-flex-shrink" class="interact"> - <td> - <a href="flexbox_interactive_flex-shrink-transitions-invalid.xht">flexbox_interactive_flex-shrink-transitions-invalid</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> - <td>flexbox | invalid flex-shrink transition - </td> - </tr> - </tbody> - <tbody id="s7.2.2.#ref-for-flex-flex-shrink-factor-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#ref-for-flex-item-44"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#ref-for-propdef-flex-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#ref-for-propdef-flex-shrink-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#ref-for-propdef-flex-shrink-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#ref-for-propdef-flex-shrink-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#valdef-flex-shrink-number"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2.3">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.2.3 The flex-basis property</a></th></tr> - <!-- 10 tests --> - <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-basis: 0 - </td> - </tr> - <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-basis: 0% - </td> - </tr> - <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-basis: auto - </td> - </tr> - <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom script"> - <td> - <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | flex-basis: percent - </td> - </tr> - <tr id="flexbox_flex-basis-7.2.3" class=""> - <td> - <a href="flexbox_flex-basis.xht">flexbox_flex-basis</a></td> - <td><a href="reference/flexbox_flex-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-basis: percentage - </td> - </tr> - <tr id="flexbox_flex-basis-shrink-7.2.3" class=""> - <td> - <a href="flexbox_flex-basis-shrink.xht">flexbox_flex-basis-shrink</a></td> - <td><a href="reference/flexbox_flex-basis-shrink-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex-basis: percentage, flex-shrink: +integer - </td> - </tr> - <tr id="flexbox_flex-natural-mixed-basis-7.2.3" class=""> - <td> - <a href="flexbox_flex-natural-mixed-basis.xht">flexbox_flex-natural-mixed-basis</a></td> - <td><a href="reference/flexbox_flex-natural-mixed-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: larger integer, mixed basis - </td> - </tr> - <tr id="flexbox_flex-natural-mixed-basis-auto-7.2.3" class=""> - <td> - <a href="flexbox_flex-natural-mixed-basis-auto.xht">flexbox_flex-natural-mixed-basis-auto</a></td> - <td><a href="reference/flexbox_flex-natural-mixed-basis-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: larger integer, mixed basis, auto - </td> - </tr> - <tr id="flexbox_flex-natural-variable-auto-basis-7.2.3" class=""> - <td> - <a href="flexbox_flex-natural-variable-auto-basis.xht">flexbox_flex-natural-variable-auto-basis</a></td> - <td><a href="reference/flexbox_flex-natural-variable-auto-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: larger integer, auto basis - </td> - </tr> - <tr id="flexbox_interactive_flex-basis-transitions-7.2.3" class="interact"> - <td> - <a href="flexbox_interactive_flex-basis-transitions.xht">flexbox_interactive_flex-basis-transitions</a></td> - <td></td> - <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> - <td>flexbox | transitioned flex-basis - </td> - </tr> - </tbody> - <tbody id="s7.2.3.#propdef-flex-basis"> - <!-- 9 tests --> - <tr id="flex-basis-001-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-001.xht">flex-basis-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - positive number - <ul class="assert"> - <li>The 'flex-basis' property set positive number, the actual value of test element size is same as the positive number</li> - </ul> - </td> - </tr> - <tr id="flex-basis-002-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-002.xht">flex-basis-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - positive number - <ul class="assert"> - <li>The 'flex-basis' property specified correct value, the actual value of test element size is same as to the value of 'flex-basis' property, and the 'width' property is invalid.</li> - </ul> - </td> - </tr> - <tr id="flex-basis-003-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-003.xht">flex-basis-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - negative number(width not specified) - <ul class="assert"> - <li>The 'flex-basis' property set negative number, the tested element is not shown when width not set either.</li> - </ul> - </td> - </tr> - <tr id="flex-basis-004-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-004.xht">flex-basis-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - negative number(width specified) - <ul class="assert"> - <li>The 'flex-basis' property set negative number, the actual width of tested element is same as the value of 'width' property specified.</li> - </ul> - </td> - </tr> - <tr id="flex-basis-005-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-005.xht">flex-basis-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - 0 - <ul class="assert"> - <li>The 'flex-basis' property set '0', the actual width of tested element is same as 0.</li> - </ul> - </td> - </tr> - <tr id="flex-basis-006-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-006.xht">flex-basis-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - 0% - <ul class="assert"> - <li>The 'flex-basis' property set '0%', the actual width of tested element is same as 0.</li> - </ul> - </td> - </tr> - <tr id="flex-basis-007-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-007.xht">flex-basis-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - auto - <ul class="assert"> - <li>The 'flex-basis' property set 'auto', the actual width of tested element same as the value which specified by width property.</li> - </ul> - </td> - </tr> - <tr id="flex-basis-008-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flex-basis-008.xht">flex-basis-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>flex-basis - 50% - <ul class="assert"> - <li>The 'flex-basis' property set positive percentage, the actual width of tested element same as the percentage of flex container size.</li> - </ul> - </td> - </tr> - <tr id="flexbox_flex-natural-variable-zero-basis-7.2.3.#propdef-flex-basis" class=""> - <td> - <a href="flexbox_flex-natural-variable-zero-basis.xht">flexbox_flex-natural-variable-zero-basis</a></td> - <td><a href="reference/flexbox_flex-natural-variable-zero-basis-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flex: larger integer, zero basis - </td> - </tr> - </tbody> - <tbody id="s7.2.3.#ref-for-definite-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-flex-container-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-flex-container-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-flex-flex-basis-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-flex-item-45"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-main-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-propdef-flex-basis-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-valdef-flex-basis-auto-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-6"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht deleted file mode 100644 index eba00f15722..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht +++ /dev/null @@ -1,2259 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Alignment - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Alignment (164 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s8"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#alignment">8 Alignment</a></th></tr> - <!-- 1 tests --> - <tr id="flex-align-items-center-8" class=""> - <td> - <a href="flex-align-items-center.xht">flex-align-items-center</a></td> - <td><a href="reference/flex-align-items-center-ref.xht">=</a> </td> - <td></td> - <td>CSS Flex-basis Test - <ul class="assert"> - <li>flex items center</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s8.#ref-for-cross-axis-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-flex-item-46"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-main-axis-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#auto-margins">8.1 Aligning with auto margins</a></th></tr> - <!-- 6 tests --> - <tr id="flexbox-align-self-horiz-005-8.1" class=""> - <td> - <a href="flexbox-align-self-horiz-005.xht">flexbox-align-self-horiz-005</a></td> - <td><a href="reference/flexbox-align-self-horiz-005-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container - </td> - </tr> - <tr id="flexbox-margin-auto-horiz-001-8.1" class=""> - <td> - <a href="flexbox-margin-auto-horiz-001.xht">flexbox-margin-auto-horiz-001</a></td> - <td><a href="reference/flexbox-margin-auto-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing horizontal auto margins on flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-margin-auto-horiz-002-8.1" class=""> - <td> - <a href="flexbox-margin-auto-horiz-002.xht">flexbox-margin-auto-horiz-002</a></td> - <td><a href="reference/flexbox-margin-auto-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing vertical auto margins on flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox_margin-auto-8.1" class=""> - <td> - <a href="flexbox_margin-auto.xht">flexbox_margin-auto</a></td> - <td><a href="reference/flexbox_margin-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | margin: auto - </td> - </tr> - <tr id="flexbox_margin-auto-overflow-8.1" class=""> - <td> - <a href="flexbox_margin-auto-overflow.xht">flexbox_margin-auto-overflow</a></td> - <td><a href="reference/flexbox_margin-auto-overflow-ref.xht">=</a> </td> - <td></td> - <td>flexbox | margin: auto in overflow - </td> - </tr> - <tr id="flexbox_margin-auto-overflow-2-8.1" class=""> - <td> - <a href="flexbox_margin-auto-overflow-2.xht">flexbox_margin-auto-overflow-2</a></td> - <td><a href="reference/flexbox_margin-auto-overflow-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | margin: auto in overflow - </td> - </tr> - </tbody> - <tbody id="s8.1.#auto-bar"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1.#example-30f9440a"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1.#example-f1650544"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1.#login"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1.#ref-for-propdef-align-items-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1.#ref-for-propdef-align-self-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1.#ref-for-propdef-align-self-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.1.#ref-for-propdef-justify-content-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#justify-content-property">8.2 Axis Alignment: the justify-content property</a></th></tr> - <!-- 12 tests --> - <tr id="flexbox-justify-content-horiz-001a-8.2" class=""> - <td> - <a href="flexbox-justify-content-horiz-001a.xht">flexbox-justify-content-horiz-001a</a></td> - <td><a href="reference/flexbox-justify-content-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a horizontal flex container - </td> - </tr> - <tr id="flexbox-justify-content-horiz-001b-8.2" class=""> - <td> - <a href="flexbox-justify-content-horiz-001b.xht">flexbox-justify-content-horiz-001b</a></td> - <td><a href="reference/flexbox-justify-content-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a horizontal flex container with "min-width" - </td> - </tr> - <tr id="flexbox-justify-content-horiz-002-8.2" class=""> - <td> - <a href="flexbox-justify-content-horiz-002.xht">flexbox-justify-content-horiz-002</a></td> - <td><a href="reference/flexbox-justify-content-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a horizontal flex container, with margins/border/padding on flex items - </td> - </tr> - <tr id="flexbox-justify-content-horiz-003-8.2" class=""> - <td> - <a href="flexbox-justify-content-horiz-003.xht">flexbox-justify-content-horiz-003</a></td> - <td><a href="reference/flexbox-justify-content-horiz-003-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow - </td> - </tr> - <tr id="flexbox-justify-content-horiz-004-8.2" class=""> - <td> - <a href="flexbox-justify-content-horiz-004.xht">flexbox-justify-content-horiz-004</a></td> - <td><a href="reference/flexbox-justify-content-horiz-004-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow, with margins/border/padding on flex items - </td> - </tr> - <tr id="flexbox-justify-content-horiz-005-8.2" class=""> - <td> - <a href="flexbox-justify-content-horiz-005.xht">flexbox-justify-content-horiz-005</a></td> - <td><a href="reference/flexbox-justify-content-horiz-005-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in an auto-sized horizontal flex container - </td> - </tr> - <tr id="flexbox-justify-content-vert-001a-8.2" class=""> - <td> - <a href="flexbox-justify-content-vert-001a.xht">flexbox-justify-content-vert-001a</a></td> - <td><a href="reference/flexbox-justify-content-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a vertical flex container - </td> - </tr> - <tr id="flexbox-justify-content-vert-001b-8.2" class=""> - <td> - <a href="flexbox-justify-content-vert-001b.xht">flexbox-justify-content-vert-001b</a></td> - <td><a href="reference/flexbox-justify-content-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a vertical flex container with "min-height" - </td> - </tr> - <tr id="flexbox-justify-content-vert-002-8.2" class=""> - <td> - <a href="flexbox-justify-content-vert-002.xht">flexbox-justify-content-vert-002</a></td> - <td><a href="reference/flexbox-justify-content-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a vertical flex container, with margins/border/padding on flex items - </td> - </tr> - <tr id="flexbox-justify-content-vert-003-8.2" class=""> - <td> - <a href="flexbox-justify-content-vert-003.xht">flexbox-justify-content-vert-003</a></td> - <td><a href="reference/flexbox-justify-content-vert-003-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow - </td> - </tr> - <tr id="flexbox-justify-content-vert-004-8.2" class=""> - <td> - <a href="flexbox-justify-content-vert-004.xht">flexbox-justify-content-vert-004</a></td> - <td><a href="reference/flexbox-justify-content-vert-004-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow, with margins/border/padding on flex items - </td> - </tr> - <tr id="flexbox-justify-content-vert-005-8.2" class=""> - <td> - <a href="flexbox-justify-content-vert-005.xht">flexbox-justify-content-vert-005</a></td> - <td><a href="reference/flexbox-justify-content-vert-005-ref.xht">=</a> </td> - <td></td> - <td>Testing 'justify-content' in an auto-sized vertical flex container - </td> - </tr> - </tbody> - <tbody id="s8.2.#propdef-justify-content"> - <!-- 28 tests --> - <tr id="css-box-justify-content-8.2.#propdef-justify-content" class=""> - <td> - <a href="css-box-justify-content.xht">css-box-justify-content</a></td> - <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> - <td></td> - <td>flexbox |css-box-justify-content - </td> - </tr> - <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom script"> - <td> - <a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | justify-content: center - </td> - </tr> - <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom script"> - <td> - <a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | justify-content: flex-end - </td> - </tr> - <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom script"> - <td> - <a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | justify-content: flex-start - </td> - </tr> - <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom script"> - <td> - <a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | justify-content: space-around - </td> - </tr> - <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom script"> - <td> - <a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | justify-content: space-between - </td> - </tr> - <tr id="flexbox_justifycontent-center-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-center.xht">flexbox_justifycontent-center</a></td> - <td><a href="reference/flexbox_justifycontent-center-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: center - </td> - </tr> - <tr id="flexbox_justifycontent-center-overflow-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-center-overflow.xht">flexbox_justifycontent-center-overflow</a></td> - <td><a href="reference/flexbox_justifycontent-center-overflow-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: center / overflow - </td> - </tr> - <tr id="flexbox_justifycontent-flex-end-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-flex-end.xht">flexbox_justifycontent-flex-end</a></td> - <td><a href="reference/flexbox_justifycontent-flex-end-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: flex-end - </td> - </tr> - <tr id="flexbox_justifycontent-flex-start-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-flex-start.xht">flexbox_justifycontent-flex-start</a></td> - <td><a href="reference/flexbox_justifycontent-flex-start-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: flex-start - </td> - </tr> - <tr id="flexbox_justifycontent-spacearound-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-spacearound.xht">flexbox_justifycontent-spacearound</a></td> - <td><a href="reference/flexbox_justifycontent-spacearound-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: space-around - </td> - </tr> - <tr id="flexbox_justifycontent-spacearound-negative-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-spacearound-negative.xht">flexbox_justifycontent-spacearound-negative</a></td> - <td><a href="reference/flexbox_justifycontent-spacearound-negative-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: space-around / negative - </td> - </tr> - <tr id="flexbox_justifycontent-spacearound-only-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-spacearound-only.xht">flexbox_justifycontent-spacearound-only</a></td> - <td><a href="reference/flexbox_justifycontent-spacearound-only-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: space-around | single item - </td> - </tr> - <tr id="flexbox_justifycontent-spacebetween-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-spacebetween.xht">flexbox_justifycontent-spacebetween</a></td> - <td><a href="reference/flexbox_justifycontent-spacebetween-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: space-between - </td> - </tr> - <tr id="flexbox_justifycontent-spacebetween-negative-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-spacebetween-negative.xht">flexbox_justifycontent-spacebetween-negative</a></td> - <td><a href="reference/flexbox_justifycontent-spacebetween-negative-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: space-between / negative - </td> - </tr> - <tr id="flexbox_justifycontent-spacebetween-only-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_justifycontent-spacebetween-only.xht">flexbox_justifycontent-spacebetween-only</a></td> - <td><a href="reference/flexbox_justifycontent-spacebetween-only-ref.xht">=</a> </td> - <td></td> - <td>flexbox | justify-content: space-between | single item - </td> - </tr> - <tr id="flexbox_object-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_object.xht">flexbox_object</a></td> - <td><a href="reference/flexbox_object-ref.xht">=</a> </td> - <td></td> - <td>flexbox | object fallback as a flex item - </td> - </tr> - <tr id="flexbox_width-overflow-8.2.#propdef-justify-content" class=""> - <td> - <a href="flexbox_width-overflow.xht">flexbox_width-overflow</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td></td> - <td>flexbox | overflow - </td> - </tr> - <tr id="justify-content-001-8.2.#propdef-justify-content" class="image"> - <td> - <a href="justify-content-001.xht">justify-content-001</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>A flex container with 'justify-content' property set to 'center' - <ul class="assert"> - <li>This test checks that the flex container with 'justify-content: center' centers flex items in the main axis of each line.</li> - </ul> - </td> - </tr> - <tr id="justify-content-002-8.2.#propdef-justify-content" class="image"> - <td> - <a href="justify-content-002.xht">justify-content-002</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>A flex container with the 'justify-content' property set to 'flex-start' - <ul class="assert"> - <li>This test checks that the flex container with 'justify-content: flex-start' packs flex items toward the start of the main axis of each line.</li> - </ul> - </td> - </tr> - <tr id="justify-content-003-8.2.#propdef-justify-content" class="image"> - <td> - <a href="justify-content-003.xht">justify-content-003</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>A flex container with the 'justify-content' property set to 'flex-end' - <ul class="assert"> - <li>This test checks that the flex container with 'justify-content: flex-end' packs flex items toward the end of the main axis of each line.</li> - </ul> - </td> - </tr> - <tr id="justify-content-004-8.2.#propdef-justify-content" class="image"> - <td> - <a href="justify-content-004.xht">justify-content-004</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>A flex container with the 'justify-content' property set to 'space-between' - <ul class="assert"> - <li>This test checks that the flex container with 'justify-content: space-between' evenly distributes flex items in the main axis of each line.</li> - </ul> - </td> - </tr> - <tr id="justify-content-005-8.2.#propdef-justify-content" class="image"> - <td> - <a href="justify-content-005.xht">justify-content-005</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>A flex container with the 'justify-content' property set to 'space-around' - <ul class="assert"> - <li>This test checks that the flex container with 'justify-content: space-around' evenly distributes flex items in the main axis of each line, with half-size spaces on either end.</li> - </ul> - </td> - </tr> - <tr id="justify-content_center-8.2.#propdef-justify-content" class=""> - <td> - <a href="justify-content_center.xht">justify-content_center</a></td> - <td></td> - <td></td> - <td>justify-content_center - <ul class="assert"> - <li>Check if the web engine can identify the justify-content value center.</li> - </ul> - </td> - </tr> - <tr id="justify-content_flex-end-8.2.#propdef-justify-content" class=""> - <td> - <a href="justify-content_flex-end.xht">justify-content_flex-end</a></td> - <td></td> - <td></td> - <td>justify-content_flex-end - <ul class="assert"> - <li>Check if the web engine can indentify the justify-content value flex-end.</li> - </ul> - </td> - </tr> - <tr id="justify-content_flex-start-8.2.#propdef-justify-content" class=""> - <td> - <a href="justify-content_flex-start.xht">justify-content_flex-start</a></td> - <td></td> - <td></td> - <td>justify-content_flex-start - <ul class="assert"> - <li>Check if the web engine can indentify the justify-content value flex-start.</li> - </ul> - </td> - </tr> - <tr id="justify-content_space-around-8.2.#propdef-justify-content" class=""> - <td> - <a href="justify-content_space-around.xht">justify-content_space-around</a></td> - <td></td> - <td></td> - <td>justify-content_space-around - <ul class="assert"> - <li>Check if the web engine can indentify the justy-content value space-around.</li> - </ul> - </td> - </tr> - <tr id="justify-content_space-between-8.2.#propdef-justify-content" class=""> - <td> - <a href="justify-content_space-between.xht">justify-content_space-between</a></td> - <td></td> - <td></td> - <td>justify-content_space-between - <ul class="assert"> - <li>Check if the web engine can indentify the justify-content value space-between.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s8.2.#ref-for-flex-container-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-container-31"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-47"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-48"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-49"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-50"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-51"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-52"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-53"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-54"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-55"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-56"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-57"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-58"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-59"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-60"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-61"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-62"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-63"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-64"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-65"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-66"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-67"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-flex-item-68"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-axis-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-end-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-end-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-end-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-end-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-end-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-start-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-start-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-start-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-start-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-main-start-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-propdef-justify-content-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-propdef-justify-content-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-propdef-justify-content-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-valdef-justify-content-center-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#ref-for-valdef-justify-content-flex-start-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#valdef-justify-content-center"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#valdef-justify-content-flex-end"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#valdef-justify-content-flex-start"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#valdef-justify-content-space-around"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.2.#valdef-justify-content-space-between"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8.3">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#align-items-property">8.3 Cross-axis Alignment: the align-items and align-self properties</a></th></tr> - <!-- 31 tests --> - <tr id="align-items-001-8.3" class=""> - <td> - <a href="align-items-001.xht">align-items-001</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'center' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: center' centers each flex item's margin box in the cross-axis of its line.</li> - </ul> - </td> - </tr> - <tr id="align-items-002-8.3" class=""> - <td> - <a href="align-items-002.xht">align-items-002</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'flex-start' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: flex-start' places each flex item's margin box flush with the cross-start edge of line.</li> - </ul> - </td> - </tr> - <tr id="align-items-003-8.3" class=""> - <td> - <a href="align-items-003.xht">align-items-003</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'flex-end' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: flex-end' places each flex item's margin box flush with the cross-end edge of line.</li> - </ul> - </td> - </tr> - <tr id="align-items-004-8.3" class="ahem"> - <td> - <a href="align-items-004.xht">align-items-004</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>A flex container with the 'align-items' property set to 'baseline' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align.</li> - </ul> - </td> - </tr> - <tr id="align-items-005-8.3" class=""> - <td> - <a href="align-items-005.xht">align-items-005</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'stretch' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: stretch' places each flex item's margin box so that its cross size is the same as the cross size of the line.</li> - </ul> - </td> - </tr> - <tr id="align-self-001-8.3" class=""> - <td> - <a href="align-self-001.xht">align-self-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - flex-start - <ul class="assert"> - <li>The 'align-self' property set 'flex-start' aligns the flex items to the start edge of cross axis</li> - </ul> - </td> - </tr> - <tr id="align-self-002-8.3" class=""> - <td> - <a href="align-self-002.xht">align-self-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - flex-end - <ul class="assert"> - <li>The 'align-self' property set 'flex-end' aligns the flex items to the end edge of cross axis</li> - </ul> - </td> - </tr> - <tr id="align-self-003-8.3" class=""> - <td> - <a href="align-self-003.xht">align-self-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - center - <ul class="assert"> - <li>The 'align-self' property set 'center' centered the flex items in the cross axis within the line</li> - </ul> - </td> - </tr> - <tr id="align-self-004-8.3" class=""> - <td> - <a href="align-self-004.xht">align-self-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - stretch - <ul class="assert"> - <li>The 'align-self' property set 'stretch' makes the cross size of the item's margin box as close to the same size as the line as possible</li> - </ul> - </td> - </tr> - <tr id="align-self-005-8.3" class=""> - <td> - <a href="align-self-005.xht">align-self-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - stretch (height: number) - <ul class="assert"> - <li>The 'align-self' property set 'stretch' will be invalid while cross size of the flex item set exact number</li> - </ul> - </td> - </tr> - <tr id="align-self-006-8.3" class=""> - <td> - <a href="align-self-006.xht">align-self-006</a></td> - <td></td> - <td></td> - <td>align-self - baseline - <ul class="assert"> - <li>The 'align-self' property set 'baseline' aligns the flex items to the baseline of content</li> - </ul> - </td> - </tr> - <tr id="align-self-007-8.3" class=""> - <td> - <a href="align-self-007.xht">align-self-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - flex-start - <ul class="assert"> - <li>The 'align-self' property set 'auto' aligns flex items to start edge of cross-axis when 'align-items' set 'flex-start'</li> - </ul> - </td> - </tr> - <tr id="align-self-008-8.3" class=""> - <td> - <a href="align-self-008.xht">align-self-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - flex-end - <ul class="assert"> - <li>The 'align-self' property set 'auto' aligns flex items to end edge of cross-axis when 'align-items' set 'flex-end'</li> - </ul> - </td> - </tr> - <tr id="align-self-009-8.3" class=""> - <td> - <a href="align-self-009.xht">align-self-009</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - center - <ul class="assert"> - <li>The 'align-self' property set 'auto' will center flex items the flex items in the cross axis when 'align-items' set 'center'</li> - </ul> - </td> - </tr> - <tr id="align-self-010-8.3" class=""> - <td> - <a href="align-self-010.xht">align-self-010</a></td> - <td></td> - <td></td> - <td>align-self - auto and align-items - baseline - <ul class="assert"> - <li>The 'align-self' property set 'auto' aligns the flex items to the baseline of content when 'align-items' set 'baseline'</li> - </ul> - </td> - </tr> - <tr id="align-self-011-8.3" class=""> - <td> - <a href="align-self-011.xht">align-self-011</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - stretch - <ul class="assert"> - <li>The 'align-self' property set 'auto' makes the cross size of the item's margin box as close to the same size as the line as possible when 'align-items' set 'stretch'</li> - </ul> - </td> - </tr> - <tr id="align-self-012-8.3" class=""> - <td> - <a href="align-self-012.xht">align-self-012</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto (initial value) - <ul class="assert"> - <li>The initial value of 'align-self' property is 'auto'</li> - </ul> - </td> - </tr> - <tr id="align-self-013-8.3" class=""> - <td> - <a href="align-self-013.xht">align-self-013</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - invalid if applied to flex container - <ul class="assert"> - <li>The 'align-self' property is invalid if applied to flex container</li> - </ul> - </td> - </tr> - <tr id="flexbox-align-self-horiz-001-block-8.3" class=""> - <td> - <a href="flexbox-align-self-horiz-001-block.xht">flexbox-align-self-horiz-001-block</a></td> - <td><a href="reference/flexbox-align-self-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container - </td> - </tr> - <tr id="flexbox-align-self-horiz-001-table-8.3" class=""> - <td> - <a href="flexbox-align-self-horiz-001-table.xht">flexbox-align-self-horiz-001-table</a></td> - <td><a href="reference/flexbox-align-self-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the various 'align-self' property values on flex items that are tables - </td> - </tr> - <tr id="flexbox-align-self-horiz-002-8.3" class=""> - <td> - <a href="flexbox-align-self-horiz-002.xht">flexbox-align-self-horiz-002</a></td> - <td><a href="reference/flexbox-align-self-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items - </td> - </tr> - <tr id="flexbox-align-self-horiz-003-8.3" class=""> - <td> - <a href="flexbox-align-self-horiz-003.xht">flexbox-align-self-horiz-003</a></td> - <td><a href="reference/flexbox-align-self-horiz-003-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items - </td> - </tr> - <tr id="flexbox-align-self-horiz-004-8.3" class=""> - <td> - <a href="flexbox-align-self-horiz-004.xht">flexbox-align-self-horiz-004</a></td> - <td><a href="reference/flexbox-align-self-horiz-004-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items - </td> - </tr> - <tr id="flexbox-align-self-vert-001-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-001.xht">flexbox-align-self-vert-001</a></td> - <td><a href="reference/flexbox-align-self-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container - </td> - </tr> - <tr id="flexbox-align-self-vert-002-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-002.xht">flexbox-align-self-vert-002</a></td> - <td><a href="reference/flexbox-align-self-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items - </td> - </tr> - <tr id="flexbox-align-self-vert-003-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-003.xht">flexbox-align-self-vert-003</a></td> - <td><a href="reference/flexbox-align-self-vert-003-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items - </td> - </tr> - <tr id="flexbox-align-self-vert-004-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-004.xht">flexbox-align-self-vert-004</a></td> - <td><a href="reference/flexbox-align-self-vert-004-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items - </td> - </tr> - <tr id="flexbox-align-self-vert-rtl-001-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-rtl-001.xht">flexbox-align-self-vert-rtl-001</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container with 'direction: rtl' - </td> - </tr> - <tr id="flexbox-align-self-vert-rtl-002-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-rtl-002.xht">flexbox-align-self-vert-rtl-002</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-002-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items and with 'direction: rtl' - </td> - </tr> - <tr id="flexbox-align-self-vert-rtl-003-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-rtl-003.xht">flexbox-align-self-vert-rtl-003</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-003-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items and with 'direction: rtl' - </td> - </tr> - <tr id="flexbox-align-self-vert-rtl-004-8.3" class=""> - <td> - <a href="flexbox-align-self-vert-rtl-004.xht">flexbox-align-self-vert-rtl-004</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-004-ref.xht">=</a> </td> - <td></td> - <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items and with 'direction: rtl' - </td> - </tr> - </tbody> - <tbody id="s8.3.#baseline-participation"> - <!-- 8 tests --> - <tr id="flexbox-align-self-baseline-horiz-001a-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-001a.xht">flexbox-align-self-baseline-horiz-001a</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' - </td> - </tr> - <tr id="flexbox-align-self-baseline-horiz-001b-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-001b.xht">flexbox-align-self-baseline-horiz-001b</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a wrap-reverse flex container - </td> - </tr> - <tr id="flexbox-align-self-baseline-horiz-002-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-002.xht">flexbox-align-self-baseline-horiz-002</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of flex items in fixed-size single-line flex container - </td> - </tr> - <tr id="flexbox-align-self-baseline-horiz-003-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-003.xht">flexbox-align-self-baseline-horiz-003</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-003-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of flex items in fixed-size single-line flex container, with cross axis reversed - </td> - </tr> - <tr id="flexbox-align-self-baseline-horiz-004-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-004.xht">flexbox-align-self-baseline-horiz-004</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-004-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container - </td> - </tr> - <tr id="flexbox-align-self-baseline-horiz-005-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-005.xht">flexbox-align-self-baseline-horiz-005</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-005-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container - </td> - </tr> - <tr id="flexbox-align-self-baseline-horiz-006-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-006.xht">flexbox-align-self-baseline-horiz-006</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-006-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' against non-parallel writing-modes. - </td> - </tr> - <tr id="flexbox-align-self-baseline-horiz-007-8.3.#baseline-participation" class=""> - <td> - <a href="flexbox-align-self-baseline-horiz-007.xht">flexbox-align-self-baseline-horiz-007</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-007-ref.xht">=</a> </td> - <td></td> - <td>Baseline alignment of block flex items with 'baseline' and 'last-baseline' values for 'align-self' against each other. - </td> - </tr> - </tbody> - <tbody id="s8.3.#propdef-align-items"> - <!-- 29 tests --> - <tr id="align-items-001-8.3.#propdef-align-items" class=""> - <td> - <a href="align-items-001.xht">align-items-001</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'center' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: center' centers each flex item's margin box in the cross-axis of its line.</li> - </ul> - </td> - </tr> - <tr id="align-items-002-8.3.#propdef-align-items" class=""> - <td> - <a href="align-items-002.xht">align-items-002</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'flex-start' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: flex-start' places each flex item's margin box flush with the cross-start edge of line.</li> - </ul> - </td> - </tr> - <tr id="align-items-003-8.3.#propdef-align-items" class=""> - <td> - <a href="align-items-003.xht">align-items-003</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'flex-end' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: flex-end' places each flex item's margin box flush with the cross-end edge of line.</li> - </ul> - </td> - </tr> - <tr id="align-items-004-8.3.#propdef-align-items" class="ahem"> - <td> - <a href="align-items-004.xht">align-items-004</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>A flex container with the 'align-items' property set to 'baseline' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align.</li> - </ul> - </td> - </tr> - <tr id="align-items-005-8.3.#propdef-align-items" class=""> - <td> - <a href="align-items-005.xht">align-items-005</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A flex container with the 'align-items' property set to 'stretch' - <ul class="assert"> - <li>This test checks that the flex container with 'align-items: stretch' places each flex item's margin box so that its cross size is the same as the cross size of the line.</li> - </ul> - </td> - </tr> - <tr id="align-self-007-8.3.#propdef-align-items" class=""> - <td> - <a href="align-self-007.xht">align-self-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - flex-start - <ul class="assert"> - <li>The 'align-self' property set 'auto' aligns flex items to start edge of cross-axis when 'align-items' set 'flex-start'</li> - </ul> - </td> - </tr> - <tr id="css-flexbox-height-animation-stretch-8.3.#propdef-align-items" class=""> - <td> - <a href="css-flexbox-height-animation-stretch.xht">css-flexbox-height-animation-stretch</a></td> - <td><a href="reference/css-flexbox-height-animation-stretch-ref.xht">=</a> </td> - <td></td> - <td>Items stretch correctly while content is animating - <ul class="assert"> - <li>Items should stretch vertically in all time</li> - </ul> - </td> - </tr> - <tr id="flexbox_align-items-baseline-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-baseline.xht">flexbox_align-items-baseline</a></td> - <td><a href="reference/flexbox_align-items-baseline-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: baseline - </td> - </tr> - <tr id="flexbox_align-items-center-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-center.xht">flexbox_align-items-center</a></td> - <td><a href="reference/flexbox_align-items-center-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: center - </td> - </tr> - <tr id="flexbox_align-items-center-2-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-center-2.xht">flexbox_align-items-center-2</a></td> - <td><a href="reference/flexbox_align-items-center-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: center - </td> - </tr> - <tr id="flexbox_align-items-flexend-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-flexend.xht">flexbox_align-items-flexend</a></td> - <td><a href="reference/flexbox_align-items-flexend-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: flex-end - </td> - </tr> - <tr id="flexbox_align-items-flexend-2-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-flexend-2.xht">flexbox_align-items-flexend-2</a></td> - <td><a href="reference/flexbox_align-items-flexend-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: flex-end - </td> - </tr> - <tr id="flexbox_align-items-flexstart-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-flexstart.xht">flexbox_align-items-flexstart</a></td> - <td><a href="reference/flexbox_align-items-flexstart-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: flex-start - </td> - </tr> - <tr id="flexbox_align-items-flexstart-2-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-flexstart-2.xht">flexbox_align-items-flexstart-2</a></td> - <td><a href="reference/flexbox_align-items-flexstart-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: flex-start - </td> - </tr> - <tr id="flexbox_align-items-stretch-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-stretch.xht">flexbox_align-items-stretch</a></td> - <td><a href="reference/flexbox_align-items-stretch-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: stretch - </td> - </tr> - <tr id="flexbox_align-items-stretch-2-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-stretch-2.xht">flexbox_align-items-stretch-2</a></td> - <td><a href="reference/flexbox_align-items-stretch-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-items: stretch - </td> - </tr> - <tr id="flexbox_align-items-stretch-writing-modes-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> - <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> - <td></td> - <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl - <ul class="assert"> - <li>vertical-writing-mode flex items should stretch</li> - </ul> - </td> - </tr> - <tr id="flexbox_align-self-auto-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-self-auto.xht">flexbox_align-self-auto</a></td> - <td><a href="reference/flexbox_align-self-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-self: auto - </td> - </tr> - <tr id="flexbox_align-self-baseline-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-self-baseline.xht">flexbox_align-self-baseline</a></td> - <td><a href="reference/flexbox_align-self-baseline-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-self: baseline - </td> - </tr> - <tr id="flexbox_align-self-center-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-self-center.xht">flexbox_align-self-center</a></td> - <td><a href="reference/flexbox_align-self-center-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-self: center - </td> - </tr> - <tr id="flexbox_align-self-flexend-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-self-flexend.xht">flexbox_align-self-flexend</a></td> - <td><a href="reference/flexbox_align-self-flexend-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-self: flex-end - </td> - </tr> - <tr id="flexbox_align-self-flexstart-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-self-flexstart.xht">flexbox_align-self-flexstart</a></td> - <td><a href="reference/flexbox_align-self-flexstart-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-self: flex-start - </td> - </tr> - <tr id="flexbox_align-self-stretch-8.3.#propdef-align-items" class=""> - <td> - <a href="flexbox_align-self-stretch.xht">flexbox_align-self-stretch</a></td> - <td><a href="reference/flexbox_align-self-stretch-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-self: stretch - </td> - </tr> - <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-items: baseline - </td> - </tr> - <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-items: center - </td> - </tr> - <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-items: flex-end - </td> - </tr> - <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-items: flex-start - </td> - </tr> - <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-items: invalid - </td> - </tr> - <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-items: stretch - </td> - </tr> - </tbody> - <tbody id="s8.3.#propdef-align-self"> - <!-- 19 tests --> - <tr id="align-self-001-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-001.xht">align-self-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - flex-start - <ul class="assert"> - <li>The 'align-self' property set 'flex-start' aligns the flex items to the start edge of cross axis</li> - </ul> - </td> - </tr> - <tr id="align-self-002-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-002.xht">align-self-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - flex-end - <ul class="assert"> - <li>The 'align-self' property set 'flex-end' aligns the flex items to the end edge of cross axis</li> - </ul> - </td> - </tr> - <tr id="align-self-003-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-003.xht">align-self-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - center - <ul class="assert"> - <li>The 'align-self' property set 'center' centered the flex items in the cross axis within the line</li> - </ul> - </td> - </tr> - <tr id="align-self-004-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-004.xht">align-self-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - stretch - <ul class="assert"> - <li>The 'align-self' property set 'stretch' makes the cross size of the item's margin box as close to the same size as the line as possible</li> - </ul> - </td> - </tr> - <tr id="align-self-005-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-005.xht">align-self-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - stretch (height: number) - <ul class="assert"> - <li>The 'align-self' property set 'stretch' will be invalid while cross size of the flex item set exact number</li> - </ul> - </td> - </tr> - <tr id="align-self-006-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-006.xht">align-self-006</a></td> - <td></td> - <td></td> - <td>align-self - baseline - <ul class="assert"> - <li>The 'align-self' property set 'baseline' aligns the flex items to the baseline of content</li> - </ul> - </td> - </tr> - <tr id="align-self-007-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-007.xht">align-self-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - flex-start - <ul class="assert"> - <li>The 'align-self' property set 'auto' aligns flex items to start edge of cross-axis when 'align-items' set 'flex-start'</li> - </ul> - </td> - </tr> - <tr id="align-self-008-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-008.xht">align-self-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - flex-end - <ul class="assert"> - <li>The 'align-self' property set 'auto' aligns flex items to end edge of cross-axis when 'align-items' set 'flex-end'</li> - </ul> - </td> - </tr> - <tr id="align-self-009-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-009.xht">align-self-009</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - center - <ul class="assert"> - <li>The 'align-self' property set 'auto' will center flex items the flex items in the cross axis when 'align-items' set 'center'</li> - </ul> - </td> - </tr> - <tr id="align-self-010-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-010.xht">align-self-010</a></td> - <td></td> - <td></td> - <td>align-self - auto and align-items - baseline - <ul class="assert"> - <li>The 'align-self' property set 'auto' aligns the flex items to the baseline of content when 'align-items' set 'baseline'</li> - </ul> - </td> - </tr> - <tr id="align-self-011-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-011.xht">align-self-011</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto and align-items - stretch - <ul class="assert"> - <li>The 'align-self' property set 'auto' makes the cross size of the item's margin box as close to the same size as the line as possible when 'align-items' set 'stretch'</li> - </ul> - </td> - </tr> - <tr id="align-self-012-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-012.xht">align-self-012</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - auto (initial value) - <ul class="assert"> - <li>The initial value of 'align-self' property is 'auto'</li> - </ul> - </td> - </tr> - <tr id="align-self-013-8.3.#propdef-align-self" class=""> - <td> - <a href="align-self-013.xht">align-self-013</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>align-self - invalid if applied to flex container - <ul class="assert"> - <li>The 'align-self' property is invalid if applied to flex container</li> - </ul> - </td> - </tr> - <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-self: baseline - </td> - </tr> - <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-self: center - </td> - </tr> - <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-self: flex-end - </td> - </tr> - <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-self: flex-start - </td> - </tr> - <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-self: invalid - </td> - </tr> - <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-self: stretch - </td> - </tr> - </tbody> - <tbody id="s8.3.#ref-for-cross-axis-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-axis-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-axis-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-axis-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-end-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-end-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-size-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-size-property-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-start-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-start-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-start-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-start-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-start-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-cross-start-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-container-32"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-69"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-70"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-71"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-72"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-73"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-74"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-75"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-76"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-77"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-78"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-79"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-80"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-81"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-82"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-83"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-flex-item-84"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-items-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-items-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-items-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-items-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-items-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-items-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-self-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-self-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-self-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-self-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-align-self-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-propdef-justify-content-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-valdef-align-items-flex-start-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-valdef-align-items-stretch-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-valdef-align-self-auto-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#ref-for-valdef-align-self-auto-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#stretched"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#valdef-align-items-baseline"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#valdef-align-items-center"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#valdef-align-items-flex-end"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#valdef-align-items-flex-start"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#valdef-align-items-stretch"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.3.#valdef-align-self-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8.4">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#align-content-property">8.4 Packing Flex Lines: the align-content property</a></th></tr> - <!-- 35 tests --> - <tr id="align-content-001-8.4" class=""> - <td> - <a href="align-content-001.xht">align-content-001</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A multi-line flex container with the 'align-content' property set to 'center' - <ul class="assert"> - <li>This test checks that a multi-line flex container with 'align-content: center' centers lines in the flex container.</li> - </ul> - </td> - </tr> - <tr id="align-content-002-8.4" class=""> - <td> - <a href="align-content-002.xht">align-content-002</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A multi-line flex container with the 'align-content' property set to 'flex-start' - <ul class="assert"> - <li>This test checks that a multi-line flex container with 'align-content: flex-start' packs lines toward the start of the flex container.</li> - </ul> - </td> - </tr> - <tr id="align-content-003-8.4" class=""> - <td> - <a href="align-content-003.xht">align-content-003</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A multi-line flex container with the 'align-content' property set to 'flex-end' - <ul class="assert"> - <li>This test checks that a multi-line flex container with 'align-content: flex-end' packs lines toward the end of the flex container.</li> - </ul> - </td> - </tr> - <tr id="align-content-004-8.4" class=""> - <td> - <a href="align-content-004.xht">align-content-004</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A multi-line flex container with the 'align-content' property set to 'space-between' - <ul class="assert"> - <li>This test checks that a multi-line flex container with 'align-content: space-between' distributes lines evenly in the flex container.</li> - </ul> - </td> - </tr> - <tr id="align-content-005-8.4" class=""> - <td> - <a href="align-content-005.xht">align-content-005</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A multi-line flex container with the 'align-content' property set to 'space-around' - <ul class="assert"> - <li>This test checks that a multi-line flex container with 'align-content: space-around' distributes lines evenly in the flex container, with half-size spaces on either end.</li> - </ul> - </td> - </tr> - <tr id="align-content-006-8.4" class=""> - <td> - <a href="align-content-006.xht">align-content-006</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td></td> - <td>A multi-line flex container with the 'align-content' property set to 'stretch' - <ul class="assert"> - <li>This test checks that a multi-line flex container with 'align-content: stretch' stretches lines to take up the remaining space.</li> - </ul> - </td> - </tr> - <tr id="align-content_center-8.4" class=""> - <td> - <a href="align-content_center.xht">align-content_center</a></td> - <td></td> - <td></td> - <td>align-content_center - <ul class="assert"> - <li>Check if the web engine can identify the align-content value center.</li> - </ul> - </td> - </tr> - <tr id="align-content_flex-end-8.4" class=""> - <td> - <a href="align-content_flex-end.xht">align-content_flex-end</a></td> - <td></td> - <td></td> - <td>align-content_flex-end - <ul class="assert"> - <li>Check if the web engine can identify the align-content value flex-end.</li> - </ul> - </td> - </tr> - <tr id="align-content_flex-start-8.4" class=""> - <td> - <a href="align-content_flex-start.xht">align-content_flex-start</a></td> - <td></td> - <td></td> - <td>align-content_flex-start - <ul class="assert"> - <li>Check if the web engine can identify the align-content value flex-start.</li> - </ul> - </td> - </tr> - <tr id="align-content_space-around-8.4" class=""> - <td> - <a href="align-content_space-around.xht">align-content_space-around</a></td> - <td></td> - <td></td> - <td>align-content_space-around - <ul class="assert"> - <li>Check if the web engine can identify align-content value space-around.</li> - </ul> - </td> - </tr> - <tr id="align-content_space-between-8.4" class=""> - <td> - <a href="align-content_space-between.xht">align-content_space-between</a></td> - <td></td> - <td></td> - <td>align-content_space-between - <ul class="assert"> - <li>Check if the display can recognize inline-flex value.</li> - </ul> - </td> - </tr> - <tr id="align-content_stretch-8.4" class=""> - <td> - <a href="align-content_stretch.xht">align-content_stretch</a></td> - <td></td> - <td></td> - <td>align-content_stretch - <ul class="assert"> - <li>Check if the web engine can identify the align-content value stretch.</li> - </ul> - </td> - </tr> - <tr id="flexbox-align-content-horiz-001a-8.4" class=""> - <td> - <a href="flexbox-align-content-horiz-001a.xht">flexbox-align-content-horiz-001a</a></td> - <td><a href="reference/flexbox-align-content-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'align-content' in a horizontal flex container - </td> - </tr> - <tr id="flexbox-align-content-horiz-001b-8.4" class=""> - <td> - <a href="flexbox-align-content-horiz-001b.xht">flexbox-align-content-horiz-001b</a></td> - <td><a href="reference/flexbox-align-content-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'align-content' in a horizontal flex container - </td> - </tr> - <tr id="flexbox-align-content-vert-001a-8.4" class=""> - <td> - <a href="flexbox-align-content-vert-001a.xht">flexbox-align-content-vert-001a</a></td> - <td><a href="reference/flexbox-align-content-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'align-content' in a vertical flex container - </td> - </tr> - <tr id="flexbox-align-content-vert-001b-8.4" class=""> - <td> - <a href="flexbox-align-content-vert-001b.xht">flexbox-align-content-vert-001b</a></td> - <td><a href="reference/flexbox-align-content-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing 'align-content' in a vertical flex container - </td> - </tr> - <tr id="flexbox-overflow-horiz-005-8.4" class=""> - <td> - <a href="flexbox-overflow-horiz-005.xht">flexbox-overflow-horiz-005</a></td> - <td><a href="reference/flexbox-overflow-horiz-005-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a horizontal flex container, with 'align-content: space-around' - </td> - </tr> - <tr id="flexbox-overflow-vert-005-8.4" class=""> - <td> - <a href="flexbox-overflow-vert-005.xht">flexbox-overflow-vert-005</a></td> - <td><a href="reference/flexbox-overflow-vert-005-ref.xht">=</a> </td> - <td></td> - <td>Testing 'overflow' property on a vertical flex container, with 'align-content: space-around' - </td> - </tr> - <tr id="flexbox_align-content-center-8.4" class=""> - <td> - <a href="flexbox_align-content-center.xht">flexbox_align-content-center</a></td> - <td><a href="reference/flexbox_align-content-center-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-content: center - </td> - </tr> - <tr id="flexbox_align-content-flexend-8.4" class=""> - <td> - <a href="flexbox_align-content-flexend.xht">flexbox_align-content-flexend</a></td> - <td><a href="reference/flexbox_align-content-flexend-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-content: flex-end - </td> - </tr> - <tr id="flexbox_align-content-flexstart-8.4" class=""> - <td> - <a href="flexbox_align-content-flexstart.xht">flexbox_align-content-flexstart</a></td> - <td><a href="reference/flexbox_align-content-flexstart-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-content: flex-start - </td> - </tr> - <tr id="flexbox_align-content-spacearound-8.4" class=""> - <td> - <a href="flexbox_align-content-spacearound.xht">flexbox_align-content-spacearound</a></td> - <td><a href="reference/flexbox_align-content-spacearound-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-content: space-around - </td> - </tr> - <tr id="flexbox_align-content-spacebetween-8.4" class=""> - <td> - <a href="flexbox_align-content-spacebetween.xht">flexbox_align-content-spacebetween</a></td> - <td><a href="reference/flexbox_align-content-spacebetween-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-content: space-between - </td> - </tr> - <tr id="flexbox_align-content-stretch-8.4" class=""> - <td> - <a href="flexbox_align-content-stretch.xht">flexbox_align-content-stretch</a></td> - <td><a href="reference/flexbox_align-content-stretch-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-content: stretch - </td> - </tr> - <tr id="flexbox_align-content-stretch-2-8.4" class=""> - <td> - <a href="flexbox_align-content-stretch-2.xht">flexbox_align-content-stretch-2</a></td> - <td><a href="reference/flexbox_align-content-stretch-2-ref.xht">=</a> </td> - <td></td> - <td>flexbox | align-content: stretch - </td> - </tr> - <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-content: center - </td> - </tr> - <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-content: flex-end - </td> - </tr> - <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-content: flex-start - </td> - </tr> - <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-content: space-around - </td> - </tr> - <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom script"> - <td> - <a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>flexbox | computed style | align-content: space-between - </td> - </tr> - <tr id="ttwf-reftest-flex-align-content-center-8.4" class=""> - <td> - <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.xht">=</a> </td> - <td></td> - <td>align-content property - center - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-align-content-end-8.4" class=""> - <td> - <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> - <td></td> - <td>align-content property - flex-end - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-align-content-space-around-8.4" class=""> - <td> - <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht">=</a> </td> - <td></td> - <td>align-content property - space-around - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-align-content-space-between-8.4" class=""> - <td> - <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht">=</a> </td> - <td></td> - <td>align-content property - space-between - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - <tr id="ttwf-reftest-flex-align-content-start-8.4" class=""> - <td> - <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.xht">=</a> </td> - <td></td> - <td>align-content property - flex-start - <ul class="assert"> - <li>Statement describing what the test case is asserting</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s8.4.#propdef-align-content"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-axis-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-axis-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-end-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-end-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-end-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-end-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-end-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-start-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-start-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-start-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-start-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-cross-start-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-flex-container-33"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-flex-container-34"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-flex-container-35"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-flex-container-36"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-flex-line-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-main-axis-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-multi-line-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-multi-line-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-multi-line-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-propdef-align-content-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-propdef-align-content-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-propdef-align-content-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-propdef-justify-content-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-single-line-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-single-line-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-valdef-align-content-center-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-valdef-align-content-flex-start-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#ref-for-valdef-align-content-flex-start-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#valdef-align-content-center"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#valdef-align-content-flex-end"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#valdef-align-content-flex-start"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#valdef-align-content-space-around"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#valdef-align-content-space-between"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.4.#valdef-align-content-stretch"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8.5">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#flex-baselines">8.5 Flex Container Baselines</a></th></tr> - <!-- 14 tests --> - <tr id="flexbox-baseline-align-self-baseline-horiz-001-8.5" class=""> - <td> - <a href="flexbox-baseline-align-self-baseline-horiz-001.xht">flexbox-baseline-align-self-baseline-horiz-001</a></td> - <td><a href="reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a horizontal flex container with baseline-aligned flex items - </td> - </tr> - <tr id="flexbox-baseline-align-self-baseline-vert-001-8.5" class=""> - <td> - <a href="flexbox-baseline-align-self-baseline-vert-001.xht">flexbox-baseline-align-self-baseline-vert-001</a></td> - <td><a href="reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a vertical flex container with baseline-aligned flex items - </td> - </tr> - <tr id="flexbox-baseline-empty-001a-8.5" class=""> - <td> - <a href="flexbox-baseline-empty-001a.xht">flexbox-baseline-empty-001a</a></td> - <td><a href="reference/flexbox-baseline-empty-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of an empty horizontal flex container - </td> - </tr> - <tr id="flexbox-baseline-empty-001b-8.5" class=""> - <td> - <a href="flexbox-baseline-empty-001b.xht">flexbox-baseline-empty-001b</a></td> - <td><a href="reference/flexbox-baseline-empty-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of an empty vertical flex container - </td> - </tr> - <tr id="flexbox-baseline-multi-item-horiz-001-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-item-horiz-001.xht">flexbox-baseline-multi-item-horiz-001</a></td> - <td><a href="reference/flexbox-baseline-multi-item-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a horizontal flex container whose flex items are not baseline-aligned - </td> - </tr> - <tr id="flexbox-baseline-multi-item-vert-001-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-item-vert-001.xht">flexbox-baseline-multi-item-vert-001</a></td> - <td><a href="reference/flexbox-baseline-multi-item-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a vertical flex container whose flex items are not baseline-aligned - </td> - </tr> - <tr id="flexbox-baseline-multi-line-horiz-001-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-line-horiz-001.xht">flexbox-baseline-multi-line-horiz-001</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a horizontal flex container with multiple flex lines - </td> - </tr> - <tr id="flexbox-baseline-multi-line-horiz-002-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-line-horiz-002.xht">flexbox-baseline-multi-line-horiz-002</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a horizontal flex container with multiple flex lines - </td> - </tr> - <tr id="flexbox-baseline-multi-line-horiz-003-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-line-horiz-003.xht">flexbox-baseline-multi-line-horiz-003</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-003-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a horizontal multi-line (wrap) flex container with baseline-aligned items on first line - </td> - </tr> - <tr id="flexbox-baseline-multi-line-horiz-004-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-line-horiz-004.xht">flexbox-baseline-multi-line-horiz-004</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-004-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a horizontal multi-line (wrap-reverse) flex container with baseline-aligned items on first line - </td> - </tr> - <tr id="flexbox-baseline-multi-line-vert-001-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-line-vert-001.xht">flexbox-baseline-multi-line-vert-001</a></td> - <td><a href="reference/flexbox-baseline-multi-line-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a vertical flex container with multiple flex lines - </td> - </tr> - <tr id="flexbox-baseline-multi-line-vert-002-8.5" class=""> - <td> - <a href="flexbox-baseline-multi-line-vert-002.xht">flexbox-baseline-multi-line-vert-002</a></td> - <td><a href="reference/flexbox-baseline-multi-line-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a vertical flex container with multiple flex lines - </td> - </tr> - <tr id="flexbox-baseline-single-item-001a-8.5" class=""> - <td> - <a href="flexbox-baseline-single-item-001a.xht">flexbox-baseline-single-item-001a</a></td> - <td><a href="reference/flexbox-baseline-single-item-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a horizontal flex container with one flex item - </td> - </tr> - <tr id="flexbox-baseline-single-item-001b-8.5" class=""> - <td> - <a href="flexbox-baseline-single-item-001b.xht">flexbox-baseline-single-item-001b</a></td> - <td><a href="reference/flexbox-baseline-single-item-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the baseline of a vertical flex container with one flex item - </td> - </tr> - </tbody> - <tbody id="s8.5.#cross-axis-baseline"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#main-axis-baseline"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-baseline-participation-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-baseline-participation-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-cross-axis-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-cross-axis-baseline-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-cross-axis-baseline-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-container-37"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-container-38"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-container-39"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-item-85"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-item-86"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-item-87"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-item-88"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-item-89"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-item-90"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-item-91"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-flex-line-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-main-axis-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-main-axis-baseline-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-main-axis-baseline-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-main-axis-baseline-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.5.#ref-for-propdef-order-20"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht deleted file mode 100644 index eb1437bbf20..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht +++ /dev/null @@ -1,1479 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Flex Layout Algorithm - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Algorithm (79 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="s9"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr> - <!-- 49 tests --> - <tr id="autoheight-flexbox-001-9" class=""> - <td> - <a href="autoheight-flexbox-001.xht">autoheight-flexbox-001</a></td> - <td><a href="reference/autoheight-flexbox-001-ref.xht">=</a> </td> - <td></td> - <td>CSS Regions: fixed height flexbox inside auto height region - <ul class="assert"> - <li>Test that flowing a flex container inside a region with auto-height will enlarge the region to fit the content.</li> - </ul> - </td> - </tr> - <tr id="autoheight-flexbox-002-9" class="ahem"> - <td> - <a href="autoheight-flexbox-002.xht">autoheight-flexbox-002</a></td> - <td><a href="reference/regions-flexbox-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: flowing auto-height flexbox elements in region - <ul class="assert"> - <li>Test that a flex container with auto height is flowed correctly inside a region with auto height. The region should fit the flexbox.</li> - </ul> - </td> - </tr> - <tr id="autoheight-flexbox-003-9" class="ahem"> - <td> - <a href="autoheight-flexbox-003.xht">autoheight-flexbox-003</a></td> - <td><a href="reference/autoheight-flexbox-003-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: auto height region inside a fixed sized flexbox - <ul class="assert"> - <li>Test that an auto-height region inside a flexbox is stretched to match the flexbox container's cross size.</li> - </ul> - </td> - </tr> - <tr id="autoheight-flexbox-004-9" class="ahem"> - <td> - <a href="autoheight-flexbox-004.xht">autoheight-flexbox-004</a></td> - <td><a href="reference/autoheight-flexbox-003-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: auto height region inside an auto height flexbox - <ul class="assert"> - <li>Test that an auto height region inside a flex container with auto height is displayed properly. The flexbox should have the same height as the region.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-autoheight-flexbox-001-9" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-001.xht">autoheight-regions-in-autoheight-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions in auto-height flex container - <ul class="assert"> - <li>Test that auto-height regions placed in a flex container with auto-height and row wrap reverse flow are sized correctly. The content from the second flow should flow through the region on the second row and into the region from the first row, making the left blue rectangle taller than the green rectangle on the right.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-autoheight-flexbox-002-9" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-002.xht">autoheight-regions-in-autoheight-flexbox-002</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions with vertical writing mode in auto-height flexbox - <ul class="assert"> - <li>Test checks that auto-height regions having content with vertical writing mode are sized correctly when placed inside a flex container. The flowed content should be displayed as a horizontal green stripe.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-autoheight-flexbox-003-9" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-003.xht">autoheight-regions-in-autoheight-flexbox-003</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-003-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: auto-height regions in auto-height flexbox with flex basis - <ul class="assert"> - <li>Test checks that the computed height of auto-height regions placed in a flex container takes into the account the flex basis property. The space available inside the flex container should be distributed according to the flex basis property. In this particular case, each of the three regions must have a height equal to one third of the flex container's height.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-autoheight-flexbox-004-9" class="ahem"> - <td> - <a href="autoheight-regions-in-autoheight-flexbox-004.xht">autoheight-regions-in-autoheight-flexbox-004</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: nested regions in flexbox - <ul class="assert"> - <li>Test checks that nested regions placed in flex containers are laid out properly. The first flow (blue content) is nested inside the second flow (green content). The user should see three horizontal stripes with the following colors: green, blue, green.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-001-9" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-001.xht">autoheight-regions-in-fixed-sized-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions inside fixed sized flexbox - <ul class="assert"> - <li>Test checks that auto-height regions respect the flex grow property when placed inside a fixed sized flexbox with a single row.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-002-9" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-002.xht">autoheight-regions-in-fixed-sized-flexbox-002</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions inside fixed sized flexbox with column flow - <ul class="assert"> - <li>Test checks that auto-height regions placed inside a fixed sized flexbox with column flow have the correct computed height. There are two regions placed inside the same flex container having the same 'grow' value. The space should be distributed evenly between the two.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-003-9" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-003.xht">autoheight-regions-in-fixed-sized-flexbox-003</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height regions inside a fixed sized flexbox with column wrap flow - <ul class="assert"> - <li>Test checks the layout of auto-height regions placed inside a flexbox with a fixed size and column wrap flow. The flex container should have two columns with three regions each.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-004-9" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-004.xht">autoheight-regions-in-fixed-sized-flexbox-004</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-004-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: Auto-height region in fixed sized flexbox using flex basis - <ul class="assert"> - <li>Test checks the layout of regions placed inside a fixed sized flexbox using flex basis and column flow. The flex container should force the first region to break by constraining its height.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-005-9" class=""> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-005.xht">autoheight-regions-in-fixed-sized-flexbox-005</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-005-ref.xht">=</a> </td> - <td></td> - <td>CSS Regions: Auto-height regions in fixed sized flexboxes with align-items and justify-content - <ul class="assert"> - <li>Test checks auto-height regions' layout when placed inside a flexbox with using align-items and justify-content properties. The flowed content should be fragmented between the three regions and the flex container should distribute the remaining horizontal space evenly around the regions.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-006-9" class=""> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-006.xht">autoheight-regions-in-fixed-sized-flexbox-006</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht">=</a> </td> - <td></td> - <td>CSS Regions: auto-height regions inside a flex container with fixed size - <ul class="assert"> - <li>Test that the flex container stretches a region flex item with a height smaller than the flex container's inner cross size.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-007-9" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-007.xht">autoheight-regions-in-fixed-sized-flexbox-007</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-007-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: auto-height regions inside fixed sized flexbox - <ul class="assert"> - <li>Test that using the flex-basis property sizes the flex items to a percentage of the flex container's height when said items are auto-height regions. The last region, the outside the flex container should not be visible.</li> - </ul> - </td> - </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-008-9" class="ahem"> - <td> - <a href="autoheight-regions-in-fixed-sized-flexbox-008.xht">autoheight-regions-in-fixed-sized-flexbox-008</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-008-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: auto-height regions with max height in fixed sized flexbox - <ul class="assert"> - <li>Test that the max-height property is applied to regions placed inside a fixed sized flexbox with a column flow. The flex container should not flex the region flex items beyond their max height value.</li> - </ul> - </td> - </tr> - <tr id="flexbox-align-self-stretch-vert-001-9" class=""> - <td> - <a href="flexbox-align-self-stretch-vert-001.xht">flexbox-align-self-stretch-vert-001</a></td> - <td><a href="reference/flexbox-align-self-stretch-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing the sizing of a stretched horizontal flex container in a vertical flex container - <ul class="assert"> - <li>If a stretched flex item's main size is influenced by its cross size, and the flex container has a definite cross size, then the item's cross size should be resolved early so that it can be used when determining the item's main size</li> - <li>https://drafts.csswg.org/css-flexbox/issues-cr-2012#issue-23</li> - </ul> - </td> - </tr> - <tr id="flexbox-align-self-stretch-vert-002-9" class=""> - <td> - <a href="flexbox-align-self-stretch-vert-002.xht">flexbox-align-self-stretch-vert-002</a></td> - <td><a href="reference/flexbox-align-self-stretch-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing the sizing of stretched flex items in a vertical multi-line flex container - <ul class="assert"> - <li>In a multi-line flex container, flex items should not be stretched (in the cross axis) until after wrapping has been performed.</li> - </ul> - </td> - </tr> - <tr id="flexbox-basic-block-horiz-001-9" class=""> - <td> - <a href="flexbox-basic-block-horiz-001.xht">flexbox-basic-block-horiz-001</a></td> - <td><a href="reference/flexbox-basic-block-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on block flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-basic-block-vert-001-9" class=""> - <td> - <a href="flexbox-basic-block-vert-001.xht">flexbox-basic-block-vert-001</a></td> - <td><a href="reference/flexbox-basic-block-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on block flex items in a vertical flex container - </td> - </tr> - <tr id="flexbox-basic-canvas-horiz-001-9" class=""> - <td> - <a href="flexbox-basic-canvas-horiz-001.xht">flexbox-basic-canvas-horiz-001</a></td> - <td><a href="reference/flexbox-basic-canvas-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-basic-canvas-vert-001-9" class=""> - <td> - <a href="flexbox-basic-canvas-vert-001.xht">flexbox-basic-canvas-vert-001</a></td> - <td><a href="reference/flexbox-basic-canvas-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on canvas flex items in a vertical flex container - </td> - </tr> - <tr id="flexbox-basic-fieldset-horiz-001-9" class=""> - <td> - <a href="flexbox-basic-fieldset-horiz-001.xht">flexbox-basic-fieldset-horiz-001</a></td> - <td><a href="reference/flexbox-basic-fieldset-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on fieldset flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-basic-fieldset-vert-001-9" class=""> - <td> - <a href="flexbox-basic-fieldset-vert-001.xht">flexbox-basic-fieldset-vert-001</a></td> - <td><a href="reference/flexbox-basic-fieldset-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on fieldset flex items in a vertical flex container - </td> - </tr> - <tr id="flexbox-basic-iframe-horiz-001-9" class=""> - <td> - <a href="flexbox-basic-iframe-horiz-001.xht">flexbox-basic-iframe-horiz-001</a></td> - <td><a href="reference/flexbox-basic-iframe-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on iframe flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-basic-iframe-vert-001-9" class=""> - <td> - <a href="flexbox-basic-iframe-vert-001.xht">flexbox-basic-iframe-vert-001</a></td> - <td><a href="reference/flexbox-basic-iframe-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on iframe flex items in a vertical flex container - </td> - </tr> - <tr id="flexbox-basic-img-horiz-001-9" class=""> - <td> - <a href="flexbox-basic-img-horiz-001.xht">flexbox-basic-img-horiz-001</a></td> - <td><a href="reference/flexbox-basic-img-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on img flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-basic-img-vert-001-9" class=""> - <td> - <a href="flexbox-basic-img-vert-001.xht">flexbox-basic-img-vert-001</a></td> - <td><a href="reference/flexbox-basic-img-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on img flex items in a vertical flex container - </td> - </tr> - <tr id="flexbox-basic-textarea-horiz-001-9" class=""> - <td> - <a href="flexbox-basic-textarea-horiz-001.xht">flexbox-basic-textarea-horiz-001</a></td> - <td><a href="reference/flexbox-basic-textarea-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on textarea flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-basic-textarea-vert-001-9" class=""> - <td> - <a href="flexbox-basic-textarea-vert-001.xht">flexbox-basic-textarea-vert-001</a></td> - <td><a href="reference/flexbox-basic-textarea-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on textarea flex items in a vertical flex container - </td> - </tr> - <tr id="flexbox-basic-video-horiz-001-9" class=""> - <td> - <a href="flexbox-basic-video-horiz-001.xht">flexbox-basic-video-horiz-001</a></td> - <td><a href="reference/flexbox-basic-video-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on video flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-basic-video-vert-001-9" class=""> - <td> - <a href="flexbox-basic-video-vert-001.xht">flexbox-basic-video-vert-001</a></td> - <td><a href="reference/flexbox-basic-video-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing flexbox layout algorithm property on video flex items in a vertical flex container - </td> - </tr> - <tr id="flexbox-mbp-horiz-001-9" class=""> - <td> - <a href="flexbox-mbp-horiz-001.xht">flexbox-mbp-horiz-001</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing borders on flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-mbp-horiz-001-reverse-9" class=""> - <td> - <a href="flexbox-mbp-horiz-001-reverse.xht">flexbox-mbp-horiz-001-reverse</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.xht">=</a> </td> - <td></td> - <td>Testing borders on flex items in a row-reverse horizontal flex container - </td> - </tr> - <tr id="flexbox-mbp-horiz-001-rtl-9" class=""> - <td> - <a href="flexbox-mbp-horiz-001-rtl.xht">flexbox-mbp-horiz-001-rtl</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.xht">=</a> </td> - <td></td> - <td>Testing borders on flex items in a horizontal flex container with 'direction: rtl' - </td> - </tr> - <tr id="flexbox-mbp-horiz-001-rtl-reverse-9" class=""> - <td> - <a href="flexbox-mbp-horiz-001-rtl-reverse.xht">flexbox-mbp-horiz-001-rtl-reverse</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing borders on flex items in a row-reverse horizontal flex container, with 'direction: rtl' - </td> - </tr> - <tr id="flexbox-mbp-horiz-002a-9" class=""> - <td> - <a href="flexbox-mbp-horiz-002a.xht">flexbox-mbp-horiz-002a</a></td> - <td><a href="reference/flexbox-mbp-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing margins and borders on flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-mbp-horiz-002b-9" class=""> - <td> - <a href="flexbox-mbp-horiz-002b.xht">flexbox-mbp-horiz-002b</a></td> - <td><a href="reference/flexbox-mbp-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing margins, borders, and padding on flex items in a horizontal flex container - </td> - </tr> - <tr id="flexbox-mbp-horiz-003-9" class=""> - <td> - <a href="flexbox-mbp-horiz-003.xht">flexbox-mbp-horiz-003</a></td> - <td><a href="reference/flexbox-mbp-horiz-003-ref.xht">=</a> </td> - <td></td> - <td>Testing borders and padding on a horizontal flex container and its flex items - </td> - </tr> - <tr id="flexbox-mbp-horiz-003-reverse-9" class=""> - <td> - <a href="flexbox-mbp-horiz-003-reverse.xht">flexbox-mbp-horiz-003-reverse</a></td> - <td><a href="reference/flexbox-mbp-horiz-003-reverse-ref.xht">=</a> </td> - <td></td> - <td>Testing borders and padding on a row-reverse horizontal flex container and its flex items - </td> - </tr> - <tr id="flexbox-mbp-horiz-004-9" class=""> - <td> - <a href="flexbox-mbp-horiz-004.xht">flexbox-mbp-horiz-004</a></td> - <td><a href="reference/flexbox-mbp-horiz-004-ref.xht">=</a> </td> - <td></td> - <td>Testing percent-valued padding and margin on flex items - </td> - </tr> - <tr id="flexbox-sizing-horiz-001-9" class=""> - <td> - <a href="flexbox-sizing-horiz-001.xht">flexbox-sizing-horiz-001</a></td> - <td><a href="reference/flexbox-sizing-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing sizing of an auto-sized horizontal flex container with min-width and max-width constraints - </td> - </tr> - <tr id="flexbox-sizing-horiz-002-9" class=""> - <td> - <a href="flexbox-sizing-horiz-002.xht">flexbox-sizing-horiz-002</a></td> - <td><a href="reference/flexbox-sizing-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing sizing of an auto-sized horizontal flex container with min-height and max-height constraints - </td> - </tr> - <tr id="flexbox-sizing-vert-001-9" class=""> - <td> - <a href="flexbox-sizing-vert-001.xht">flexbox-sizing-vert-001</a></td> - <td><a href="reference/flexbox-sizing-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing sizing of an auto-sized vertical flex container with min-height and max-height constraints - </td> - </tr> - <tr id="flexbox-sizing-vert-002-9" class=""> - <td> - <a href="flexbox-sizing-vert-002.xht">flexbox-sizing-vert-002</a></td> - <td><a href="reference/flexbox-sizing-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints - </td> - </tr> - <tr id="flexbox-writing-mode-007-9" class=""> - <td> - <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></td> - <td><a href="reference/flexbox-writing-mode-007-ref.xht">=</a> </td> - <td></td> - <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode - </td> - </tr> - <tr id="flexbox-writing-mode-008-9" class=""> - <td> - <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></td> - <td><a href="reference/flexbox-writing-mode-008-ref.xht">=</a> </td> - <td></td> - <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode - </td> - </tr> - <tr id="flexbox-writing-mode-009-9" class=""> - <td> - <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></td> - <td><a href="reference/flexbox-writing-mode-009-ref.xht">=</a> </td> - <td></td> - <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode - </td> - </tr> - <tr id="row-flexbox-break-9" class="ahem"> - <td> - <a href="row-flexbox-break.xht">row-flexbox-break</a></td> - <td><a href="reference/row-flexbox-break-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>CSS Regions: row flex container fragmentation - <ul class="assert"> - <li>Test checks that a flex container with row flow is split between regions.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s9.#ref-for-flex-item-92"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-order-modified-document-order-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#box-manip">9.1 Initial Setup</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#algo-anon-box"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#line-sizing">9.2 Line Length Determination</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#algo-available"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#algo-main-container"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#algo-main-item"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#example-2cd7caf1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#flex-base-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#hypothetical-main-size"> - <!-- 8 tests --> - <tr id="flex-aspect-ratio-img-column-001-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flex-aspect-ratio-img-column-001.xht">flex-aspect-ratio-img-column-001</a></strong></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Aspect ratio handling of images - </td> - </tr> - <tr id="flex-aspect-ratio-img-row-001-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flex-aspect-ratio-img-row-001.xht">flex-aspect-ratio-img-row-001</a></strong></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Aspect ratio handling of images - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-001-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></strong></td> - <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-002-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></strong></td> - <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-003-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></strong></td> - <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-004-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></strong></td> - <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-005-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></strong></td> - <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-006-9.2.#hypothetical-main-size" class="primary"> - <td><strong> - <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></strong></td> - <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. - </td> - </tr> - </tbody> - <tbody id="s9.2.#ref-for-cross-size-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-cross-size-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-cross-size-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-cross-size-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-definite-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-definite-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-definite-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-definite-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-base-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-base-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-base-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-base-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-base-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-base-size-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-base-size-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-container-40"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-container-41"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-container-42"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-container-43"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-container-44"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-container-45"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-flex-basis-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-flex-basis-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-flex-basis-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-flex-basis-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-flex-basis-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-item-93"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-item-94"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-item-95"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-item-96"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-flex-item-97"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-hypothetical-main-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-main-size-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-main-size-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-main-size-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-main-size-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-main-size-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-main-size-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-main-size-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-valdef-flex-basis-content-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-valdef-flex-basis-content-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-valdef-flex-basis-content-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-valdef-flex-basis-content-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-valdef-min-width-auto-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.3">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#main-sizing">9.3 Main Size Determination</a></th></tr> - <!-- 1 tests --> - <tr id="percentage-heights-000-9.3" class="primary dom script"> - <td><strong> - <a href="percentage-heights-000.xht">percentage-heights-000</a></strong></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>CSS Flexbox: Basic percentage heights - <ul class="assert"> - <li>This test checks that percentage heights on a flex item correctly resolve against the container.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s9.3.#algo-flex"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#algo-line-break"> - <!-- 8 tests --> - <tr id="flexbox-break-request-horiz-001a-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-horiz-001a.xht">flexbox-break-request-horiz-001a</a></td> - <td><a href="reference/flexbox-break-request-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-before in horizontal multi-line flex containers - </td> - </tr> - <tr id="flexbox-break-request-horiz-001b-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-horiz-001b.xht">flexbox-break-request-horiz-001b</a></td> - <td><a href="reference/flexbox-break-request-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-after in horizontal multi-line flex containers - </td> - </tr> - <tr id="flexbox-break-request-horiz-002a-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-horiz-002a.xht">flexbox-break-request-horiz-002a</a></td> - <td><a href="reference/flexbox-break-request-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-before in horizontal single-line flex containers (should have no effect) - </td> - </tr> - <tr id="flexbox-break-request-horiz-002b-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-horiz-002b.xht">flexbox-break-request-horiz-002b</a></td> - <td><a href="reference/flexbox-break-request-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-after in horizontal single-line flex containers (should have no effect) - </td> - </tr> - <tr id="flexbox-break-request-vert-001a-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-vert-001a.xht">flexbox-break-request-vert-001a</a></td> - <td><a href="reference/flexbox-break-request-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-before in vertical multi-line flex containers - </td> - </tr> - <tr id="flexbox-break-request-vert-001b-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-vert-001b.xht">flexbox-break-request-vert-001b</a></td> - <td><a href="reference/flexbox-break-request-vert-001-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-after in vertical multi-line flex containers - </td> - </tr> - <tr id="flexbox-break-request-vert-002a-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-vert-002a.xht">flexbox-break-request-vert-002a</a></td> - <td><a href="reference/flexbox-break-request-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-before in vertical single-line flex containers (should have no effect) - </td> - </tr> - <tr id="flexbox-break-request-vert-002b-9.3.#algo-line-break" class=""> - <td> - <a href="flexbox-break-request-vert-002b.xht">flexbox-break-request-vert-002b</a></td> - <td><a href="reference/flexbox-break-request-vert-002-ref.xht">=</a> </td> - <td></td> - <td>Testing page-break-after in vertical single-line flex containers (should have no effect) - </td> - </tr> - </tbody> - <tbody id="s9.3.#ref-for-hypothetical-main-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-main-size-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-single-line-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.4">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#cross-sizing">9.4 Cross Size Determination</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#algo-cross-item"> - <!-- 4 tests --> - <tr id="flex-aspect-ratio-img-column-002-9.4.#algo-cross-item" class="primary"> - <td><strong> - <a href="flex-aspect-ratio-img-column-002.xht">flex-aspect-ratio-img-column-002</a></strong></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Aspect ratio handling of images - <ul class="assert"> - <li>Test that we compute the correct aspect-ratio based cross size when a height is specified</li> - </ul> - </td> - </tr> - <tr id="flex-aspect-ratio-img-column-003-9.4.#algo-cross-item" class="primary"> - <td><strong> - <a href="flex-aspect-ratio-img-column-003.xht">flex-aspect-ratio-img-column-003</a></strong></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Aspect ratio handling of images - <ul class="assert"> - <li>Test that we compute the correct aspect-ratio based cross size when a flex-basis is specified</li> - </ul> - </td> - </tr> - <tr id="flex-aspect-ratio-img-row-002-9.4.#algo-cross-item" class="primary"> - <td><strong> - <a href="flex-aspect-ratio-img-row-002.xht">flex-aspect-ratio-img-row-002</a></strong></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Aspect ratio handling of images - <ul class="assert"> - <li>Test that we compute the correct aspect-ratio based cross size when a width is specified</li> - </ul> - </td> - </tr> - <tr id="flex-aspect-ratio-img-row-003-9.4.#algo-cross-item" class="primary"> - <td><strong> - <a href="flex-aspect-ratio-img-row-003.xht">flex-aspect-ratio-img-row-003</a></strong></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Aspect ratio handling of images - <ul class="assert"> - <li>Test that we compute the correct aspect-ratio based cross size when a flex-basis is specified</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s9.4.#algo-cross-line"> - <!-- 5 tests --> - <tr id="flexbox-single-line-clamp-1-9.4.#algo-cross-line" class="primary"> - <td><strong> - <a href="flexbox-single-line-clamp-1.xht">flexbox-single-line-clamp-1</a></strong></td> - <td><a href="reference/flexbox-single-line-clamp-1-ref.xht">=</a> </td> - <td></td> - <td>Single-line flex containers should clamp their line's height to the container's computed min and max cross-size. - </td> - </tr> - <tr id="flexbox-single-line-clamp-2-9.4.#algo-cross-line" class="primary"> - <td><strong> - <a href="flexbox-single-line-clamp-2.xht">flexbox-single-line-clamp-2</a></strong></td> - <td><a href="reference/flexbox-single-line-clamp-2-ref.xht">=</a> </td> - <td></td> - <td>Single-line flex containers should clamp their line's height to the container's computed min and max cross-size. - </td> - </tr> - <tr id="flexbox-single-line-clamp-3-9.4.#algo-cross-line" class="primary"> - <td><strong> - <a href="flexbox-single-line-clamp-3.xht">flexbox-single-line-clamp-3</a></strong></td> - <td><a href="reference/flexbox-single-line-clamp-3-ref.xht">=</a> </td> - <td></td> - <td>Single-line flex containers should clamp their line's height to the container's computed min and max cross-size. - </td> - </tr> - <tr id="layout-algorithm_algo-cross-line-001-9.4.#algo-cross-line" class="primary"> - <td><strong> - <a href="layout-algorithm_algo-cross-line-001.xht">layout-algorithm_algo-cross-line-001</a></strong></td> - <td><a href="reference/layout-algorithm_algo-cross-line-001-ref.xht">=</a> </td> - <td></td> - <td>cross size determination with overflow:scroll - <ul class="assert"> - <li>This test checks that correct height is applied if overflow: scroll is set</li> - </ul> - </td> - </tr> - <tr id="layout-algorithm_algo-cross-line-002-9.4.#algo-cross-line" class="primary"> - <td><strong> - <a href="layout-algorithm_algo-cross-line-002.xht">layout-algorithm_algo-cross-line-002</a></strong></td> - <td><a href="reference/layout-algorithm_algo-cross-line-002-ref.xht">=</a> </td> - <td></td> - <td>cross size determination with overflow:scroll - <ul class="assert"> - <li>This test checks that correct width is applied if overflow: scroll is set</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s9.4.#algo-line-stretch"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#algo-stretch"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#algo-visibility"> - <!-- 4 tests --> - <tr id="flexbox-collapsed-item-baseline-001-9.4.#algo-visibility" class=""> - <td> - <a href="flexbox-collapsed-item-baseline-001.xht">flexbox-collapsed-item-baseline-001</a></td> - <td><a href="reference/flexbox-collapsed-item-baseline-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that a collapsed flex item participates in baseline alignment only for the purpose of establishing container's cross size - </td> - </tr> - <tr id="flexbox-collapsed-item-horiz-001-9.4.#algo-visibility" class=""> - <td> - <a href="flexbox-collapsed-item-horiz-001.xht">flexbox-collapsed-item-horiz-001</a></td> - <td><a href="reference/flexbox-collapsed-item-horiz-001-ref.xht">=</a> </td> - <td></td> - <td>Testing that visibility:collapse on a flex item in a single-line flex container maintains the containers's cross size, but doesn't otherwise impact flex layout - </td> - </tr> - <tr id="flexbox-collapsed-item-horiz-002-9.4.#algo-visibility" class=""> - <td> - <a href="flexbox-collapsed-item-horiz-002.xht">flexbox-collapsed-item-horiz-002</a></td> - <td><a href="reference/flexbox-collapsed-item-horiz-002-ref.xht">=</a> </td> - <td></td> - <td>Testing that visibility:collapse on a flex item in a multi-line flex container creates struts, and that they can migrate between lines - </td> - </tr> - <tr id="flexbox-collapsed-item-horiz-003-9.4.#algo-visibility" class=""> - <td> - <a href="flexbox-collapsed-item-horiz-003.xht">flexbox-collapsed-item-horiz-003</a></td> - <td><a href="reference/flexbox-collapsed-item-horiz-003-ref.xht">=</a> </td> - <td></td> - <td>Testing that strut formation (from visibility:collapse) happens *after* lines have been stretched - </td> - </tr> - </tbody> - <tbody id="s9.4.#hypothetical-cross-size"> - <!-- 6 tests --> - <tr id="flexbox-intrinsic-ratio-001-9.4.#hypothetical-cross-size" class=""> - <td> - <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-002-9.4.#hypothetical-cross-size" class=""> - <td> - <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-003-9.4.#hypothetical-cross-size" class=""> - <td> - <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-004-9.4.#hypothetical-cross-size" class=""> - <td> - <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-005-9.4.#hypothetical-cross-size" class=""> - <td> - <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. - </td> - </tr> - <tr id="flexbox-intrinsic-ratio-006-9.4.#hypothetical-cross-size" class=""> - <td> - <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> - <td></td> - <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. - </td> - </tr> - </tbody> - <tbody id="s9.4.#ref-for-cross-size-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-cross-size-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-cross-size-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-definite-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-definite-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-flex-container-46"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-flex-line-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-flex-line-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-hypothetical-cross-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-hypothetical-cross-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-main-size-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-main-size-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-main-size-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-align-content-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-align-self-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-align-self-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-align-self-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-single-line-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-single-line-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-valdef-align-content-stretch-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-valdef-align-items-baseline-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#strut-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.5">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#main-alignment">9.5 Main-Axis Alignment</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#algo-main-align"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-propdef-justify-content-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.6">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#cross-alignment">9.6 Cross-Axis Alignment</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#algo-cross-align"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#algo-cross-container"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#algo-cross-margins"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#algo-line-align"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#ref-for-definite-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#ref-for-flex-container-47"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#ref-for-flex-container-48"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#ref-for-propdef-align-content-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.6.#ref-for-propdef-align-self-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.7">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#resolve-flexible-lengths">9.7 Resolving Flexible Lengths</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#initial-free-space"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-base-size-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-base-size-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-base-size-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-base-size-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-base-size-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-base-size-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-flex-grow-factor-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-flex-grow-factor-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-flex-shrink-factor-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-flex-flex-shrink-factor-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-hypothetical-main-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-hypothetical-main-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-hypothetical-main-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-initial-free-space-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-initial-free-space-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-main-size-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-main-size-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-main-size-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-main-size-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-remaining-free-space-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-remaining-free-space-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-remaining-free-space-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-remaining-free-space-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-remaining-free-space-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-scaled-flex-shrink-factor-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-scaled-flex-shrink-factor-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-target-main-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-target-main-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-target-main-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-target-main-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-target-main-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-target-main-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#ref-for-target-main-size-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#remaining-free-space"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#scaled-flex-shrink-factor"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.7.#target-main-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.8">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#definite-sizes">9.8 Definite and Indefinite Sizes</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#definite"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-cross-size-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-cross-size-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-cross-size-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-cross-size-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-definite-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-definite-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-definite-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-definite-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-definite-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-definite-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-definite-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-flex-container-49"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-flex-container-50"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-flex-flex-basis-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-flex-flex-basis-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-flex-item-100"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-flex-item-98"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-flex-item-99"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-fully-inflexible-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-main-size-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-single-line-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.8.#ref-for-stretched-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.9">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.#ref-for-flex-container-51"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.9.1">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#intrinsic-main-sizes">9.9.1 Flex Container Intrinsic Main Sizes</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-base-size-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-base-size-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-container-52"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-container-53"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-container-54"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-container-55"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-flex-grow-factor-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-flex-grow-factor-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-flex-shrink-factor-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-item-101"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-item-102"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-item-103"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-item-104"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-item-105"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-flex-item-106"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-main-size-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-main-size-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-main-size-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-main-size-property-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-multi-line-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-scaled-flex-shrink-factor-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-scaled-flex-shrink-factor-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.1.#ref-for-single-line-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.9.2">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#intrinsic-cross-sizes">9.9.2 Flex Container Intrinsic Cross Sizes</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-cross-axis-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-cross-axis-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-cross-size-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-cross-size-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-cross-size-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-container-56"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-container-57"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-container-58"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-container-59"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-container-60"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-item-107"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-item-108"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-item-109"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-item-110"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-flex-line-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-multi-line-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-propdef-flex-flow-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.2.#ref-for-single-line-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.9.3">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#intrinsic-item-contributions">9.9.3 Flex Item Intrinsic Size Contributions</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.3.#ref-for-flex-base-size-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.3.#ref-for-flex-item-111"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.3.#ref-for-main-size-property-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.9.3.#ref-for-main-size-property-9"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-A.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-A.xht deleted file mode 100644 index eb0dd159339..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-A.xht +++ /dev/null @@ -1,1503 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>Axis Mappings - CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Axis Mappings (0 tests)</h2> - <table width="100%"> - <col id="test-column"></col> - <col id="refs-column"></col> - <col id="flags-column"></col> - <col id="info-column"></col> - <thead> - <tr> - <th>Test</th> - <th><abbr title="Rendering References">Refs</abbr></th> - <th>Flags</th> - <th>Info</th> - </tr> - </thead> - <tbody id="sA"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#sA">+</a> - <a href="https://www.w3.org/TR/css-flexbox-1/#axis-mapping">A Axis Mappings</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#axis-mapping-table-en"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#axis-mapping-table-fa"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#axis-mapping-table-ja"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-cross-axis-17"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-cross-axis-18"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-cross-axis-19"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-cross-end-10"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-cross-end-11"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-cross-start-15"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-cross-start-16"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-main-axis-15"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-main-axis-16"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-main-axis-17"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-main-end-10"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-main-end-11"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-main-start-10"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-main-start-11"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-propdef-flex-flow-10"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-propdef-flex-flow-8"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-propdef-flex-flow-9"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-2"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-3"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-4"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-5"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-6"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-7"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-reverse-1"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-reverse-2"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-reverse-3"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-reverse-4"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-reverse-5"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-column-reverse-6"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-4"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-5"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-6"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-7"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-8"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-9"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-reverse-2"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-reverse-3"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-reverse-4"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-reverse-5"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-reverse-6"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-direction-row-reverse-7"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-10"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-11"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-12"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-13"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-14"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-3"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-4"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-5"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-6"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-7"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-8"> - <!-- 0 tests --> - </tbody> - <tbody id="sA.#ref-for-valdef-flex-wrap-wrap-reverse-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#change-201403-abspos-ordering"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#change-201403-clarify-stretched"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#change-201403-css21-staticpos"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-cross-size-47"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-flex-container-64"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-propdef-align-self-26"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-propdef-justify-content-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-propdef-order-30"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-propdef-order-31"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-static-position-rectangle-3"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-clarify.#ref-for-stretched-3"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-clamp-single-line"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-definite-flexing"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-flex-animation"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-flex-basis-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-max-intrinsic"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-min-auto-intrinsic-percentages"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-min-auto-main-size-basis"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-min-auto-not"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-min-auto-ratio"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#change-201403-resolve-flex"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-cross-size-29"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-definite-33"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-definite-34"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-definite-35"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-flex-flex-basis-17"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-flex-item-146"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-flex-item-147"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-flex-item-148"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-flex-line-8"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-main-axis-20"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-main-axis-21"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-propdef-flex-35"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-propdef-flex-basis-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-valdef-flex-basis-content-19"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-valdef-min-width-auto-7"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-valdef-min-width-auto-8"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201403-substantive.#ref-for-valdef-min-width-auto-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#change-201409-clamped-specified"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#change-201409-display-longhands"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#change-201409-layout-vs-size"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#change-201409-table-wrappers"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#change-201409-unclamped-size"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#ref-for-flex-base-size-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#ref-for-flex-base-size-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#ref-for-flex-base-size-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#ref-for-flex-flex-basis-14"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#ref-for-hypothetical-main-size-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#ref-for-main-size-27"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-clarify.#ref-for-valdef-flex-basis-content-16"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-2014-blockify"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-201409-algo-breaks"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-201409-align-content-wrapping"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-201409-content"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-201409-flexed-definite-container"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-201409-inner-base-size"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-201409-min-auto-specified-size"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#change-201409-neither"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-cross-axis-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-cross-size-property-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-definite-27"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-definite-28"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-definite-29"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-definite-30"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-definite-31"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-definite-32"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-base-size-20"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-container-82"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-container-83"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-flex-basis-15"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-flex-basis-16"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-flex-shrink-factor-10"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-item-141"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-item-142"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-item-143"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-item-144"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-flex-item-145"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-main-size-29"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-main-size-30"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-main-size-31"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-main-size-property-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-propdef-align-content-10"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-propdef-align-content-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-propdef-flex-basis-22"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-propdef-flex-basis-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-propdef-flex-basis-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-scaled-flex-shrink-factor-7"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-specified-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-specified-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-stretched-2"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-valdef-flex-basis-content-17"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201409-substantive.#ref-for-valdef-flex-basis-content-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-a11y-tools"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-align-self-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-anonymous-fixup"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-flex-basis-zero"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-intrinsic-cross-container"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-intrinsic-items"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-intrinsic-main-container"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-min-auto-intrinsic-percentages"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-min-max-constraint"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#change-2015-percentage-margins"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#changes-2015-first-fragment"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#example-e79a6187"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-axis-20"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-axis-21"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-axis-22"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-size-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-size-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-size-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-size-26"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-size-27"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-cross-size-28"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-definite-26"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-base-size-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-base-size-19"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-69"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-70"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-71"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-72"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-73"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-74"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-75"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-76"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-77"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-78"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-79"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-80"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-container-81"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-flex-grow-factor-8"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-flex-grow-factor-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-flex-shrink-factor-8"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-flex-shrink-factor-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-119"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-120"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-121"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-122"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-123"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-124"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-125"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-126"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-127"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-128"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-129"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-130"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-131"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-132"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-133"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-134"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-135"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-136"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-137"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-138"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-139"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-item-140"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-flex-line-7"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-hypothetical-main-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-main-axis-19"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-main-size-28"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-main-size-property-10"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-main-size-property-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-multi-line-16"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-align-items-8"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-align-self-21"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-align-self-22"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-align-self-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-flex-30"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-flex-31"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-flex-32"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-flex-33"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-flex-34"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-flex-basis-21"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-flex-flow-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-order-22"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-order-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-order-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-order-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-propdef-order-26"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-scaled-flex-shrink-factor-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-scaled-flex-shrink-factor-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-single-line-16"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-valdef-align-items-stretch-4"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-valdef-align-self-auto-3"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-valdef-align-self-auto-4"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-valdef-align-self-auto-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-valdef-min-width-auto-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201505-substantive.#ref-for-valdef-min-width-auto-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#change-2016-abspos-no-order"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#change-2016-baseline-sets"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#change-2016-definite-indefinite"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#change-2016-intrinsic-percentage"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#ref-for-definite-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#ref-for-definite-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#ref-for-definite-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#ref-for-min-width-automatic-minimum-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201603-substantive.#ref-for-propdef-order-21"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#change-2016-animation-type"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#change-2016-auto-content-wording"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#change-2016-clarify-staticpos"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#change-2016-definite-3"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#change-2016-inflexible-definite"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#change-2016-reword-min-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#change-2016-spatial-nav"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-definite-41"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-definite-42"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-definite-43"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-definite-44"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-definite-45"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flex-container-63"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flex-flex-basis-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flex-flex-basis-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flex-flex-basis-13"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flex-item-113"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flex-item-114"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flex-item-115"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-flexible-1"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-fully-inflexible-3"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-fully-inflexible-4"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-main-axis-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-main-size-26"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-min-width-automatic-minimum-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-min-width-automatic-minimum-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-flex-basis-17"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-flex-basis-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-flex-basis-19"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-flex-basis-20"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-flex-grow-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-flex-shrink-8"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-order-27"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-order-28"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-propdef-order-29"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-valdef-flex-basis-auto-4"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-valdef-flex-basis-content-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-valdef-flex-basis-content-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-valdef-flex-basis-content-13"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-valdef-flex-basis-content-14"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-valdef-flex-basis-content-15"> - <!-- 0 tests --> - </tbody> - <tbody id="schange-201604-clarify.#ref-for-valdef-min-width-auto-4"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#changes-2012"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#changes-201403"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#changes-201409"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#changes-201505"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#changes-20160301"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2012.#changes-2014-clarify"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2012.#changes-2014-substantive"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-abspos-items"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-clamping"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-display-blockification"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-first-line-letter"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-flex-container-sizing"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-float-display"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-line-breaking"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-overflow-flex-containers"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-painting-order"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-stretch-computed-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-table-anon-boxes"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#clarify-2012-white-space"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-cross-size-property-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-definite-46"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-flex-container-65"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-flex-container-66"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-flex-container-67"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-flex-container-68"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-flex-item-116"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-flex-item-117"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-flex-item-118"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-propdef-align-self-27"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-propdef-order-32"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-propdef-order-33"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-propdef-order-34"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-clarify.#ref-for-valdef-align-items-stretch-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-atomic-painting"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-flex-basis-zero"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-flex-continuity"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-flex-line-bug"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-flex-line-floor"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-intrinsic-ratio"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-intrinsic-sizes"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-main-depend-cross"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-min-width"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-percent-margins"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-static-pos"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-stretch-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-stretch-definite"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#change-2012-unresolvable-basis"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#example-cd819179"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-axis-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-axis-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-30"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-31"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-32"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-33"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-34"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-35"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-36"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-37"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-38"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-39"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-40"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-41"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-42"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-43"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-44"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-45"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-size-46"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-start-17"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-start-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-start-19"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-cross-start-20"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-definite-36"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-definite-37"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-definite-38"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-definite-39"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-definite-40"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-base-size-21"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-base-size-22"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-84"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-85"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-86"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-87"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-88"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-89"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-90"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-91"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-92"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-93"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-container-94"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-flex-basis-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-149"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-150"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-151"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-152"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-153"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-154"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-155"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-156"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-157"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-158"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-159"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-160"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-161"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-162"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-163"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-164"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-165"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-166"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-item-167"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-line-10"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-line-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-line-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-line-13"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-line-14"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-flex-line-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-hypothetical-main-size-7"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-hypothetical-main-size-8"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-axis-22"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-axis-23"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-axis-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-axis-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-end-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-size-32"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-size-33"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-size-34"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-size-35"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-size-36"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-size-37"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-start-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-start-13"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-main-start-14"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-multi-line-17"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-multi-line-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-align-content-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-align-self-24"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-align-self-25"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-flex-36"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-flex-37"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-flex-38"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-flex-39"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-flex-basis-26"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-flex-basis-27"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-justify-content-10"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-justify-content-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-justify-content-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-propdef-justify-content-13"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-single-line-17"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-single-line-18"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-single-line-19"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-valdef-align-items-flex-start-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-valdef-min-width-auto-10"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-valdef-min-width-auto-11"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-valdef-min-width-auto-12"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-valdef-min-width-auto-13"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-valdef-min-width-auto-14"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-2014-substantive.#ref-for-valdef-min-width-auto-15"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-201403.#change-201403-clarify"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-201403.#change-201403-substantive"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-201409.#change-201409-clarify"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-201409.#change-201409-substantive"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-201505.#change-201505-clarify"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-201505.#change-201505-substantive"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-20160301.#change-201603-substantive"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges-20160301.#change-201604-clarify"> - <!-- 0 tests --> - </tbody> - <tbody id="sconform-responsible.#conform-future-proofing"> - <!-- 0 tests --> - </tbody> - <tbody id="sconform-responsible.#conform-partial"> - <!-- 0 tests --> - </tbody> - <tbody id="sconform-responsible.#conform-testing"> - <!-- 0 tests --> - </tbody> - <tbody id="sconformance.#conform-classes"> - <!-- 0 tests --> - </tbody> - <tbody id="sconformance.#conform-responsible"> - <!-- 0 tests --> - </tbody> - <tbody id="sconformance.#cr-exit-criteria"> - <!-- 0 tests --> - </tbody> - <tbody id="sconformance.#document-conventions"> - <!-- 0 tests --> - </tbody> - <tbody id="sdocument-conventions.#example-a13d9f9a"> - <!-- 0 tests --> - </tbody> - <tbody id="sindex.#index-defined-elsewhere"> - <!-- 0 tests --> - </tbody> - <tbody id="sindex.#index-defined-here"> - <!-- 0 tests --> - </tbody> - <tbody id="sinformative.#biblio-html5"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css-align-3"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css-cascade-3"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css-overflow-3"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css-position-3"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css-pseudo-4"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css-text-3"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css-values"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css21"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css3-break"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css3-display"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css3-sizing"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css3-writing-modes"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css3col"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-css3ui"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-rfc2119"> - <!-- 0 tests --> - </tbody> - <tbody id="sreferences.#informative"> - <!-- 0 tests --> - </tbody> - <tbody id="sreferences.#normative"> - <!-- 0 tests --> - </tbody> - <tbody id="sstatus.#toc"> - <!-- 0 tests --> - </tbody> - <tbody id="sstatus.#w3c_process_revision"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/column-flexbox-break.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/column-flexbox-break.xht deleted file mode 100644 index 901540c4fe7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/column-flexbox-break.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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 Regions: fragmenting a flex container with column flow </title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that a flex container with column flow is fragmented between regions." name="assert" /> - <link href="reference/column-flexbox-break-ref.xht" rel="match" /> - <style> - .flex { - display: flex; - flex-direction: column; - flow-into: flow; - } - - .region { - flow-from: flow; - height: 45px; - margin-bottom: 20px; - } - - .item { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see two horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="flex"> - <div class="item">XXXX<br />XXXX</div> - <div class="item">XXXX<br />XXXX</div> - </div> - <div class="region"></div> - <div class="region"><p class="red"> </p></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht deleted file mode 100644 index fceb54b2b3c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox |css-box-justify-content</title> -<link href="mailto:ava656094@gmail.com" rel="author" title="xiaoxia" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="reference/css-box-justify-content-ref.xht" rel="match" /> -<style> -#flexbox { - background: green; - width: 300px; - height: 40px; - display: flex; - flex-flow: row; - justify-content: flex-end; -} -.item{ - width:50px; - height: 30px; - } -</style> - -</head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> -<div id="flexbox"> - <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> -   - <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> -   - <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> -   - <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> -   - <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht deleted file mode 100644 index 6c2e8503b46..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- coding:utf-8 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row</title> - <link href="mailto:somathor@gmail.com" rel="author" title="Naoki Okada" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="reference/css-flexbox-column-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: column-reverse wrap-reverse; - writing-mode: vertical-rl; - width: 9em; - min-height: 4em; - color: white; - align-content: flex-end; - background: green; - } - .item { - background: green; - height: 1em; - width: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p> - <div class="container"> - <div class="item">ｕ</div> - <div class="item">９</div> - <div class="item">ｆ</div> - <div class="item">６</div> - <div class="item">ｃ</div> - <div class="item">３</div> - <div class="item">ｔ</div> - <div class="item">８</div> - <div class="item">ｅ</div> - <div class="item">５</div> - <div class="item">ｂ</div> - <div class="item">２</div> - <div class="item">ｓ</div> - <div class="item">７</div> - <div class="item">ｄ</div> - <div class="item">４</div> - <div class="item">ａ</div> - <div class="item">１</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap.xht deleted file mode 100644 index e84765f96e5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- coding:utf-8 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row</title> - <link href="mailto:somathor@gmail.com" rel="author" title="Naoki Okada" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="reference/css-flexbox-column-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: column-reverse wrap; - writing-mode: vertical-rl; - width: 9em; - min-height: 4em; - color: white; - align-content: flex-start; - background: green; - } - .item { - background: green; - height: 1em; - width: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p> - <div class="container"> - <div class="item">ｓ</div> - <div class="item">７</div> - <div class="item">ｄ</div> - <div class="item">４</div> - <div class="item">ａ</div> - <div class="item">１</div> - <div class="item">ｔ</div> - <div class="item">８</div> - <div class="item">ｅ</div> - <div class="item">５</div> - <div class="item">ｂ</div> - <div class="item">２</div> - <div class="item">ｕ</div> - <div class="item">９</div> - <div class="item">ｆ</div> - <div class="item">６</div> - <div class="item">ｃ</div> - <div class="item">３</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse.xht deleted file mode 100644 index c744de241f6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- coding:utf-8 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row</title> - <link href="mailto:somathor@gmail.com" rel="author" title="Naoki Okada" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="reference/css-flexbox-column-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: column-reverse; - writing-mode: vertical-rl; - width: 9em; - color: white; - } - .item { - background: green; - height: 4em; - width: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p> - <div class="container"> - <div class="item">ｓｔｕ</div> - <div class="item">７８９</div> - <div class="item">ｄｅｆ</div> - <div class="item">４５６</div> - <div class="item">ａｂｃ</div> - <div class="item">１２３</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht deleted file mode 100644 index a0ddabdbba9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- coding:utf-8 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row</title> - <link href="mailto:somathor@gmail.com" rel="author" title="Naoki Okada" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="reference/css-flexbox-column-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: column wrap-reverse; - writing-mode: vertical-rl; - width: 9em; - min-height: 4em; - color: white; - align-content: flex-end; - background: green; - } - .item { - background: green; - height: 1em; - width: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p> - <div class="container"> - <div class="item">３</div> - <div class="item">ｃ</div> - <div class="item">６</div> - <div class="item">ｆ</div> - <div class="item">９</div> - <div class="item">ｕ</div> - <div class="item">２</div> - <div class="item">ｂ</div> - <div class="item">５</div> - <div class="item">ｅ</div> - <div class="item">８</div> - <div class="item">ｔ</div> - <div class="item">１</div> - <div class="item">ａ</div> - <div class="item">４</div> - <div class="item">ｄ</div> - <div class="item">７</div> - <div class="item">ｓ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap.xht deleted file mode 100644 index 20b6da6fdd2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- coding:utf-8 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row</title> - <link href="mailto:somathor@gmail.com" rel="author" title="Naoki Okada" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="reference/css-flexbox-column-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: column wrap; - writing-mode: vertical-rl; - width: 9em; - min-height: 4em; - color: white; - align-content: flex-start; - background: green; - } - .item { - background: green; - height: 1em; - width: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p> - <div class="container"> - <div class="item">１</div> - <div class="item">ａ</div> - <div class="item">４</div> - <div class="item">ｄ</div> - <div class="item">７</div> - <div class="item">ｓ</div> - <div class="item">２</div> - <div class="item">ｂ</div> - <div class="item">５</div> - <div class="item">ｅ</div> - <div class="item">８</div> - <div class="item">ｔ</div> - <div class="item">３</div> - <div class="item">ｃ</div> - <div class="item">６</div> - <div class="item">ｆ</div> - <div class="item">９</div> - <div class="item">ｕ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column.xht deleted file mode 100644 index 20a7ed7ccff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- coding:utf-8 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row</title> - <link href="mailto:somathor@gmail.com" rel="author" title="Naoki Okada" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="reference/css-flexbox-column-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: column; - writing-mode: vertical-rl; - width: 9em; - color: white; - } - .item { - background: green; - height: 4em; - width: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p> - <div class="container"> - <div class="item">１２３</div> - <div class="item">ａｂｃ</div> - <div class="item">４５６</div> - <div class="item">ｄｅｆ</div> - <div class="item">７８９</div> - <div class="item">ｓｔｕ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-height-animation-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-height-animation-stretch.xht deleted file mode 100644 index 955c8578b7a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-height-animation-stretch.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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 Flexbox Test: Items stretch correctly while content is animating</title> - <link href="mailto:micky2be@gmail.com" rel="author" title="Micky Brunetti" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> - <link href="reference/css-flexbox-height-animation-stretch-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Items should stretch vertically in all time" name="assert" /> - <style> - @keyframes resize { - 0% {height: 100px;} - 100% {height: 50px;} - } - .container { - display: flex; - width: 200px; - background-color: red; - - } - .item { - background-color: green; - width: 50px; - - } - .content { - height: 50px; - } - .bigger.content { - height: 100px; - animation: resize 500ms infinite alternate; - } - </style> -</head> -<body> -<p>The test passes if you keep seeing a green rectangle and no red.</p> -<div class="test"> - <div class="container"> - <div class="item"><div class="bigger content"></div></div> - <div class="item"><div class="content"></div></div> - <div class="item"><div class="content"></div></div> - <div class="item"><div class="content"></div></div> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht deleted file mode 100644 index 110eaf5462b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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 Flexbox Test: Image Expansion</title> - <link href="mailto:agektmr@gmail.com" rel="author" title="Eiji Kitamura" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-img-expand-evenly-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="3 rectangular images fill out border." name="assert" /> - <style type="text/css"> - - /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ - div.flexbox { - height: 50px; - width: 300px; - border: 2px dotted black; - display: flex; - } - img { - width: 48px; - flex-grow: 1; - background: purple; - border: 1px solid white; - } - - </style> -</head> -<body> - <p>3 rectangular images fill out border.</p> - - <!-- PAGE CONTENT --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht deleted file mode 100644 index ff3b5c9e0b9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-row-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: row-reverse wrap-reverse; - writing-mode: vertical-rl; - color: white; - - height: 9em; - } - .item { - background: green; - height: 3em; - width: 1.5em; - line-height: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> - - <div class="error"></div> - <div class="container"> - <div class="item">ｇｈｉ</div> - <div class="item">ｄｅｆ</div> - <div class="item">ａｂｃ</div> - <div class="item">７８９</div> - <div class="item">４５６</div> - <div class="item">１２３</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht deleted file mode 100644 index b4c230381e0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-row-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: row-reverse wrap; - writing-mode: vertical-rl; - color: white; - - height: 9em; - } - .item { - background: green; - height: 3em; - width: 1.5em; - line-height: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> - - <div class="error"></div> - <div class="container"> - <div class="item">７８９</div> - <div class="item">４５６</div> - <div class="item">１２３</div> - <div class="item">ｇｈｉ</div> - <div class="item">ｄｅｆ</div> - <div class="item">ａｂｃ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht deleted file mode 100644 index 52325c0e952..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht +++ /dev/null @@ -1,51 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-row-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: row-reverse; - writing-mode: vertical-rl; - color: white; - } - .item { - background: green; - height: 3em; - width: 3em; - line-height: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> - - <div class="error"></div> - <div class="container"> - <div class="item">７８９<br />ｇｈｉ</div> - <div class="item">４５６<br />ｄｅｆ</div> - <div class="item">１２３<br />ａｂｃ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht deleted file mode 100644 index 633ba9a5e57..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-row-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: row wrap-reverse; - writing-mode: vertical-rl; - color: white; - - height: 9em; - } - .item { - background: green; - height: 3em; - width: 1.5em; - line-height: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> - - <div class="error"></div> - <div class="container"> - <div class="item">ａｂｃ</div> - <div class="item">ｄｅｆ</div> - <div class="item">ｇｈｉ</div> - <div class="item">１２３</div> - <div class="item">４５６</div> - <div class="item">７８９</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht deleted file mode 100644 index 4add33a971e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-row-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: row wrap; - writing-mode: vertical-rl; - color: white; - - height: 9em; - } - .item { - background: green; - height: 3em; - width: 1.5em; - line-height: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> - - <div class="error"></div> - <div class="container"> - <div class="item">１２３</div> - <div class="item">４５６</div> - <div class="item">７８９</div> - <div class="item">ａｂｃ</div> - <div class="item">ｄｅｆ</div> - <div class="item">ｇｈｉ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht deleted file mode 100644 index 1f675920706..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht +++ /dev/null @@ -1,52 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-row-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: row; - writing-mode: vertical-rl; - color: white; - } - .item { - background: green; - height: 3em; - width: 3em; - line-height: 1.5em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } - </style> -</head> -<body> - - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> - - <div class="error"></div> - <div class="container"> - <div class="item">１２３<br />ａｂｃ</div> - <div class="item">４５６<br />ｄｅｆ</div> - <div class="item">７８９<br />ｇｈｉ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-test1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-test1.xht deleted file mode 100644 index 14fe999a786..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-test1.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- coding:utf-8 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Flexbox Test: flex direction: row, writing mode vertical</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad" /> - <!-- You must have at least one spec link, but may have as many as are covered in the test. --> - <!-- Be sure to make the main testing area first in the order --> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> - <!-- The match link is only required if this is a reftest --> - <link href="reference/css-flexbox-test1-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical." name="assert" /> - <style type="text/css"> - .container { - display: flex; - flex-flow: row; - writing-mode: vertical-rl; - color: white; - } - .item { - background: green; - height: 3em; - width: 3em; - - /* make sure UA that doesn't support writing mode and flexbox fails. */ - float: right; - } - .error { - position: absolute; - background: red; - height: 9em; - width: 3em; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 listed top to bottom in two columns.</p> - - <div class="error"></div> - <div class="container"> - <div class="item">１２３<br />１２３</div> - <div class="item">４５６<br />４５６</div> - <div class="item">７８９<br />７８９</div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display-flex-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display-flex-001.xht deleted file mode 100644 index 27875c83c60..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display-flex-001.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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: An element with the 'display' property set to 'flex' establishes a new block-level flex container</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/align-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that an element with 'display' property set to 'flex' establishes a new block-level flex container." name="assert" /> - <style type="text/css"> - #flexbox - { - background-color: red; - display: flex; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display_flex_exist.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display_flex_exist.xht deleted file mode 100644 index 2d44069c5e1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display_flex_exist.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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 Flexible Box Test: display_flex</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <meta content="dom" name="flags" /> - <meta content="Check if the web engine can indenfy the display value flex." name="assert" /> - <style> - div#test{ - display: flex; - } - </style> - <script src="/resources/testharness.js"></script> - <script src="/resources/testharnessreport.js"></script> - </head> - <body> - <div id="log"></div> - <div id="test"></div> - <script type="text/javascript"> - var t = async_test(document.title, {timeout:500}); - t.step(function () { - assert_equals(window.getComputedStyle(document.querySelector('div#test')).display, "flex", "Display value is"); - }); - t.done(); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display_inline-flex_exist.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display_inline-flex_exist.xht deleted file mode 100644 index 5696921d342..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/display_inline-flex_exist.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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 Flexible Box Test: display_inline-flex</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <meta content="dom" name="flags" /> - <meta content="Check if the web engine can identify the display value inline-flex." name="assert" /> - <style> - div#test{ - display: inline-flex; - } - </style> - <script src="/resources/testharness.js"></script> - <script src="/resources/testharnessreport.js"></script> - </head> - <body> - <div id="log"></div> - <div id="test"></div> - <script type="text/javascript"> - var t = async_test(document.title, {timeout:500}); - t.step(function () { - assert_equals(window.getComputedStyle(document.querySelector('div#test')).display, "inline-flex", "Display value is"); - }); - t.done(); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-001.xht deleted file mode 100644 index eb33c1d875a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-001.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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: The 'flex' shorthand adjusting the 'flex-grow' sub-property</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex grow factor determines the distribution of positive free space." name="assert" /> - <style type="text/css"> - #flexbox - { - background-color: red; - display: flex; - width: 300px; - } - div div - { - background-color: orange; - flex: 1 0 auto; - height: 100px; - } - #flexItem1 - { - background-color: blue; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div id="flexItem1"></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-002.xht deleted file mode 100644 index 86b90c3b6f4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-002.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!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: The 'flex' shorthand adjusting the 'flex-shrink' sub-property</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex shrink factor is multiplied by the flex base size when distributing negative space." name="assert" /> - <style type="text/css"> - div - { - height: 50px; - } - #flexbox - { - background-color: red; - display: flex; - width: 300px; - } - #flexItem1 - { - flex: 0 2 auto; - width: 300px; - } - #flexItem2 - { - width: 200px; - } - #flexItem1, #ref1 - { - background-color: blue; - } - #flexItem2, #ref2 - { - background-color: orange; - } - #ref1, #ref2 - { - display: inline-block; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div id="flexItem1"></div> - <div id="flexItem2"></div> - </div> - <div id="ref1"></div><div id="ref2"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-003.xht deleted file mode 100644 index d6623be3812..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-003.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!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: Comparing two different elements using different values for the 'flex-grow' sub-property on the 'flex' shorthand</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex items with a different flex grow factor have different flexibilities." name="assert" /> - <style type="text/css"> - div - { - height: 50px; - } - #flexbox - { - background-color: red; - display: flex; - width: 300px; - } - #flexItem1 - { - flex: 1 0 auto; - width: 100px; - } - #flexItem2 - { - flex: 2 0 auto; - width: 50px; - } - #flexItem1, #ref1 - { - background-color: blue; - } - #flexItem2, #ref2 - { - background-color: orange; - } - #ref1, #ref2 - { - display: inline-block; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div id="flexItem1"></div> - <div id="flexItem2"></div> - </div> - <div id="ref1"></div><div id="ref2"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-004.xht deleted file mode 100644 index 438c0a8d20e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-004.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!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: Comparing two different elements using different values for the 'flex-shrink' sub-property on the 'flex' shorthand</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex items with a different flex shrink factor have different flexibilities." name="assert" /> - <style type="text/css"> - div - { - height: 50px; - } - #flexbox - { - background-color: red; - display: flex; - width: 300px; - } - #flexItem1 - { - flex: 0 2 auto; - width: 300px; - } - #flexItem2 - { - flex: 0 3 auto; - width: 600px; - } - #flexItem1, #ref1 - { - background-color: blue; - } - #flexItem2, #ref2 - { - background-color: orange; - } - #ref1, #ref2 - { - display: inline-block; - width: 150px; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div id="flexItem1"></div> - <div id="flexItem2"></div> - </div> - <div id="ref1"></div><div id="ref2"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-align-items-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-align-items-center.xht deleted file mode 100644 index b3eda1ee066..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-align-items-center.xht +++ /dev/null @@ -1,52 +0,0 @@ -<!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 Flex-basis Test</title> - <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#alignment" rel="help" /> - <link href="reference/flex-align-items-center-ref.xht" rel="match" /> - <meta content="flex items center" name="assert" /> - <style type="text/css"> - #container { - display: flex; - justify-content: center; - align-items: center; - border: 5px solid green; - width: 600px; - height: 200px; - padding: 5px; - border-radius: 3px; - position: absolute; - top: 70px; - left: 10px; - } - #container > div { - border: 2px dotted blue; - background: green; - border-radius: 3px; - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: none; - } - #fail-flag { - position: absolute; - top: 162px; - left: 272px; - width: 92px; - height: 36px; - background: red; - } - </style> - </head> - <body> - <p>This case tests that flex items center</p> - <p>The test passes if there is no red</p> - <div id="fail-flag"></div> - <section id="container"> - <div></div> - <div></div> - <div></div> - </section> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-001.xht deleted file mode 100644 index 2f761c2fac7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-001.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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 Flexible Box Test: Aspect ratio handling of images</title> - <link href="http://www.google.com/" rel="author" title="Google Inc." /> - <link href="https://drafts.csswg.org/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="reference/ref-filled-green-100px-square.xht" rel="match" /> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - height: 10px; - } - - img { - min-width: 0; - min-height: 0; - flex: none; - width: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/200x200-green.png" id="test-flex-item-overlapping-green" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-002.xht deleted file mode 100644 index 6e120f4b772..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-002.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: Aspect ratio handling of images</title> - <link href="http://www.google.com/" rel="author" title="Google Inc." /> - <link href="https://drafts.csswg.org/css-flexbox-1/#algo-cross-item" rel="help" /> - <link href="reference/ref-filled-green-100px-square.xht" rel="match" /> - <meta content="Test that we compute the correct aspect-ratio based cross size when a height is specified" name="assert" /> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - height: 10px; - } - - img { - min-width: 0; - min-height: 0; - flex: none; - height: 100px; - align-self: flex-start; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/200x200-green.png" id="test-flex-item-overlapping-green" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-003.xht deleted file mode 100644 index fc9790011f4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-column-003.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: Aspect ratio handling of images</title> - <link href="http://www.google.com/" rel="author" title="Google Inc." /> - <link href="https://drafts.csswg.org/css-flexbox-1/#algo-cross-item" rel="help" /> - <link href="reference/ref-filled-green-100px-square.xht" rel="match" /> - <meta content="Test that we compute the correct aspect-ratio based cross size when a flex-basis is specified" name="assert" /> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - height: 10px; - } - - img { - min-width: 0; - min-height: 0; - flex: none; - flex-basis: 100px; - align-self: flex-start; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/200x200-green.png" id="test-flex-item-overlapping-green" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-001.xht deleted file mode 100644 index 7fb7e068bb6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-001.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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 Flexible Box Test: Aspect ratio handling of images</title> - <link href="http://www.google.com/" rel="author" title="Google Inc." /> - <link href="https://drafts.csswg.org/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="reference/ref-filled-green-100px-square.xht" rel="match" /> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - img { - min-width: 0; - min-height: 0; - flex: none; - height: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/200x200-green.png" id="test-flex-item-overlapping-green" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-002.xht deleted file mode 100644 index a5e7bd4576d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-002.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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 Flexible Box Test: Aspect ratio handling of images</title> - <link href="http://www.google.com/" rel="author" title="Google Inc." /> - <link href="https://drafts.csswg.org/css-flexbox-1/#algo-cross-item" rel="help" /> - <link href="reference/ref-filled-green-100px-square.xht" rel="match" /> - <meta content="Test that we compute the correct aspect-ratio based cross size when a width is specified" name="assert" /> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - img { - min-width: 0; - min-height: 0; - flex: none; - width: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/200x200-green.png" id="test-flex-item-overlapping-green" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-003.xht deleted file mode 100644 index 77f9557600c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-aspect-ratio-img-row-003.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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 Flexible Box Test: Aspect ratio handling of images</title> - <link href="http://www.google.com/" rel="author" title="Google Inc." /> - <link href="https://drafts.csswg.org/css-flexbox-1/#algo-cross-item" rel="help" /> - <link href="reference/ref-filled-green-100px-square.xht" rel="match" /> - <meta content="Test that we compute the correct aspect-ratio based cross size when a flex-basis is specified" name="assert" /> - <style type="text/css"> - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - img { - min-width: 0; - min-height: 0; - flex: none; - flex-basis: 100px; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/200x200-green.png" id="test-flex-item-overlapping-green" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-001.xht deleted file mode 100644 index 6504d69472a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-001.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - positive number</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property set positive number, the actual value of test element size is same as the positive number" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div{ - background-color: green; - height: 100px; - } - #test { - flex-basis: 60px; - } - #ref { - width: 40px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test"></div> - <div id="ref"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-002.xht deleted file mode 100644 index cc0b385ab04..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-002.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - positive number</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property specified correct value, the actual value of test element size is same as to the value of 'flex-basis' property, and the 'width' property is invalid." name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div{ - height: 100px; - } - #test { - flex-basis: 60px; - width: 80px; - } - #ref { - background-color: green; - width: 40px; - } - #cover { - background-color: green; - height: 100px; - margin-top: -100px; - width: 60px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test"></div> - <div id="ref"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-003.xht deleted file mode 100644 index 9fe797e0117..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-003.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - negative number(width not specified)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property set negative number, the tested element is not shown when width not set either." name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div{ - height: 100px; - } - #test { - flex-basis: -50px; - } - #ref { - background-color: green; - width: 50px; - } - #cover { - background-color: green; - height: 100px; - margin-left: 50px; - margin-top: -100px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test"></div> - <div id="ref"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-004.xht deleted file mode 100644 index 24c21eb8e91..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-004.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - negative number(width specified)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property set negative number, the actual width of tested element is -same as the value of 'width' property specified." name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div{ - background-color: green; - height: 100px; - } - #test { - flex-basis: -50px; - width: 30px; - } - #ref { - width: 50px; - } - #cover { - background-color: green; - height: 100px; - margin-left: 80px; - margin-top: -100px; - width: 20px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test"></div> - <div id="ref"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-005.xht deleted file mode 100644 index e6e7c850e46..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-005.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - 0</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property set '0', the actual width of tested element is same as 0." name="assert" /> -<style> - #container { - background-color: green; - display: flex; - height: 100px; - width: 100px; - } - #test { - background-color: red; - flex-basis: 0; - height: 100px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-006.xht deleted file mode 100644 index 5c965b0da68..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-006.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - 0%</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property set '0%', the actual width of tested element is same as 0." name="assert" /> -<style> - #container { - background-color: green; - display: flex; - height: 100px; - width: 100px; - } - #test { - background-color: red; - flex-basis: 0%; - height: 100px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-007.xht deleted file mode 100644 index cfcf04d5d0a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-007.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - auto</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property set 'auto', the actual width of tested element same as the value which specified by width property." name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div{ - background-color: green; - height: 100px; - } - #ref { - width: 50px; - } - #test { - flex-basis: auto; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test"></div> - <div id="ref"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-008.xht deleted file mode 100644 index 775a99dd394..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-basis-008.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-basis - 50%</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Intel" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" title="7.3.3. The 'flex-basis' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-basis' property set positive percentage, the actual width of tested element same as the percentage of flex container size." name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div{ - background-color: green; - height: 100px; - } - #ref { - width: 40px; - } - #test { - flex-basis: 60%; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="ref"></div> - <div id="test"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-box-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-box-wrap.xht deleted file mode 100644 index 0f65e22a7a8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-box-wrap.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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 Flexbox Test: flex-wrap: wrap</title> - <link href="mailto:tokuda109@gmail.com" rel="author" title="Tsuyoshi Tokuda" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/flex-box-wrap-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="the test passes if you see green box." name="assert" /> - <style type="text/css"> - - .flex-box { - position: relative; - display: flex; - flex-wrap: wrap; - margin: 0; - padding-left: 0; - width: 200px; - } - .flex-item, - .error { - list-style-type: none; - width: 120px; - height: 100px; - background-color: green; - } - .error { - position: absolute; - top: 100px; - left: 0; - background-color: red; - z-index: -1; - } - - </style> -</head> -<body> - <p>There should be a green block with no red.</p> - - <ul class="flex-box"> - <li class="flex-item">width: 120px</li> - <li class="flex-item">width: 120px</li> - <li class="error"></li> - </ul> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-container-margin.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-container-margin.xht deleted file mode 100644 index 37786cbc3cc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-container-margin.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<link href="https://drafts.csswg.org/css-flexbox-1/#item-margins" rel="help" /> -<link href="reference/flex-container-margin-ref.xht" rel="match" /> -<meta content="The margins of adjacent flex items do not collapse." name="assert" /> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - width:50px; - height:50px; - margin:20px; - background: #eee; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item"></div> - <div class="flex-item"></div> - <div class="flex-item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-column-reverse.xht deleted file mode 100644 index 9927379ee71..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-column-reverse.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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: flex-direction: column-reverse swaps main start and end directions</title> - <link href="mailto:galineau@adobe.com" rel="author" title="Sylvain Galineau" /> - <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that column-reverse flex-direction swaps the main start and main end directions" name="assert" /> - <style> - .test { - display: flex; - float:left; - height: 3em; - } - - .test > span { - height: 1em; - } - - #column { - flex-direction: column; - } - - #column-reverse { - flex-direction: column-reverse; - } - </style> - </head> - <body> - <p>Test passes if both the two columns below are identical.</p> - <div id="column" class="test"> - <span>A</span><span>B</span><span>C</span> - </div> - <div id="column-reverse" class="test"> - <span>C</span><span>B</span><span>A</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-modify.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-modify.xht deleted file mode 100644 index 872a6d8c270..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-modify.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!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: flex flow direction</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/flex-direction-modify.xht" rel="match" /> -<meta content="Changing 'flex-direction' with JavaScript and then changing it back should returns to the original look." name="assert" /> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - width:50px; - height:50px; - margin:20px; - background: #eee; - line-height: 50px; - text-align: center; - } - - - .flex-container.flex-direction-row{ - flex-direction : row; - } - - .flex-container.flex-direction-row-reverse{ - flex-direction : row-reverse; - } - - .flex-container.flex-direction-column{ - flex-direction : column; - } - .flex-container.flex-direction-column-reverse{ - flex-direction : column-reverse; - } -</style> -</head> -<body> - <h1>flex-direction:<span id="current_direction">row</span></h1> - <div class="flex-container" id="flex_container"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <script> - var container = document.getElementById("flex_container"); - var direction_text = document.getElementById("current_direction"); - var baseClass = "flex-container "; - var classPrefix = "flex-direction-"; - function change_direction( direction ){ - container.className = baseClass + classPrefix + direction; - notify( direction ); - } - - function notify( direction ){ - direction_text.innerHTML = direction; - } - - change_direction("row"); - change_direction("row-reverse"); - change_direction("column"); - change_direction("row-column-reverse"); - change_direction("row"); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row-reverse.xht deleted file mode 100644 index 6fbe72bc2ad..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row-reverse.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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: flow-direction:row-reverse swaps main start and end directions</title> - <link href="mailto:galineau@adobe.com" rel="author" title="Sylvain Galineau" /> - <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that row-reverse flex-direction swaps the main start and main end directions" name="assert" /> - <style> - .test { - display: flex; - width: 3em; - } - - .test > span { - width: 1em; - } - - #row { - flex-direction: row; - } - - #row-reverse { - flex-direction: row-reverse; - } - </style> - </head> - <body> - <p>Test passes if both the lines below are identical.</p> - <div id="row" class="test"> - <span>A</span><span>B</span><span>C</span> - </div> - <div id="row-reverse" class="test"> - <span>C</span><span>B</span><span>A</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row-vertical.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row-vertical.xht deleted file mode 100644 index 887cda46b71..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row-vertical.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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: flex-direction:row has the same orientation as inline axis</title> - <link href="mailto:galineau@adobe.com" rel="author" title="Sylvain Galineau" /> - <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that the main axis of the row flex-direction has the same orientation as the inline axis of the current vertical writing mode" name="assert" /> - <style> - #vertical { - writing-mode: vertical-lr; - } - - .test { - display: flex; - width: 3em; - flex-direction :row; - } - - .test > span { - width: 1em; - direction: ltr; - } - - #row-ltr { - direction: ltr; - } - - #row-rtl { - direction: rtl; - } - </style> - </head> - <body> - <p>Test passes if both the two columns below are identical.</p> - <div id="vertical"> - <div id="row-ltr" class="test"> - <span>A</span><span>B</span><span>C</span> - </div> - <div id="row-rtl" class="test"> - <span>C</span><span>B</span><span>A</span> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row.xht deleted file mode 100644 index f486b62c13b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-row.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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: flex-direction:row axis matches that of writing mode inline axis</title> - <link href="mailto:galineau@adobe.com" rel="author" title="Sylvain Galineau" /> - <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that the main axis of the row flex-direction has the same orientation as the inline axis of the current writing mode" name="assert" /> - <style> - - .test { - display: flex; - width: 3em; - flex-direction :row; - } - - .test > span { - width: 1em; - direction: ltr; - } - - #row-ltr { - direction: ltr; - } - - #row-rtl { - direction: rtl; - } - </style> - </head> - <body> - <p>Test passes if both the lines below are identical.</p> - <div id="row-ltr" class="test"> - <span>A</span><span>B</span><span>C</span> - </div> - <div id="row-rtl" class="test"> - <span>C</span><span>B</span><span>A</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-with-element-insert.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-with-element-insert.xht deleted file mode 100644 index 61448dfd0db..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction-with-element-insert.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!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: flex flow direction</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/flex-direction-with-element-insert.xht" rel="match" /> -<meta content="The flex items inserted by script shuould follow the right direction what the flex-direction property directives." name="assert" /> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - width:50px; - height:50px; - margin:20px; - background: #eee; - line-height: 50px; - text-align: center; - } - - - .flex-container.flex-direction-row{ - flex-direction : row; - } - - .flex-container.flex-direction-row-reverse{ - flex-direction : row-reverse; - } - - .flex-container.flex-direction-column{ - flex-direction : column; - } - .flex-container.flex-direction-column-reverse{ - flex-direction : column-reverse; - } -</style> -</head> -<body> - <h1>flex-direction:row</h1> - <div class="flex-container flex-direction-row" id="flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <h1>flex-direction:row-reverse</h1> - <div class="flex-container flex-direction-row-reverse" id="flex-direction-row-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <h1>flex-direction:column</h1> - <div class="flex-container flex-direction-column" id="flex-direction-column"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <h1>flex-direction:column-reverse</h1> - <div class="flex-container flex-direction-column-reverse" id="flex-direction-column-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - - <script> - var ids = ['flex-direction-row', - 'flex-direction-row-reverse', - 'flex-direction-column', - 'flex-direction-column-reverse']; - - for( var i in ids ){ - var new_element = document.createElement("div") - new_element.className="flex-item"; - new_element.innerHTML="new"; - var container = document.getElementById( ids[i] ); - container.appendChild( new_element ); - } - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction.xht deleted file mode 100644 index bc1226beda0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!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: flex flow direction</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/flex-direction.xht" rel="match" /> -<meta content="The flow of flex items in the the flex container should observe the flex-direction property." name="assert" /> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - width:50px; - height:50px; - margin:20px; - background: #eee; - line-height: 50px; - text-align: center; - } - - - .flex-container.flex-direction-row{ - flex-direction : row; - } - - .flex-container.flex-direction-row-reverse{ - flex-direction : row-reverse; - } - - .flex-container.flex-direction-column{ - flex-direction : column; - } - .flex-container.flex-direction-column-reverse{ - flex-direction : column-reverse; - } -</style> -</head> -<body> - <h1>flex-direction:row</h1> - <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <h1>flex-direction:row-reverse</h1> - <div class="flex-container flex-direction-row-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <h1>flex-direction:column</h1> - <div class="flex-container flex-direction-column"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <h1>flex-direction:column-reverse</h1> - <div class="flex-container flex-direction-column-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_column-reverse.xht deleted file mode 100644 index 9050c2f67c3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_column-reverse.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 Flexible Box Test: flex-direction_column-reverse</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the flex-direction value column-reverse." name="assert" /> - <style> - #test{ - height: 200px; - width: 200px; - display: flex; - flex-direction: column-reverse; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in bottom left of red rectangle and from top to bottom of the column: 3, 2, 1.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_column.xht deleted file mode 100644 index 54fc36e7d67..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_column.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 Flexible Box Test: flex-direction_column</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the flex-direction value column." name="assert" /> - <style> - #test{ - height: 200px; - width: 200px; - display: flex; - flex-direction: column; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.<br /> - 2. They are all appear in upper left of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_row-reverse.xht deleted file mode 100644 index 2079189f521..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_row-reverse.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 Flexible Box Test: flex-direction_row-reverse</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the flex-direction value row-reverse." name="assert" /> - <style> - #test{ - height: 200px; - width: 200px; - display: flex; - flex-direction: row-reverse; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in upper right of red rectangle and from left to right of the row: 3, 2, 1.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_row.xht deleted file mode 100644 index ff4a05b18f7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-direction_row.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 Flexible Box Test: flex-direction_row</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the flex-direction value row." name="assert" /> - <style> - #test{ - height: 200px; - width: 200px; - display: flex; - flex-direction: row; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in upper left of red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flexitem-childmargin.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flexitem-childmargin.xht deleted file mode 100644 index a3d0c964c6d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flexitem-childmargin.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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>flex item child margin</title> - <link href="mailto:csf178@gmail.com" rel="author" title="shaofeic" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> - <link href="reference/flex-flexitem-childmargin-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="margin should effect the orange box and green box need to align to bottom." name="assert" /> - <style type="text/css"> - #test - { - background: blue; - display: flex; - height:300px; - } - #test>div.flex { - width: 100px; - background:red; - } - #test>div.fixed - { - height: 300px; - flex:1; - background:red; - } - #test p - { - margin:200px 0 0 0; - } - </style> -</head> -<body> - <div id="test"> - <div class="fixed"> - <p style="width:100px;height:100px;background:orange;"> - a - </p> - </div> - <div class="flex"> - <p style="width:100px;height:100px;background:green;"> - b - </p> - </div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flexitem-percentage-prescation.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flexitem-percentage-prescation.xht deleted file mode 100644 index 21c69291eec..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flexitem-percentage-prescation.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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>flex item size prescation</title> - <link href="mailto:csf178@gmail.com" rel="author" title="shaofeic" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> - <link href="reference/flex-flexitem-percentage-prescation-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="no blue color could be seen." name="assert" /> - <style type="text/css"> - #test - { - background: blue; - display: flex; - height:300px; - width:101px; - } - p { - flex:1; - background:red; - flex-direction:row; - margin:0 0 0 0; - } - </style> -</head> -<body> - <div id="test"> - <p style="background:green;">damer</p> - <p>damer</p> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-001.xht deleted file mode 100644 index e85e8c31634..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-001.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - row nowrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-001-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'row nowrap' controls the flex container is single-line" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: row nowrap; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green rectangle whose width is greater than height - and the number within rectangle is '1 2 3 4' from left to right.</p> - <div id="test"> - <div>1</div> - <div>2</div> - <div>3</div> - <div>4</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-002.xht deleted file mode 100644 index aeba27afeb3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-002.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - row wrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'row wrap' controls the flex container is multi-line" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: row wrap; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>1</div> - <div>2</div> - <div>3</div> - <div>4</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-003.xht deleted file mode 100644 index 433849a5a0b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-003.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - row wrap-reverse</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'row wrap-reverse' controls the flex container is multi-line -but the cross-start and cross-end directions are swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: row wrap-reverse; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>3</div> - <div>4</div> - <div>1</div> - <div>2</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-004.xht deleted file mode 100644 index a097c61cb0a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-004.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - row-reverse nowrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-001-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'row-reverse nowrap' controls the flex container is single-line, -but the main-start and main-end directions are swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: row-reverse nowrap; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green rectangle whose width is greater than height - and the number within rectangle is '1 2 3 4' from left to right.</p> - <div id="test"> - <div>4</div> - <div>3</div> - <div>2</div> - <div>1</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-005.xht deleted file mode 100644 index c4cf9929b55..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-005.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - row-reverse wrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'row-reverse wrap' controls the flex container is multi-line -but the main-start and main-end directions are swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: row-reverse wrap; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>2</div> - <div>1</div> - <div>4</div> - <div>3</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-006.xht deleted file mode 100644 index 752cb35c414..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-006.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - row-reverse wrap-reverse</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'row-reverse wrap-reverse' controls the flex container is multi-line -but the main-start and main-end, cross-start and cross-end directions are all swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: row-reverse wrap-reverse; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>4</div> - <div>3</div> - <div>2</div> - <div>1</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-007.xht deleted file mode 100644 index 6bda00abf5b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-007.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - column nowrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-007-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'column nowrap' controls the flex container is single-line, -but the main axis is vertical" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: column nowrap; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and no red, the number within square is '1 2 3 4' from top to bottom.</p> - <div id="test"> - <div>1</div> - <div>2</div> - <div>3</div> - <div>4</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-008.xht deleted file mode 100644 index 425173d8355..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-008.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - column wrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'column wrap' controls the flex container is multi-line -but the main axis is vertical" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: column wrap; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>1</div> - <div>3</div> - <div>2</div> - <div>4</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-009.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-009.xht deleted file mode 100644 index 28034f72510..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-009.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - column wrap-reverse</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'column wrap-reverse' controls the flex container is multi-line -but the main axis is vertical, the cross-start and cross-end directions are swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: column wrap-reverse; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>2</div> - <div>4</div> - <div>1</div> - <div>3</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-010.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-010.xht deleted file mode 100644 index a588e9799d3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-010.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - column-reverse nowrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-007-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'column-reverse nowrap' controls the flex container is single-line, -but the main axis is vertical, the main-start and main-end directions are swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: column-reverse nowrap; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and no red, the number within square is '1 2 3 4' from top to bottom.</p> - <div id="test"> - <div>4</div> - <div>3</div> - <div>2</div> - <div>1</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-011.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-011.xht deleted file mode 100644 index 6321478f2f0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-011.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - column-reverse wrap</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'column-reverse wrap' controls the flex container is multi-line -but the main axis is vertical, the main-start and main-end directions are swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: column-reverse wrap; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>3</div> - <div>1</div> - <div>4</div> - <div>2</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-012.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-012.xht deleted file mode 100644 index 36ca27a7f2a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-flow-012.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-flow - column-reverse wrap-reverse</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" title="5.3. Flex Direction and Wrap: the 'flex-flow' shorthand" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flex-flow-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-flow' property set 'column-reverse wrap-reverse' controls the flex container is multi-line -but the main axis is vertical, the 'cross-start/cross-end' and 'main-start/main-end' directions are all swapped" name="assert" /> -<style> - #test { - background-color: red; - display: flex; - flex-flow: column-reverse wrap-reverse; - height: 100px; - width: 100px; - } - #test div { - background-color: green; - height: 50px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div id="test"> - <div>4</div> - <div>2</div> - <div>3</div> - <div>1</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-001.xht deleted file mode 100644 index 630f444f21b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-001.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Test: Flex-grow Property of Block-level Flex Items</title> - <link rel="author" title="Hanrui Gao" href="mailto:hanrui.gao@gmail.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" /> - <link rel="match" href="reference/flex-grow-001-ref.xht" /> - <meta name="flags" content="" /> - <meta name="assert" content="'flex-grow' property specifies the flex grow factor, which determines how much the flex item will grow relative to the rest of the flex items in the flex container when positive free space is distributed." /> - <style type="text/css"><![CDATA[ - #container { - width: 240px; - height: 60px; - border: 1px solid #000; - display: flex; - } - #container > div { - width: 30px; - height: 100%; - } - #child_1 { - flex-grow: 0; - background-color: green; - } - #child_2 { - flex-grow: 1; - background-color: blue; - } - #child_3 { - flex-grow: 2; - background-color: gray; - } - ]]></style> - </head> - <body> - <div id="container"> - <div id="child_1"></div> - <div id="child_2"></div> - <div id="child_3"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-002.xht deleted file mode 100644 index fe648d9121b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-002.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-grow - 0(initial value)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" title="7.3.1. The 'flex-grow' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-grow' property initial value is '0', the flex item will keep the width when 'flex-grow' set '0'" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div { - height: 100px; - width: 20px; - } - #test1 { - background-color: green; - flex-grow: 1; - } - #test2 { - background-color: green; - flex-grow: 0; - } - #cover { - background-color: green; - height: 100px; - margin-left: 80px; - margin-top: -100px; - width: 20px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - <div id="test3"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-003.xht deleted file mode 100644 index 3773647ec2c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-003.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-grow - negative number</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" title="7.3.1. The 'flex-grow' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-grow' property set negative number, the flex item will not grow." name="assert" /> -<style> - #container { - background-color: green; - display: flex; - height: 100px; - width: 100px; - } - #container div { - background-color: red; - height: 100px; - } - #test1 { - flex-grow: -2; - width: 25px; - } - #test2 { - flex-grow: -3; - width: 25px; - } - #cover { - background-color: green; - height: 100px; - position: relative; - top: -100px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-004.xht deleted file mode 100644 index f6b28c8eb4b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-004.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-grow - (invalid when no space distributed)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" title="7.3.1. The 'flex-grow' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-grow' property is invalid when the flex container has no space distributed." name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div { - height: 100px; - } - #test1 { - flex-grow: 3; - width: 50px; - } - #test2 { - background-color: green; - flex-grow: 2; - width: 50px; - } - #cover { - background-color: green; - height: 100px; - position: relative; - top: -100px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-005.xht deleted file mode 100644 index 61da6f76ee7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-005.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-grow - (invalid when applied to flex container)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" title="7.3.1. The 'flex-grow' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The 'flex-grow' property is invalid when the property applied to flex container." name="assert" /> -<style> - #container { - background-color: green; - display: flex; - flex-grow: 2; - height: 100px; - width: 100px; - } - #container div { - background-color: red; - height: 100px; - width: 25px; - } - #cover { - background-color: green; - height: 100px; - position: relative; - top: -100px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div></div> - <div></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-006.xht deleted file mode 100644 index c92feda1d1d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-grow-006.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-grow - positive number(fill all space)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" title="7.3.1. The 'flex-grow' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that all space of flex container will be filled when there is only one flex item and 'flex-grow' set any positive number." name="assert" /> -<style> - .container { - background-color: red; - display: flex; - height: 50px; - width: 100px; - } - .container > div { - background-color: green; - height: 50px; - width: 25px; - } - #test1 { - flex-grow: 1.5; - } - #test2 { - flex-grow: 2; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div class="container"> - <div id="test1"></div> - </div> - <div class="container"> - <div id="test2"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-items-flexibility.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-items-flexibility.xht deleted file mode 100644 index 14dcb8d6291..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-items-flexibility.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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 Flex-basis Test</title> - <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flexibility" rel="help" /> - <link href="reference/flex-items-flexibility.xht" rel="match" /> - <meta content="flex items flexibility" name="assert" /> - <style type="text/css"> - #container { - display: flex; - justify-content: center; - align-items: center; - border: 5px solid green; - width: 600px; - height: 200px; - padding: 5px; - border-radius: 3px; - position: absolute; - top: 70px; - left: 10px; - } - div { - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: 1 0 auto; - } - #flex { - border: 2px dotted blue; - background: green; - border-radius: 3px; - flex: 2 0 auto; - } - #fail-flag { - position: absolute; - padding: 10px; - top: 150px; - left: 183px; - width: 254px; - height: 40px; - background: red; - } - </style> - </head> - <body> - <p>This case tests that flex items flexibility</p> - <p>The test passes if there is no red</p> - <div id="fail-flag"></div> - <section id="container"> - <div></div> - <div id="flex"></div> - <div></div> - </section> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-margin-no-collapse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-margin-no-collapse.xht deleted file mode 100644 index b0ff656e29e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-margin-no-collapse.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!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 Flexible Box Test: flex item margins</title> - <link href="mailto:phuangce@gmail.com" rel="author" title="Ping Huang" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#item-margins" rel="help" /> - <link href="reference/flex-margin-no-collapse-ref.xht" rel="match" /> - <meta content="The vertical gap between two green boxs should be 100px." name="assert" /> - <style type="text/css"> - #container { - display: flex ; - flex-direction: column; - position: absolute; - top: 100px; - left: 10px; - width: 200px; - height: 300px; - } - - .box { - width: 100px; - height: 100px; - background-color: green; - flex: none; - } - - #box1 { - margin: 50px 0; - } - - #box2 { - margin: 50px 0; - } - - #red-box { - position: absolute; - top: 350px; - left: 10px; - width: 100px; - height: 100px; - background-color: red; - } - </style> -</head> -<body> - <p>The test passes if there are two green boxes and no red.</p> - <div id="red-box"></div> - <div id="container"> - <div class="box" id="box1"></div> - <div class="box" id="box2"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-001.xht deleted file mode 100644 index 55e3f05b3c0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-001.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum height for flex items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - - #test-flex-item-overlapping-green { - color: green; - background-color: green; - font: 50px/1 Ahem; - } - - #content-100x100 { - width: 100px; - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <div id="test-flex-item-overlapping-green"> - <div id="content-100x100"></div> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-002.xht deleted file mode 100644 index cdc6f81d6bf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-002.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum height for flex items is the specified size if it's smaller than the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - - #test-flex-item-overlapping-green { - background-color: green; - height: 100px; - } - - #content-100x200 { - width: 100px; - height: 200px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <div id="test-flex-item-overlapping-green"> - <div id="content-100x200"></div> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-003.xht deleted file mode 100644 index 7d511dd3f43..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-003.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that minimum height for flex items is the min-content size if it's smaller than the specified size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - - #test-flex-item-overlapping-green { - color: green; - background-color: green; - height: 200px; - font: 50px/1 Ahem; - } - - #content-100x100 { - width: 100px; - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <div id="test-flex-item-overlapping-green"> - <div id="content-100x100"></div> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-004.xht deleted file mode 100644 index b87511a7bf5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-004.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum height for flex items is the min-content size (which corresponds to the image size)." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/100x100-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-005.xht deleted file mode 100644 index f93718a0e3c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-005.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum height for flex items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - - #test-flex-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/60x60-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-006.xht deleted file mode 100644 index fffa457e66e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-006.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum height for flex items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - - #test-flex-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/200x200-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-007.xht deleted file mode 100644 index cc68cf02d98..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-007.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum height for flex items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - - #test-flex-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/60x60-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-008.xht deleted file mode 100644 index 46ea1e6b29e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-height-flex-items-008.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum height of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum height for flex items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - flex-direction: column; - width: 100px; - height: 10px; - } - - #test-flex-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/200x200-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-001.xht deleted file mode 100644 index 7bfc334541d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-001.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that minimum width for flex items is the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - #test-flex-item-overlapping-green { - color: green; - background-color: green; - font: 50px/1 Ahem; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <div id="test-flex-item-overlapping-green">IT E</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-002.xht deleted file mode 100644 index bc7b492e38b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-002.xht +++ /dev/null @@ -1,44 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum width for flex items is the specified size if it's smaller than the min-content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - #test-flex-item-overlapping-green { - background-color: green; - width: 100px; - } - - #content-200x100 { - width: 200px; - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <div id="test-flex-item-overlapping-green"> - <div id="content-200x100"></div> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-003.xht deleted file mode 100644 index b0a53ab6f76..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-003.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that minimum width for flex items is the min-content size if it's smaller than the specified size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - #test-flex-item-overlapping-green { - color: green; - background-color: green; - width: 200px; - font: 50px/1 Ahem; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <div id="test-flex-item-overlapping-green">IT E</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-004.xht deleted file mode 100644 index 80ddc1417dd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-004.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum width for flex items is the min-content size (which corresponds to the image size)." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img src="support/100x100-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-005.xht deleted file mode 100644 index c25c0458f6a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-005.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum width for flex items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - #test-flex-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/60x60-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-006.xht deleted file mode 100644 index b5d5f2c2140..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-006.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum width for flex items is the specified size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - #test-flex-item-overlapping-green { - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/200x200-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-007.xht deleted file mode 100644 index 368e9b26b13..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-007.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum width for flex items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - #test-flex-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/60x60-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-008.xht deleted file mode 100644 index c44690455ed..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-minimum-width-flex-items-008.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Flexible Box Test: Minimum width of flex items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum width for flex items is the transferred size, as the min-content size of the image corresponds to that." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-flex { - display: flex; - width: 10px; - } - - #test-flex-item-overlapping-green { - height: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="reference-overlapped-red"></div> - <div id="constrained-flex"> - <img id="test-flex-item-overlapping-green" src="support/200x200-green.png" /> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-order.xht deleted file mode 100644 index 759a1009f9a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-order.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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: flex order</title> - <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#order-property" rel="help" /> - <link href="reference/flex-order-ref.xht" rel="match" /> - <meta content="ordered flex items should ordered properly" name="assert" /> - <style> - #container { - display: flex; - } - #lowOrdinal { - order: 3; - background: red; - height: 100px; width: 100px; - } - #highOrdinal { - order: 1; - background: lime; - height: 100px; width: 100px; - } - #middleOrdinal { - order: 2; - background: orange; - height: 100px; width: 100px; - } - </style> -</head> -<body> - <div id="container"> - <div id="highOrdinal"></div> - <div id="lowOrdinal"></div> - <div id="middleOrdinal"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-001.xht deleted file mode 100644 index cb5abb0a781..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-001.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-shrink - number(positive)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The flex-shrink property set positive number determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div { - height: 100px; - width: 100px; - } - #test1 { - flex-shrink: 2; - } - #test2 { - background-color: green; - flex-shrink: 3; - } - #cover { - background-color: green; - height: 100px; - margin-top: -100px; - width: 60px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-002.xht deleted file mode 100644 index f98e01ea6d2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-002.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-shrink - number(negative)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The flex-shrink property set negative is invalid to shrink flex items when negative free space is distributed" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div { - height: 100px; - width: 100px; - } - #test1 { - flex-shrink: -2; - } - #test2 { - background-color: green; - flex-shrink: -3; - } - #cover { - background-color: green; - height: 100px; - margin-top: -100px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-003.xht deleted file mode 100644 index e9c4b6e02b7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-003.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-shrink - 1(initial value)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The flex-shrink property initial value is 1" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div { - height: 100px; - width: 100px; - } - #test2 { - background-color: green; - flex-shrink: 4; - } - #cover { - background-color: green; - height: 100px; - margin-top: -100px; - width: 80px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-004.xht deleted file mode 100644 index 5810c77af73..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-004.xht +++ /dev/null @@ -1,44 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-shrink - number(flex container has enough space)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The flex-shrink property is invalid when flex container has enough space to load flex items" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div { - background-color: green; - height: 100px; - width: 40px; - } - #test1 { - flex-shrink: 2; - } - #test2 { - flex-shrink: 3; - } - #cover { - background-color: green; - height: 100px; - margin-left: 80px; - margin-top: -100px; - width: 20px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-005.xht deleted file mode 100644 index abbf53fc60f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-005.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-shrink - 0</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The flex-shrink property set 0 will ignore the flex container" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 50px; - } - #container div { - height: 100px; - width: 50px; - } - #test1 { - flex-shrink: 0; - } - #test2 { - background-color: green; - flex-shrink: 0; - } - #cover { - background-color: green; - height: 100px; - margin-top: -100px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-006.xht deleted file mode 100644 index e701d5ebf66..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-006.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-shrink - 0(one of flex-shrinks sets 0, another not)</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The flex item whose flex-shrink property of set 0 will displayed on the top of all flex items" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - height: 100px; - width: 100px; - } - #container div { - height: 100px; - width: 100px; - } - #test1 { - background-color: green; - flex-shrink: 0; - } - #test2 { - background-color: yellow; - flex-shrink: 0.1; - } - #test3 { - background-color: blue; - flex-shrink: 2; - } - #test2 { - background-color: black; - flex-shrink: 3; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - <div id="test3"></div> - <div id="test4"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-007.xht deleted file mode 100644 index dfbe8ba7916..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-shrink-007.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test: flex-shrink - applied to flex container</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="The flex-shrink property applied to flex container is invalid, all flex items will use the default value 1" name="assert" /> -<style> - #container { - background-color: red; - display: flex; - flex-shrink: 2; - height: 100px; - width: 100px; - } - #container div { - height: 100px; - width: 100px; - } - #test2 { - background-color: green; - } - #cover { - background-color: green; - height: 100px; - margin-top: -100px; - width: 50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div id="container"> - <div id="test1"></div> - <div id="test2"></div> - </div> - <div id="cover"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-vertical-align-effect.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-vertical-align-effect.xht deleted file mode 100644 index 32662feca9a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-vertical-align-effect.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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: 'display' property set to 'flex'</title> - <link href="mailto:zhaohua.design@163.com" rel="author" title="Hua Zhao" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> - <link href="reference/flex-vertical-align-effect.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="vertical-align property has no effect" name="assert" /> - - <style type="text/css"> - #container { - display:flex; - } - input{ - margin:0;padding:0;vertical-align:middle; - } - </style> -</head> -<body> - - <div id="container"> - <input type="text" value="input1" /> - <input type="radio" /> - - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap-001.xht deleted file mode 100644 index cdf54d8678d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap-001.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A flex container with 'flex-flow' set to 'wrap'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that the flex container with 'flex-flow: wrap' is a multi-line flex container." name="assert" /> - <style type="text/css"> - #flexbox - { - background-color: red; - display: flex; - flex-flow: wrap; - height: 100px; - width: 300px; - } - div div - { - background-color: orange; - width: 150px; - } - .blue - { - background-color: blue; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div class="blue"></div> - <div></div> - <div class="blue"></div> - <div></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_nowrap.xht deleted file mode 100644 index 123ac5ae140..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_nowrap.xht +++ /dev/null @@ -1,24 +0,0 @@ -<!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 Flexible Box Test: flex-wrap_nowrap</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the flex-wrap value nowrap." name="assert" /> - <style> - #test{ - width: 120px; - display: flex; - flex-wrap: wrap; - flex-wrap: nowrap; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row and no gap between them.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_wrap-reverse.xht deleted file mode 100644 index 84e5ac65cf1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_wrap-reverse.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 Flexible Box Test: flex-wrap_wrap-reverse</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the flex-wrap value wrap-reverse." name="assert" /> - <style> - #test{ - width: 120px; - display: flex; - flex-wrap: wrap-reverse; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in two rows in a red rectangle and no gap between them.<br /> - 2. the rectangle 3 appear in the first line of rows.<br /> - 3. the rectangles appear in upper left of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_wrap.xht deleted file mode 100644 index 99449f43034..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-wrap_wrap.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 Flexible Box Test: flex-wrap_wrap</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the display can recognize inline-flex value." name="assert" /> - <style> - div#test{ - width: 120px; - display: flex; - flex-wrap: wrap; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in two rows in a red rectangle and no gap between them.<br /> - 2. the rectangle 1 appear in the first line of rows.<br /> - 3. the rectangles appear in upper left of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-abspos-child-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-abspos-child-001a.xht deleted file mode 100644 index 14b2a49999c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-abspos-child-001a.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a horizontal flex container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#abspos-items" rel="help" /> - <link href="reference/flexbox-abspos-child-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - height: 10px; - width: 10px; - background: purple; - margin-bottom: 15px; - position: relative; - } - .absPos { - position: absolute; - background: teal; - } - .testMinWidth { - width: 10px; - height: 20px; - min-width: 20px; - } - .testMaxWidth { - width: 50px; - height: 20px; - max-width: 20px; - } - .testMinHeight { - width: 20px; - height: 10px; - min-height: 20px; - } - .testMaxHeight { - width: 20px; - height: 50px; - max-height: 20px; - } - </style> -</head> -<body> - <div class="flexContainer"><div class="absPos testMinWidth"></div></div> - <div class="flexContainer"><div class="absPos testMaxWidth"></div></div> - <div class="flexContainer"><div class="absPos testMinHeight"></div></div> - <div class="flexContainer"><div class="absPos testMaxHeight"></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-abspos-child-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-abspos-child-001b.xht deleted file mode 100644 index f9a7a669637..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-abspos-child-001b.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a vertical flex container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#abspos-items" rel="help" /> - <link href="reference/flexbox-abspos-child-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - flex-direction: column; - height: 10px; - width: 10px; - background: purple; - margin-bottom: 15px; - position: relative; - } - .absPos { - position: absolute; - background: teal; - } - .testMinWidth { - width: 10px; - height: 20px; - min-width: 20px; - } - .testMaxWidth { - width: 50px; - height: 20px; - max-width: 20px; - } - .testMinHeight { - width: 20px; - height: 10px; - min-height: 20px; - } - .testMaxHeight { - width: 20px; - height: 50px; - max-height: 20px; - } - </style> -</head> -<body> - <div class="flexContainer"><div class="absPos testMinWidth"></div></div> - <div class="flexContainer"><div class="absPos testMaxWidth"></div></div> - <div class="flexContainer"><div class="absPos testMinHeight"></div></div> - <div class="flexContainer"><div class="absPos testMaxHeight"></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-horiz-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-horiz-001a.xht deleted file mode 100644 index 4fb84269e13..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-horiz-001a.xht +++ /dev/null @@ -1,177 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of horizontal flex containers, with 1-3 flex lines, - testing each possible value of the 'align-content' property. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'align-content' in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property"/> - <link rel="match" href="reference/flexbox-align-content-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 20px; /* Skinny, to force us to wrap */ - height: 200px; - display: flex; - flex-wrap: wrap; - margin-right: 2px; - float: left; - background: lightgray; - } - div.a { - width: 20px; - height: 10px; - flex: none; - background: lightgreen; - } - div.b { - width: 20px; - height: auto; /* height comes from contents */ - flex: none; - background: pink; - } - div.c { - width: 20px; - height: 40px; - flex: none; - background: orange; - } - - /* Inside of 'b': */ - div.fixedSizeChild { - width: 10px; - height: 30px; - background: purple; - } - </style> - </head> - <body> - - <!-- default (stretch) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-horiz-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-horiz-001b.xht deleted file mode 100644 index 24eba3a5379..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-horiz-001b.xht +++ /dev/null @@ -1,178 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of horizontal flex containers, with 1-3 flex lines, - testing each possible value of the 'align-content' property. Additionally, - the flex container derives its width from the "max-width" property. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'align-content' in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property"/> - <link rel="match" href="reference/flexbox-align-content-horiz-001-ref.xht"/> - <style> - div.flexbox { - max-width: 20px; /* Skinny, to force us to wrap */ - height: 200px; - display: flex; - flex-wrap: wrap; - margin-right: 2px; - float: left; - background: lightgray; - } - div.a { - height: 10px; - width: 20px; - flex: none; - background: lightgreen; - } - div.b { - height: auto; /* height comes from contents */ - width: 20px; - flex: none; - background: pink; - } - div.c { - height: 40px; - width: 20px; - flex: none; - background: orange; - } - - /* Inside of 'b': */ - div.fixedSizeChild { - width: 10px; - height: 30px; - background: purple; - } - </style> - </head> - <body> - - <!-- default (stretch) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-vert-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-vert-001a.xht deleted file mode 100644 index c2c8d61a1a5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-vert-001a.xht +++ /dev/null @@ -1,177 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of vertical flex containers, with 1-3 flex lines, - testing each possible value of the 'align-content' property. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'align-content' in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property"/> - <link rel="match" href="reference/flexbox-align-content-vert-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - height: 20px; /* Short, to force us to wrap */ - display: flex; - flex-direction: column; - flex-wrap: wrap; - margin-bottom: 2px; - background: lightgray; - } - div.a { - width: 10px; - height: 20px; - flex: none; - background: lightgreen; - } - div.b { - width: auto; /* width comes from contents */ - height: 20px; - flex: none; - background: pink; - } - div.c { - width: 40px; - height: 20px; - flex: none; - background: orange; - } - - /* Inside of 'b': */ - div.fixedSizeChild { - width: 30px; - height: 10px; - background: purple; - } - </style> - </head> - <body> - - <!-- default (stretch) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-vert-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-vert-001b.xht deleted file mode 100644 index 451abd5a223..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-content-vert-001b.xht +++ /dev/null @@ -1,178 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of vertical flex containers, with 1-3 flex lines, - testing each possible value of the 'align-content' property. Additionally, - the flex container derives its height from the "max-height" property.--><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'align-content' in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property"/> - <link rel="match" href="reference/flexbox-align-content-vert-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - max-height: 20px; /* Short, to force us to wrap */ - display: flex; - flex-direction: column; - flex-wrap: wrap; - margin-bottom: 2px; - background: lightgray; - } - div.a { - width: 10px; - height: 20px; - flex: none; - background: lightgreen; - } - div.b { - width: auto; /* width comes from contents */ - height: 20px; - flex: none; - background: pink; - } - div.c { - width: 40px; - height: 20px; - flex: none; - background: orange; - } - - /* Inside of 'b': */ - div.fixedSizeChild { - width: 30px; - height: 10px; - background: purple; - } - </style> - </head> - <body> - - <!-- default (stretch) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-start"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: flex-end"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: center"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-between"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-around"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: space-evenly"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: left"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox" style="align-content: right"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-001a.xht deleted file mode 100644 index 755689125ed..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-001a.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for behavior of the 'baseline' value for align-items (and - align-self, implicitly). This test baseline-aligns various types of - content, and the flexbox's vertical size depends on the aggregate - post-alignment height of its children. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self'</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-001-ref.xht"/> - <style> - .flexbox { - display: flex; - border: 1px dashed blue; - font: 14px sans-serif; - } - .base { - align-items: baseline; - } - .lastbase { - align-items: last baseline; - } - - .big { - height: 100px; - font: 24px sans-serif; - margin-top: 20px; - } - .super { - vertical-align: super; - font-size: 12px; - } - .sub { - vertical-align: sub; - font-size: 12px; - } - - .lime { background: lime; } - .yellow { background: yellow; } - .orange { background: orange; } - .pink { background: pink; } - .aqua { background: aqua; } - .tan { background: tan; } - </style> - </head> - <body> - <div class="flexbox base"> - <div class="lime">blk_1line</div> - <div class="yellow">blk<br/>2lines</div> - <div class="orange"><span class="super">super</span></div> - <div class="pink"><span class="sub">sub</span></div> - <div class="aqua big">big<br/>text<br/>3lines</div> - <i class="tan">ital<br/>ic</i> - </div> - <div class="flexbox lastbase"> - <div class="lime">blk_1line</div> - <div class="yellow">blk<br/>2lines</div> - <div class="orange"><span class="super">super</span></div> - <div class="pink"><span class="sub">sub</span></div> - <div class="aqua big">big<br/>text<br/>3lines</div> - <i class="tan">ital<br/>ic</i> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-001b.xht deleted file mode 100644 index ae5cfbc0bfb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-001b.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for behavior of the 'baseline' value for align-items (and - align-self, implicitly). This test baseline-aligns various types of - content, and the flexbox's vertical size depends on the aggregate - post-alignment height of its children. This test also uses - "flex-wrap: wrap-reverse" to make the cross-axis bottom-to-top instead - of top-to-bottom. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a wrap-reverse flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-001-ref.xht"/> - <style> - .flexbox { - display: flex; - flex-wrap: wrap-reverse; - border: 1px dashed blue; - font: 14px sans-serif; - } - .base { - align-items: baseline; - } - .lastbase { - align-items: last baseline; - } - - .big { - height: 100px; - font: 24px sans-serif; - margin-top: 20px; - } - .super { - vertical-align: super; - font-size: 12px; - } - .sub { - vertical-align: sub; - font-size: 12px; - } - - .lime { background: lime; } - .yellow { background: yellow; } - .orange { background: orange; } - .pink { background: pink; } - .aqua { background: aqua; } - .tan { background: tan; } - </style> - </head> - <body> - <div class="flexbox base"> - <div class="lime">blk_1line</div> - <div class="yellow">blk<br/>2lines</div> - <div class="orange"><span class="super">super</span></div> - <div class="pink"><span class="sub">sub</span></div> - <div class="aqua big">big<br/>text<br/>3lines</div> - <i class="tan">ital<br/>ic</i> - </div> - <div class="flexbox lastbase"> - <div class="lime">blk_1line</div> - <div class="yellow">blk<br/>2lines</div> - <div class="orange"><span class="super">super</span></div> - <div class="pink"><span class="sub">sub</span></div> - <div class="aqua big">big<br/>text<br/>3lines</div> - <i class="tan">ital<br/>ic</i> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-002.xht deleted file mode 100644 index 4e7da072499..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-002.xht +++ /dev/null @@ -1,87 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how a baseline-aligned flex item's position is impacted by - cross-axis margins, in a fixed-size flex container. - --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of flex items in fixed-size single-line flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-002-ref.xht"/> - <style> - .flexbox { - display: flex; - align-items: baseline; - width: 40px; - height: 40px; - border: 1px solid gray; - margin: 5px; /* just for visual separation */ - float: left; - } - - .flexbox > * { - background: yellow; - border: 1px solid black; - height: 20px; - flex: 1; - } - </style> - </head> - <body> - <!-- ZEROTH ROW: NO MARGINS --> - <!-- No margins on flex item: --> - <div class="flexbox"> - <div>a</div> - </div> - - - <!-- FIRST ROW: SETTING MARGIN-TOP: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div style="margin-top: auto">a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div style="margin-top: -4px">a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div style="margin-top: 4px">a</div> - </div> - - <!-- Large (pushing us out of container): --> - <div class="flexbox"> - <div style="margin-top: 25px">a</div> - </div> - - - <!-- SECOND ROW: SETTING MARGIN-BOTTOM: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div style="margin-bottom: auto">a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div style="margin-bottom: -4px">a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div style="margin-bottom: 4px">a</div> - </div> - - <!-- Large: --> - <div class="flexbox"> - <div style="margin-bottom: 25px">a</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-003.xht deleted file mode 100644 index 5beca5a8ca8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-003.xht +++ /dev/null @@ -1,89 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how a baseline-aligned flex item's position is impacted by - cross-axis margins, in a fixed-size flex container with the cross axis - reversed via "flex-wrap: wrap-reverse". - --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of flex items in fixed-size single-line flex container, with cross axis reversed</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-003-ref.xht"/> - <style> - .flexbox { - display: flex; - align-items: baseline; - flex-wrap: wrap-reverse; /* Just to flip cross-axis */ - width: 40px; - height: 40px; - border: 1px solid gray; - margin: 5px; /* just for visual separation */ - float: left; - } - - .flexbox > * { - background: yellow; - border: 1px solid black; - height: 20px; - flex: 1; - } - </style> - </head> - <body> - <!-- ZEROTH ROW: NO MARGINS --> - <!-- No margins on flex item: --> - <div class="flexbox"> - <div>a</div> - </div> - - - <!-- FIRST ROW: SETTING MARGIN-TOP: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div style="margin-top: auto">a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div style="margin-top: -4px">a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div style="margin-top: 4px">a</div> - </div> - - <!-- Large (pushing us out of container): --> - <div class="flexbox"> - <div style="margin-top: 25px">a</div> - </div> - - - <!-- SECOND ROW: SETTING MARGIN-BOTTOM: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div style="margin-bottom: auto">a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div style="margin-bottom: -4px">a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div style="margin-bottom: 4px">a</div> - </div> - - <!-- Large: --> - <div class="flexbox"> - <div style="margin-bottom: 25px">a</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-004.xht deleted file mode 100644 index fee6fc69c27..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-004.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for behavior of the 'baseline' value for align-items (and - align-self, implicitly), in a multi-line flex container. - This test baseline-aligns variously-sized flex items, and the container's - vertical size depends on the aggregate post-alignment height of its items. - --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-004-ref.xht"/> - <style> - .flexbox { - display: flex; - flex-wrap: wrap; - align-items: baseline; - width: 90px; - } - - .flexbox > * { - width: 28px; /* 3 items per Flex Line */ - background: yellow; - border: 1px solid black; - } - - .big { font: 24px sans-serif; } - .medium { font: 14px sans-serif; } - .small { font: 8px sans-serif; } - - </style> - </head> - <body> - <div class="flexbox"> - <!-- First flex line: Just 3 different sizes of text --> - <div class="big">a</div> - <div class="small">b</div> - <div class="medium">c</div> - - <!-- Second flex line: different margin/padding amounts on each item, - and one non-baseline-aligned item.--> - <div class="medium" style="padding-top: 10px">d</div> - <div class="medium" style="margin-bottom: 8px">e</div> - <div class="medium" style="align-self: stretch">f</div> - - <!-- Third flex line: other margin/padding amounts on each item --> - <div class="small" style="margin-top: 20px">g</div> - <div class="big">h</div> - <div class="medium" style="padding-bottom: 6px">i</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-005.xht deleted file mode 100644 index b8078547ca9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-005.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for behavior of the 'baseline' value for align-items (and - align-self, implicitly), in a wrap-reverse multi-line flex container. - This test baseline-aligns variously-sized flex items, and the container's - vertical size depends on the aggregate post-alignment height of its items. - --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-005-ref.xht"/> - <style> - .flexbox { - display: flex; - flex-wrap: wrap-reverse; - align-items: baseline; - width: 90px; - } - - .flexbox > * { - width: 28px; /* 3 items per Flex Line */ - background: yellow; - border: 1px solid black; - } - - .big { font: 24px sans-serif; } - .medium { font: 14px sans-serif; } - .small { font: 8px sans-serif; } - - </style> - </head> - <body> - <div class="flexbox"> - <!-- First flex line: Just 3 different sizes of text --> - <div class="big">a</div> - <div class="small">b</div> - <div class="medium">c</div> - - <!-- Second flex line: different margin/padding amounts on each item, - and one non-baseline-aligned item.--> - <div class="medium" style="padding-top: 10px">d</div> - <div class="medium" style="margin-bottom: 8px">e</div> - <div class="medium" style="align-self: stretch">f</div> - - <!-- Third flex line: other margin/padding amounts on each item --> - <div class="small" style="margin-top: 20px">g</div> - <div class="big">h</div> - <div class="medium" style="padding-bottom: 6px">i</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-006.xht deleted file mode 100644 index 7d600b6d5b8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-006.xht +++ /dev/null @@ -1,51 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for behavior of the 'baseline' value for align-items (and - align-self, implicitly). This test baseline-aligns various types of - content against content that is exempt from alignment due to an - orthognal writing-mode. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' against non-parallel writing-modes.</title> - <link rel="author" title="Brad Werth" href="mailto:bwerth@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-006-ref.xht"/> - <style> - .container { - display: flex; - border: 1px dashed blue; - font: 14px sans-serif; - height: 50px; - } - - .base { align-items: baseline; } - .lastbase { align-items: last baseline; } - - .ortho { writing-mode: vertical-rl; - width: 17px; - height: 40px; } - .offset { margin-top: 10px; - margin-bottom: 3px; } - - .lime { background: lime; } - .yellow { background: yellow; } - .orange { background: orange; } - .pink { background: pink; } - </style> - </head> - <body> - <div class="container base"> - <div class="lime ortho">ortho</div> - <div class="yellow">one line</div> - <div class="orange">two<br/>lines</div> - <div class="pink offset">offset</div> - </div> - <div class="container lastbase"> - <div class="lime ortho">ortho</div> - <div class="yellow">one line</div> - <div class="orange">two<br/>lines</div> - <div class="pink offset">offset</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-007.xht deleted file mode 100644 index dd17ba03c79..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-baseline-horiz-007.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for behavior of 'baseline' and 'last baseline' values - for align-items (and align-self, implicitly). This test confirms - non-interference between the 'baseline' and 'last baseline' items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Baseline alignment of block flex items with 'baseline' and 'last-baseline' values for 'align-self' against each other.</title> - <link rel="author" title="Brad Werth" href="mailto:bwerth@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#baseline-participation"/> - <link rel="match" href="reference/flexbox-align-self-baseline-horiz-007-ref.xht"/> - <style> - .container { - display: flex; - border: 1px dashed blue; - font: 14px sans-serif; - height: 50px; - } - - .base { align-self: baseline; } - .lastbase { align-self: last baseline; } - - .offset { margin-top: 10px; - margin-bottom: 3px; } - - .lime { background: lime; } - .yellow { background: yellow; } - .orange { background: orange; } - .pink { background: pink; } - </style> - </head> - <body> - <div class="container"> - <div class="lime base">one line (first)</div> - <div class="yellow lastbase">one line (last)</div> - <div class="orange offset lastbase">two<br/>lines and offset (last)</div> - <div class="pink offset base">offset (first)</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-001-block.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-001-block.xht deleted file mode 100644 index 269308b4f96..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-001-block.xht +++ /dev/null @@ -1,104 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-horiz-001-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - height: 200px; - display: inline-flex; - font-size: 10px; - line-height: 10px; - - /* Any children whose align-self is 'auto' (or unspecified, or - initial) will end up taking this value from us: */ - align-items: center; - - /* Any children whose align-self is 'inherit' will end up - inheriting this value from us: */ - align-self: flex-end; - } - - .flexbox > div { - width: 40px; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - .auto { - background: yellow; - align-self: auto; - } - .unspecified { - background: lightgreen; - } - .initial { - background: aqua; - align-self: initial; - } - .inherit { - background: violet; - align-self: inherit; - } - .left { - background: tan; - align-self: left; - } - .right { - background: brown; - align-self: right; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="auto">auto</div> - <div class="unspecified">unspec</div> - <div class="initial">initial</div> - <div class="inherit">inherit</div> - <div class="left">left</div> - <div class="right">right</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-001-table.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-001-table.xht deleted file mode 100644 index fdf0eefa371..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-001-table.xht +++ /dev/null @@ -1,106 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the various 'align-self' property values on flex items that are tables</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-horiz-001-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - height: 200px; - display: inline-flex; - font-size: 10px; - line-height: 10px; - - /* Any children whose align-self is 'auto' (or unspecified, or - initial) will end up taking this value from us: */ - align-items: center; - - /* Any children whose align-self is 'inherit' will end up - inheriting this value from us: */ - align-self: flex-end; - } - - .flexbox > * { - display: table; - width: 40px; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - display: block; /* XXXdholbert Hackaround for bug 799725 */ - } - .auto { - background: yellow; - align-self: auto; - } - .unspecified { - background: lightgreen; - } - .initial { - background: aqua; - align-self: initial; - } - .inherit { - background: violet; - align-self: inherit; - } - .left { - background: tan; - align-self: left; - } - .right { - background: brown; - align-self: right; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="auto">auto</div> - <div class="unspecified">unspec</div> - <div class="initial">initial</div> - <div class="inherit">inherit</div> - <div class="left">left</div> - <div class="right">right</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-002.xht deleted file mode 100644 index e09a0b10c80..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-002.xht +++ /dev/null @@ -1,76 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with - margin/border/padding values on each item. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-horiz-002-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - height: 200px; - display: inline-flex; - font-size: 10px; - line-height: 10px; - vertical-align: top; - } - - .flexbox > div { - width: 40px; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - border-style: dotted; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - </div> - <br/> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-003.xht deleted file mode 100644 index fe51e8fef08..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-003.xht +++ /dev/null @@ -1,94 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with the - flex container being shorter than its items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-horiz-003-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - padding: 3px; - height: 4px; - display: inline-flex; - font-size: 10px; - line-height: 10px; - font-family: sans-serif; - } - - .flexbox > div { - width: 40px; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - .auto { - background: yellow; - align-self: auto; - } - .unspecified { - background: lightgreen; - } - .initial { - background: aqua; - align-self: initial; - } - .inherit { - background: violet; - align-self: inherit; - } - .normal { - background: tan; - align-self: normal; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="auto">auto</div> - <div class="unspecified">unspec</div> - <div class="initial">initial</div> - <div class="inherit">inherit</div> - <div class="normal">normal</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-004.xht deleted file mode 100644 index a5c22147fb1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-004.xht +++ /dev/null @@ -1,81 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with the - flex container being shorter than its items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-horiz-004-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - padding: 3px; - height: 4px; - display: inline-flex; - font-size: 10px; - line-height: 10px; - font-family: sans-serif; - margin-top: 20px; - margin-bottom: 120px; - vertical-align: top; - } - - .flexbox > div { - width: 40px; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - border-style: dotted; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - min-height: 2px; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - </div> - <br/> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-005.xht deleted file mode 100644 index 6a6524b518a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-005.xht +++ /dev/null @@ -1,101 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior with auto margins in - play (which should negate the effects of align-items / align-self, - because there won't be any available space in which to align the item - after the auto margins are resolved). --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#auto-margins"/> - <link rel="match" href="reference/flexbox-align-self-horiz-005-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - height: 140px; - width: 400px; - display: flex; - font-size: 10px; - line-height: 10px; - margin-bottom: 10px; - } - - .kidsAutoTop > div { margin-top: auto; } - .kidsAutoBottom > div { margin-bottom: auto; } - .kidsAutoBoth > div { margin: auto 0; } - - .flexbox > div { - width: 40px; - } - - .flexbox > div.big { - height: 80px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox kidsAutoTop"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">a b c d e f</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - - <div class="flexbox kidsAutoBottom"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">a b c d e f</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - - <div class="flexbox kidsAutoBoth"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">a b c d e f</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-stretch-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-stretch-vert-001.xht deleted file mode 100644 index cb7ab7627c5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-stretch-vert-001.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the sizing of a stretched horizontal flex container in a vertical flex container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="reference/flexbox-align-self-stretch-vert-001-ref.xht" rel="match" /> - <meta content="If a stretched flex item's main size is influenced by its cross size, and the flex container has a definite cross size, then the item's cross size should be resolved early so that it can be used when determining the item's main size" name="assert" /> - <meta content="https://drafts.csswg.org/css-flexbox/issues-cr-2012#issue-23" name="assert" /> - <meta charset="utf-8" /> - <style> - div.fixedWidthWrapper { - width: 200px; - /* Small enough that 3 characters can _easily_ fit in our width */ - font-size: 12px; - } - div.vertContainer { - display: flex; - flex-direction: column; - } - div.vertItem { - background: red; - } - div.horizContainer { - display: flex; - } - div.horizItem { - flex: 1; - background: lime; - } - </style> -</head> -<body> - <div class="fixedWidthWrapper"> - <div class="vertContainer"> - <div class="vertItem"> - <div class="horizContainer"> - <div class="horizItem">A B C</div> - <div class="horizItem"></div> - </div> - </div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-stretch-vert-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-stretch-vert-002.xht deleted file mode 100644 index 54124944c56..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-stretch-vert-002.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the sizing of stretched flex items in a vertical multi-line flex container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="reference/flexbox-align-self-stretch-vert-002-ref.xht" rel="match" /> - <meta content="In a multi-line flex container, flex items should not be stretched (in the cross axis) until after wrapping has been performed." name="assert" /> - <meta charset="utf-8" /> - <style> - div.container { - display: flex; - flex-flow: column wrap; - width: 100px; - height: 20px; - border: 2px solid black; - } - div.item { - /* Tall enough to force wrapping (since parent height is 20px): */ - min-height: 15px; - border: 1px dotted blue; - } - </style> -</head> -<body> - <div class="container"> - <div class="item"></div> - <div class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-001.xht deleted file mode 100644 index c44d57992ad..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-001.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-001-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - display: flex; - flex-direction: column; - font-size: 10px; - - /* Any children whose align-self is 'auto' (or unspecified, or - initial) will end up taking this value from us: */ - align-items: center; - - /* Any children whose align-self is 'inherit' will end up - inheriting this value from us: */ - align-self: flex-end; - } - - .big { - font-size: 20px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - .auto { - background: yellow; - align-self: auto; - } - .unspecified { - background: lightgreen; - } - .initial { - background: aqua; - align-self: initial; - } - .inherit { - background: violet; - align-self: inherit; - } - .left { - background: tan; - align-self: left; - } - .right { - background: brown; - align-self: right; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="auto">auto</div> - <div class="unspecified">unspec</div> - <div class="initial">initial</div> - <div class="inherit">inherit</div> - <div class="left">left</div> - <div class="right">right</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-002.xht deleted file mode 100644 index f4040b3993f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-002.xht +++ /dev/null @@ -1,74 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with - margin/border/padding values on each item. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-002-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - display: flex; - flex-direction: column; - float: left; - font-size: 10px; - } - - .flexbox > div { - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - - border-style: dotted; - } - - div.big { - font-size: 20px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-003.xht deleted file mode 100644 index ffcbb0d716d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-003.xht +++ /dev/null @@ -1,65 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with the - flex container being skinnier than its items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-003-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - display: flex; - flex-direction: column; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - <div class="center">center</div> - <div class="center big">a b</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-004.xht deleted file mode 100644 index dab9f5179e1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-004.xht +++ /dev/null @@ -1,76 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with the - flex container being skinnier than its items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-004-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - display: flex; - flex-direction: column; - float: left; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - .flexbox > div { - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - - border-style: dotted; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - <div class="center">center</div> - <div class="center big">a b</div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-001.xht deleted file mode 100644 index 62bbd25213a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-001.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with - "direction: rtl" to swap the horizontal (cross) axis. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container with 'direction: rtl'</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-rtl-001-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - display: flex; - flex-direction: column; - direction: rtl; - font-family: sans-serif; - font-size: 10px; - - /* Any children whose align-self is 'auto' (or unspecified, or - initial) will end up taking this value from us: */ - align-items: center; - - /* Any children whose align-self is 'inherit' will end up - inheriting this value from us: */ - align-self: flex-end; - } - - .big { - font-size: 20px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - .auto { - background: yellow; - align-self: auto; - } - .unspecified { - background: lightgreen; - } - .initial { - background: aqua; - align-self: initial; - } - .inherit { - background: violet; - align-self: inherit; - } - .left { - background: tan; - align-self: left; - } - .right { - background: brown; - align-self: right; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="auto">auto</div> - <div class="unspecified">unspec</div> - <div class="initial">initial</div> - <div class="inherit">inherit</div> - <div class="left">left</div> - <div class="right">right</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-002.xht deleted file mode 100644 index 9318ea51922..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-002.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with - margin/border/padding values on each, and with "direction: rtl" to swap - the horizontal (cross) axis item. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items and with 'direction: rtl'</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-rtl-002-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - display: flex; - flex-direction: column; - direction: rtl; - float: left; - font-family: sans-serif; - font-size: 10px; - } - - .flexbox > div { - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - - border-style: dotted; - } - - div.big { - font-size: 20px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-003.xht deleted file mode 100644 index ef0f489ab1d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-003.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with the - flex container being skinnier than its items, and with "direction: rtl" to - swap the horizontal (cross) axis. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items and with 'direction: rtl'</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-rtl-003-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - display: flex; - flex-direction: column; - direction: rtl; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - <div class="center">center</div> - <div class="center big">a b</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-004.xht deleted file mode 100644 index 6686ca02ca0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-vert-rtl-004.xht +++ /dev/null @@ -1,85 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for align-items / align-self behavior, with all the possible - values included on different items within a flex container, and with the - flex container being skinnier than its items, and with "direction: rtl" to - swap the horizontal (cross) axis. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items and with 'direction: rtl'</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/> - <link rel="match" href="reference/flexbox-align-self-vert-rtl-004-ref.xht"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - display: flex; - flex-direction: column; - direction: rtl; - float: left; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - .flexbox > div { - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - - border-style: dotted; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - align-self: flex-start; - } - .flex-end { - background: orange; - align-self: flex-end; - } - .center { - background: lightblue; - align-self: center; - } - .baseline { - background: teal; - align-self: baseline; - } - .stretch { - background: pink; - align-self: stretch; - } - </style> - </head> - <body> - <!-- (NOTE: this test has the "stretch" divs and the "flex-end" divs - swapped in the ordering, with respect to the other - flexbox-align-self-* testcases. That's because "stretch" and - "flex-end" overflow in opposite directions, and in RTL mode (with 2 - flex containers side by side), they overflow *at* each other and - overlap. If we swap them, they float away from each other and we can - still see them.) --> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b</div> - <div class="center">center</div> - <div class="center big">a b</div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-anonymous-items-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-anonymous-items-001.xht deleted file mode 100644 index c9c174f1cc0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-anonymous-items-001.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that we gracefully handle cases where two anonymous flex items become adjacent due to "order" reordering</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> - <link href="reference/flexbox-anonymous-items-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - } - </style> -</head> -<body> - <div class="flexContainer"> - a a - <div style="order: 1">x x</div> - b b - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-align-self-baseline-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-align-self-baseline-horiz-001.xht deleted file mode 100644 index 15d71dc117d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-align-self-baseline-horiz-001.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a horizontal flex container - with several flex items, some of which have "align-self:baseline". The - spec says this about this case: - If any of the flex items on the flex container's first line - participate in baseline alignment, the flex container's - main-axis baseline is the baseline of those flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a horizontal flex container with baseline-aligned flex items</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - body { - margin: 0; - font-size: 20px; - line-height: 20px; - } - .flexContainer { - display: inline-flex; - background: lightblue; - align-items: baseline; - } - .hugeAndUnaligned { - font-size: 35px; - line-height: 35px; - /* This one flex item won't be baseline-aligned, so it won't impact - the flex container's positioning */ - align-self: stretch; - } - .smallFont { - font-size: 10px; - line-height: 10px; - } - </style> -</head> -<body> - a - <div class="flexContainer"> - <div class="smallFont">b</div> - <div>c</div> - <div class="hugeAndUnaligned">d</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">e</div> - <div>f</div> - <div class="smallFont">g</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">h</div> - <div class="smallFont">i</div> - <div>j</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-align-self-baseline-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-align-self-baseline-vert-001.xht deleted file mode 100644 index bc2cc79e479..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-align-self-baseline-vert-001.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a vertical flex container with - several flex items, some of which have "align-self:baseline". Since we're - vertical and the items' baselines are horizontal, they do not end up - participating in baseline alignment, so their "align-self:baseline" - computed style doesn't have any special effect on the container's - baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a vertical flex container with baseline-aligned flex items</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <link href="support/ahem.css" type="text/css" rel="stylesheet" /> - <style> - body { - margin: 0; - font: 20px Ahem; - line-height: 20px; - /* Baseline is 0.8em = 16px from top */ - } - .flexContainer { - display: inline-flex; - flex-direction: column; - background: lightblue; - align-items: baseline; - } - .hugeAndUnaligned { - font-size: 35px; - line-height: 35px; - /* This one flex item won't be baseline-aligned, so it won't impact - the flex container's positioning */ - align-self: stretch; - } - .smallFont { - font-size: 10px; - line-height: 10px; - /* Baseline is 0.8em = 8px from top */ - } - </style> -</head> -<body> - a - <div class="flexContainer"> - <div class="smallFont">b</div> - <div>c</div> - <div class="hugeAndUnaligned">d</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">e</div> - <div>f</div> - <div class="smallFont">g</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">h</div> - <div class="smallFont">i</div> - <div>j</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-empty-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-empty-001a.xht deleted file mode 100644 index dda13b1e486..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-empty-001a.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a horizontal flex container - with no flex items. This is the main-axis baseline. The spec says this - about this case: - https://drafts.csswg.org/css-flexbox/#flex-baselines - "Otherwise, the flex container has no first/last main-axis baseline set, - and one is synthesized if needed according to the rules of its alignment context." - - The alignment context in this case is inline-level so the margin-box - should be used to synthesize the baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of an empty horizontal flex container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-empty-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <link href="support/ahem.css" type="text/css" rel="stylesheet" /> - <style> - body { - font: 20px Ahem; - } - .flexContainer { - display: inline-flex; - height: 16px; - width: 16px; - background: purple; - border: 0px dotted black; - /* (Elements that want a border will set their border-width.) */ - } - </style> -</head> -<body> - A - <div class="flexContainer"></div> - <div style="padding-bottom: 20px" class="flexContainer"></div> - <div style="padding: 10px" class="flexContainer"></div> - <div style="border-width: 3px" class="flexContainer"></div> - <div style="border-bottom-width: 4px" class="flexContainer"></div> - <div style="border-bottom-width: 4px; margin: 2px" class="flexContainer"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-empty-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-empty-001b.xht deleted file mode 100644 index 71750842984..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-empty-001b.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a vertical flex container - with no flex items. This is the cross-axis baseline. The spec says this - about this case: - https://drafts.csswg.org/css-flexbox/#flex-baselines - "Otherwise, the flex container has no first/last main-axis baseline set, - and one is synthesized if needed according to the rules of its alignment context." - - The alignment context in this case is inline-level so the margin-box - should be used to synthesize the baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of an empty vertical flex container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-empty-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <link href="support/ahem.css" type="text/css" rel="stylesheet" /> - <style> - body { - font: 20px Ahem; - } - .flexContainer { - display: inline-flex; - flex-direction: column; - height: 16px; - width: 16px; - background: purple; - border: 0px dotted black; - /* (Elements that want a border will set their border-width.) */ - } - </style> -</head> -<body> - A - <div class="flexContainer"></div> - <div style="padding-bottom: 20px" class="flexContainer"></div> - <div style="padding: 10px" class="flexContainer"></div> - <div style="border-width: 3px" class="flexContainer"></div> - <div style="border-bottom-width: 4px" class="flexContainer"></div> - <div style="border-bottom-width: 4px; margin: 2px" class="flexContainer"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-item-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-item-horiz-001.xht deleted file mode 100644 index 1c4eaccf649..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-item-horiz-001.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a horizontal flex container - with several flex items, none of which have "align-self:baseline". The - spec says this about this case: - ...if the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's main axis, the flex container's main-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a horizontal flex container whose flex items are not baseline-aligned</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-item-horiz-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-flex; - background: lightblue; - } - .smallFont { - font-size: 10px; - line-height: 10px; - } - .bigFont { - font-size: 20px; - line-height: 20px; - } - </style> -</head> -<body> - a - <div class="flexContainer"> - <div class="smallFont">b</div><div class="bigFont">c</div> - </div> - <div class="flexContainer"> - <div class="bigFont">d</div><div class="smallFont">e</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-item-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-item-vert-001.xht deleted file mode 100644 index 6cd67982c2a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-item-vert-001.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a vertical flex container - with several flex items, none of which have "align-self:baseline". The - spec says this about this case: - ...if the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's main axis, the flex container's main-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a vertical flex container whose flex items are not baseline-aligned</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-item-vert-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <link href="support/ahem.css" type="text/css" rel="stylesheet" /> - <style> - body { - margin: 0; - font: 20px Ahem; - line-height: 20px; - /* Baseline is 0.8em = 16px from top */ - } - .flexContainer { - display: inline-flex; - flex-direction: column; - background: lightblue; - } - .smallFont { - font-size: 10px; - line-height: 10px; - /* Baseline is 0.8em = 8px from top */ - } - .bigFont { - font-size: 20px; - line-height: 20px; - /* Baseline is 0.8em = 16px from top */ - } - </style> -</head> -<body> - a - <div class="flexContainer"> - <div class="smallFont">b</div><div class="bigFont">c</div> - </div> - <div class="flexContainer"> - <div class="bigFont">d</div><div class="smallFont">e</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-001.xht deleted file mode 100644 index ff1eee228e1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-001.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a horizontal flex container - with several flex lines. - The spec says this about this case: - [Given that the first line has no baseline-aligned items:] - ...if the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's main axis, the flex container's main-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a horizontal flex container with multiple flex lines</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-line-horiz-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-flex; - flex-wrap: wrap; - width: 40px; - height: 40px; - background: lightblue; - } - .flexContainer > * { - width: 20px; - } - - /* We'll make the second flex line not paint anything, so that the - reference case doesn't need to bother matching it. */ - .flexContainer > *:nth-child(3), - .flexContainer > *:nth-child(4) { - visibility: hidden; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer"> - <div class="medFont">b</div><div class="bigFont">c</div><div class="bigFont">d</div><div class="medFont">e</div> - </div> - - <div class="flexContainer"> - <div class="bigFont">f</div><div class="smallFont">g</div><div class="medFont">h</div><div class="bigFont">i</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer"> - <div class="smallFont">j</div><div class="bigFont">k</div><div style="align-self: baseline" class="bigFont">l</div><div style="align-self: baseline" class="medFont">m</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-002.xht deleted file mode 100644 index 99f3ab5285d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-002.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a horizontal flex container - with several flex lines (wrapping in the reverse direction). - The spec says this about this case: - [Given that the first line has no baseline-aligned items:] - ...if the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's main axis, the flex container's main-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a horizontal flex container with multiple flex lines</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-line-horiz-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-flex; - flex-wrap: wrap-reverse; - width: 40px; - height: 40px; - background: lightblue; - } - .flexContainer > * { - width: 20px; - } - - /* We'll make the second flex line not paint anything, so that the - reference case doesn't need to bother matching it. */ - .flexContainer > *:nth-child(3), - .flexContainer > *:nth-child(4) { - visibility: hidden; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer"> - <div class="medFont">b</div><div class="bigFont">c</div><div class="bigFont">d</div><div class="medFont">e</div> - </div> - - <div class="flexContainer"> - <div class="bigFont">f</div><div class="smallFont">g</div><div class="medFont">h</div><div class="bigFont">i</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer"> - <div class="smallFont">j</div><div class="bigFont">k</div><div style="align-self: baseline" class="bigFont">l</div><div style="align-self: baseline" class="medFont">m</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-003.xht deleted file mode 100644 index 6169dce5d58..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-003.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a horizontal multi-line (wrap) flex container with baseline-aligned items on first line</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-line-horiz-003-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-flex; - flex-wrap: wrap; - width: 40px; - height: 100px; - background: lightgray; - - /* Use "align-content", to test that packing space is considered when - getting container's baseline from its first FlexLine:*/ - align-content: center; - } - .flexContainer > * { - width: 20px; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex container with second item in first line baseline-aligned - (should set the container's baseline) --> - <div class="flexContainer"> - <div class="medFont">b</div> - <div style="align-self: baseline" class="bigFont">c</div> - <div class="medFont">d</div> - <div class="smallFont">e</div> - </div> - - <!-- Flex container with both items in first line baseline-aligned - (should set the container's baseline) --> - <div class="flexContainer"> - <div style="align-self: baseline" class="smallFont">f</div> - <div style="align-self: baseline" class="medFont">g</div> - <div class="bigFont">h</div> - <div class="smallFont">i</div> - </div> - - <!-- Flex container with all items baseline-aligned, and with some padding - (only those on first line should set the container's baseline) --> - <div style="align-items: baseline" class="flexContainer"> - <div class="bigFont">j</div> - <div style="padding-bottom: 20px" class="smallFont">k</div> - <div class="smallFont">l</div> - <div class="medFont">m</div> - </div> - n - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-004.xht deleted file mode 100644 index 980cc5562d8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-horiz-004.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a horizontal multi-line (wrap-reverse) flex container with baseline-aligned items on first line</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-line-horiz-004-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-flex; - flex-wrap: wrap-reverse; - width: 40px; - height: 100px; - background: lightgray; - - /* Use "align-content", to test that packing space is considered when - getting container's baseline from its first FlexLine:*/ - align-content: center; - } - .flexContainer > * { - width: 20px; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex container with second item in first line baseline-aligned - (should set the container's baseline) --> - <div class="flexContainer"> - <div class="medFont">b</div> - <div style="align-self: baseline" class="bigFont">c</div> - <div class="medFont">d</div> - <div class="smallFont">e</div> - </div> - - <!-- Flex container with both items in first line baseline-aligned - (should set the container's baseline) --> - <div class="flexContainer"> - <div style="align-self: baseline" class="smallFont">f</div> - <div style="align-self: baseline" class="medFont">g</div> - <div class="bigFont">h</div> - <div class="smallFont">i</div> - </div> - - <!-- Flex container with all items baseline-aligned, and with some padding - (only those on first line should set the container's baseline) --> - <div style="align-items: baseline" class="flexContainer"> - <div class="bigFont">j</div> - <div style="padding-bottom: 20px" class="smallFont">k</div> - <div class="smallFont">l</div> - <div class="medFont">m</div> - </div> - n - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-vert-001.xht deleted file mode 100644 index d9d12816b31..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-vert-001.xht +++ /dev/null @@ -1,73 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a vertical flex container - with several flex lines. - The spec says this about this case: - [Given that the first line has no baseline-aligned items:] - ...if the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's main axis, the flex container's main-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a vertical flex container with multiple flex lines</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-line-vert-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-flex; - flex-direction: column; - flex-wrap: wrap; - width: 40px; - height: 40px; - background: lightblue; - } - .flexContainer > * { - height: 20px; - } - - /* We'll make the second flex line not paint anything, so that the - reference case doesn't need to bother matching it. */ - .flexContainer > *:nth-child(3), - .flexContainer > *:nth-child(4) { - visibility: hidden; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer"> - <div class="medFont">b</div><div class="bigFont">c</div><div class="bigFont">d</div><div class="medFont">e</div> - </div> - - <div class="flexContainer"> - <div class="bigFont">f</div><div class="smallFont">g</div><div class="medFont">h</div><div class="bigFont">i</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer"> - <div class="smallFont">j</div><div class="bigFont">k</div><div style="align-self: baseline" class="bigFont">l</div><div style="align-self: baseline" class="medFont">m</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-vert-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-vert-002.xht deleted file mode 100644 index 69ca1bbd005..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-multi-line-vert-002.xht +++ /dev/null @@ -1,74 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a vertical flex container - with several flex lines (wrapping in the reverse direction). - The spec says this about this case: - [Given that the first line has no baseline-aligned items:] - ...if the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's main axis, the flex container's main-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a vertical flex container with multiple flex lines</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-multi-line-vert-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-flex; - flex-direction: column; - flex-wrap: wrap-reverse; - width: 40px; - height: 40px; - background: lightblue; - } - .flexContainer > * { - width: 20px; - height: 20px; - } - - /* We'll make the second flex line not paint anything, so that the - reference case doesn't need to bother matching it. */ - .flexContainer > *:nth-child(3), - .flexContainer > *:nth-child(4) { - visibility: hidden; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer"> - <div class="medFont">b</div><div class="bigFont">c</div><div class="bigFont">d</div><div class="medFont">e</div> - </div> - - <div class="flexContainer"> - <div class="bigFont">f</div><div class="smallFont">g</div><div class="medFont">h</div><div class="bigFont">i</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer"> - <div class="smallFont">j</div><div class="bigFont">k</div><div style="align-self: baseline" class="bigFont">l</div><div style="align-self: baseline" class="medFont">m</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-single-item-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-single-item-001a.xht deleted file mode 100644 index f9660b8c8bf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-single-item-001a.xht +++ /dev/null @@ -1,51 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a horizontal flex container - with one flex item. This is the main-axis baseline. The spec says this - about this case: - ...if the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's main axis, the flex container's main-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a horizontal flex container with one flex item</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-single-item-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - body { - font: 14px serif; - } - .flexContainer { - display: inline-flex; - height: 16px; - width: 16px; - background: pink; - border: 0px dotted black; - /* (Elements that want a border will set their border-width.) */ - } - .abs { - position: absolute; - top: 0; - font-size: 8px; - } - </style> -</head> -<body> - A - <div class="flexContainer">a</div> - <div style="padding-bottom: 20px" class="flexContainer">a</div> - <div style="padding: 10px" class="flexContainer">a</div> - <div style="border-width: 3px" class="flexContainer">a</div> - <div style="border-bottom-width: 4px" class="flexContainer">a</div> - <div style="padding: 4px" class="flexContainer"> - <!-- (An abspos child shouldn't prevent us from getting our baseline from - the first flex item, which happens to be the second child.) --> - <div class="abs">abs</div> - <div style="font: 26px serif">a</div> - - -</div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-single-item-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-single-item-001b.xht deleted file mode 100644 index 67d34f0b19f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-baseline-single-item-001b.xht +++ /dev/null @@ -1,52 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase for how we compute the baseline of a vertical flex container - with one flex item. This is the cross-axis baseline. The spec says this - about this case: - If the flex container has at least one flex item, and its - first flex item has a baseline parallel to the flex - container's cross axis, the flex container's cross-axis - baseline is that baseline. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing the baseline of a vertical flex container with one flex item</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines" rel="help" /> - <link href="reference/flexbox-baseline-single-item-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - body { - font: 14px serif; - } - .flexContainer { - display: inline-flex; - flex-direction: column; - height: 16px; - width: 16px; - background: pink; - border: 0px dotted black; - /* (Elements that want a border will set their border-width.) */ - } - .abs { - position: absolute; - top: 0; - font-size: 8px; - } - </style> -</head> -<body> - A - <div class="flexContainer">a</div> - <div style="padding-bottom: 20px" class="flexContainer">a</div> - <div style="padding: 10px" class="flexContainer">a</div> - <div style="border-width: 3px" class="flexContainer">a</div> - <div style="border-bottom-width: 4px" class="flexContainer">a</div> - <div style="padding: 4px" class="flexContainer"> - <!-- (An abspos child shouldn't prevent us from getting our baseline from - the first flex item, which happens to be the second child.) --> - <div class="abs">abs</div> - <div style="font: 26px serif">a</div> - - -</div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-block-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-block-horiz-001.xht deleted file mode 100644 index 17623889dbb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-block-horiz-001.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with blocks as flex items in a horizontal flex container, with - various "flex" values and various combinations of the items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on block flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-block-horiz-001-ref.xht"/> - <style> - div { height: 100px; } - div.flexbox { - border: 1px dashed blue; - width: 200px; - font-size: 10px; - display: flex; - } - div.a { - flex: 1 0 30px; - background: lightgreen; - } - div.b { - flex: 2 0 20px; - background: yellow; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - display: inline-block; - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-block-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-block-vert-001.xht deleted file mode 100644 index 84301941d90..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-block-vert-001.xht +++ /dev/null @@ -1,63 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with blocks as flex items in a vertical flex container, with - various "flex" values and various combinations of the items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on block flex items in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-block-vert-001-ref.xht"/> - <style> - div { width: 50px; } - div.flexbox { - float: left; - border: 1px dashed blue; - height: 200px; - font-size: 10px; - display: flex; - flex-direction: column; - } - div.a { - flex: 1 0 30px; - background: lightgreen; - } - div.b { - flex: 2 0 20px; - background: yellow; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-canvas-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-canvas-horiz-001.xht deleted file mode 100644 index aa6a90706fd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-canvas-horiz-001.xht +++ /dev/null @@ -1,98 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that canvas elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-canvas-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - margin-bottom: 5px; - line-height: 8px; - } - canvas { - min-width: 0; - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <canvas/> - </div> - - <!-- B) Text and a canvas (ensure they aren't merged into one flex item) --> - <div class="flexbox"> - some words <canvas/> - </div> - - <!-- C) Two canvas elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <canvas style="flex: 5"/> - <canvas style="flex: 3"/> - </div> - - <!-- D) Two canvas elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <canvas style="width: 33px; flex: 2 auto"/> - <canvas style="width: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <canvas style="width: 150px; flex: 1 4 auto"/> - <canvas style="width: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-width --> - <!-- Same as (D), except we've added a max-width on the second element. - --> - <div class="flexbox"> - <canvas style="width: 33px; flex: 2 auto"/> - <canvas style="width: 13px; max-width: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-width --> - <!-- Same as (C), except we've added a min-width on the second element. - --> - <div class="flexbox"> - <canvas style="width: 33px; flex: 2 auto"/> - <canvas style="width: 13px; min-width: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-canvas-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-canvas-vert-001.xht deleted file mode 100644 index 7cdf2e8cc26..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-canvas-vert-001.xht +++ /dev/null @@ -1,100 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that canvas elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on canvas flex items in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-canvas-vert-001-ref.xht"/> - <style> - div.flexbox { - height: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - flex-direction: column; - float: left; - margin-right: 10px; - font: 8px monospace; - } - canvas { - width: 20px; - height: 10px; - min-height: 0; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <canvas/> - </div> - - <!-- B) Text and a canvas (ensure they aren't merged into one flex item) --> - <div class="flexbox"> - a b <canvas/> - </div> - - <!-- C) Two canvas elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <canvas style="flex: 5"/> - <canvas style="flex: 3"/> - </div> - - <!-- D) Two canvas elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <canvas style="height: 33px; flex: 2 auto"/> - <canvas style="height: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <canvas style="height: 150px; flex: 1 4 auto"/> - <canvas style="height: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-height --> - <!-- Same as (D), except we've added a max-height on the second element. - --> - <div class="flexbox"> - <canvas style="height: 33px; flex: 2 auto"/> - <canvas style="height: 13px; max-height: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-height --> - <!-- Same as (C), except we've added a min-height on the second element. - --> - <div class="flexbox"> - <canvas style="height: 33px; flex: 2 auto"/> - <canvas style="height: 13px; min-height: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-fieldset-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-fieldset-horiz-001.xht deleted file mode 100644 index 9f8500399a1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-fieldset-horiz-001.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that fieldset elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on fieldset flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-fieldset-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - margin-bottom: 5px; - line-height: 8px; - } - fieldset { - min-width: 0; - width: 10px; - height: 20px; - border: 1px dotted green; - margin: 0; - padding: 0; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <fieldset/> - </div> - - <!-- B) Text and a fieldset (ensure they aren't merged into one flex item) - --> - <div class="flexbox"> - some words <fieldset/> - </div> - - <!-- C) Two fieldset elements, getting stretched by different ratios, - from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <fieldset style="flex: 5"/> - <fieldset style="flex: 3"/> - </div> - - <!-- D) Two fieldset elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <fieldset style="width: 33px; flex: 2 auto"/> - <fieldset style="width: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <fieldset style="width: 150px; flex: 1 4 auto"/> - <fieldset style="width: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-width --> - <!-- Same as (D), except we've added a max-width on the second element. - --> - <div class="flexbox"> - <fieldset style="width: 33px; flex: 2 auto"/> - <fieldset style="width: 13px; max-width: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-width --> - <!-- Same as (C), except we've added a min-width on the second element. - --> - <div class="flexbox"> - <fieldset style="width: 33px; flex: 2 auto"/> - <fieldset style="width: 13px; min-width: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-fieldset-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-fieldset-vert-001.xht deleted file mode 100644 index fe1d3226f7d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-fieldset-vert-001.xht +++ /dev/null @@ -1,104 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that fieldset elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on fieldset flex items in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-fieldset-vert-001-ref.xht"/> - <style> - div.flexbox { - height: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - flex-direction: column; - float: left; - margin-right: 10px; - font: 8px monospace; - } - fieldset { - width: 20px; - height: 10px; - min-height: 0; - border: 1px dotted green; - margin: 0; - padding: 0; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <fieldset/> - </div> - - <!-- B) Text and a fieldset (ensure they aren't merged into one flex item) - --> - <div class="flexbox"> - a b <fieldset/> - </div> - - <!-- C) Two fieldset elements, getting stretched by different ratios, - from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <fieldset style="flex: 5"/> - <fieldset style="flex: 3"/> - </div> - - <!-- D) Two fieldset elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <fieldset style="height: 33px; flex: 2 auto"/> - <fieldset style="height: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <fieldset style="height: 150px; flex: 1 4 auto"/> - <fieldset style="height: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-height --> - <!-- Same as (D), except we've added a max-height on the second element. - --> - <div class="flexbox"> - <fieldset style="height: 33px; flex: 2 auto"/> - <fieldset style="height: 13px; max-height: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-height --> - <!-- Same as (C), except we've added a min-height on the second element. - --> - <div class="flexbox"> - <fieldset style="height: 33px; flex: 2 auto"/> - <fieldset style="height: 13px; min-height: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-iframe-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-iframe-horiz-001.xht deleted file mode 100644 index ff858ed33ff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-iframe-horiz-001.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that iframe elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on iframe flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-iframe-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - margin-bottom: 5px; - line-height: 8px; - } - iframe { - min-width: 0; - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <iframe/> - </div> - - <!-- B) Text and an iframe (ensure they aren't merged into one flex item) - --> - <div class="flexbox"> - some words <iframe/> - </div> - - <!-- C) Two iframe elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <iframe style="flex: 5"/> - <iframe style="flex: 3"/> - </div> - - <!-- D) Two iframe elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <iframe style="width: 33px; flex: 2 auto"/> - <iframe style="width: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <iframe style="width: 150px; flex: 1 4 auto"/> - <iframe style="width: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-width --> - <!-- Same as (D), except we've added a max-width on the second element. - --> - <div class="flexbox"> - <iframe style="width: 33px; flex: 2 auto"/> - <iframe style="width: 13px; max-width: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-width --> - <!-- Same as (C), except we've added a min-width on the second element. - --> - <div class="flexbox"> - <iframe style="width: 33px; flex: 2 auto"/> - <iframe style="width: 13px; min-width: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-iframe-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-iframe-vert-001.xht deleted file mode 100644 index 5cc072e9e57..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-iframe-vert-001.xht +++ /dev/null @@ -1,101 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that iframe elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on iframe flex items in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-iframe-vert-001-ref.xht"/> - <style> - div.flexbox { - height: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - flex-direction: column; - float: left; - margin-right: 10px; - font: 8px monospace; - } - iframe { - width: 20px; - height: 10px; - min-height: 0; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <iframe/> - </div> - - <!-- B) Text and an iframe (ensure they aren't merged into one flex item) - --> - <div class="flexbox"> - a b <iframe/> - </div> - - <!-- C) Two iframe elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <iframe style="flex: 5"/> - <iframe style="flex: 3"/> - </div> - - <!-- D) Two iframe elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <iframe style="height: 33px; flex: 2 auto"/> - <iframe style="height: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <iframe style="height: 150px; flex: 1 4 auto"/> - <iframe style="height: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-height --> - <!-- Same as (D), except we've added a max-height on the second element. - --> - <div class="flexbox"> - <iframe style="height: 33px; flex: 2 auto"/> - <iframe style="height: 13px; max-height: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-height --> - <!-- Same as (C), except we've added a min-height on the second element. - --> - <div class="flexbox"> - <iframe style="height: 33px; flex: 2 auto"/> - <iframe style="height: 13px; min-height: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-img-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-img-horiz-001.xht deleted file mode 100644 index e41a21e5206..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-img-horiz-001.xht +++ /dev/null @@ -1,98 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that img elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on img flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-img-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - margin-bottom: 5px; - line-height: 8px; - } - img { - min-width: 0; - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <img src="support/solidblue.png"/> - </div> - - <!-- B) Text and an img (ensure they aren't merged into one flex item) --> - <div class="flexbox"> - some words <img src="support/solidblue.png"/> - </div> - - <!-- C) Two img elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 5"/> - <img src="support/solidblue.png" style="flex: 3"/> - </div> - - <!-- D) Two img elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 33px; flex: 2 auto"/> - <img src="support/solidblue.png" style="width: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 150px; flex: 1 4 auto"/> - <img src="support/solidblue.png" style="width: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-width --> - <!-- Same as (D), except we've added a max-width on the second element. - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 33px; flex: 2 auto"/> - <img src="support/solidblue.png" style="width: 13px; max-width: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-width --> - <!-- Same as (C), except we've added a min-width on the second element. - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 33px; flex: 2 auto"/> - <img src="support/solidblue.png" style="width: 13px; min-width: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-img-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-img-vert-001.xht deleted file mode 100644 index c5544720abc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-img-vert-001.xht +++ /dev/null @@ -1,100 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that img elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on img flex items in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-img-vert-001-ref.xht"/> - <style> - div.flexbox { - height: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - flex-direction: column; - float: left; - margin-right: 10px; - font: 8px monospace; - } - img { - width: 20px; - height: 10px; - min-height: 0; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <img src="support/solidblue.png"/> - </div> - - <!-- B) Text and an img (ensure they aren't merged into one flex item) --> - <div class="flexbox"> - a b <img src="support/solidblue.png"/> - </div> - - <!-- C) Two img elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 5"/> - <img src="support/solidblue.png" style="flex: 3"/> - </div> - - <!-- D) Two img elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 33px; flex: 2 auto"/> - <img src="support/solidblue.png" style="height: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 150px; flex: 1 4 auto"/> - <img src="support/solidblue.png" style="height: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-height --> - <!-- Same as (D), except we've added a max-height on the second element. - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 33px; flex: 2 auto"/> - <img src="support/solidblue.png" style="height: 13px; max-height: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-height --> - <!-- Same as (C), except we've added a min-height on the second element. - --> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 33px; flex: 2 auto"/> - <img src="support/solidblue.png" style="height: 13px; min-height: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-textarea-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-textarea-horiz-001.xht deleted file mode 100644 index 60b3b53060b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-textarea-horiz-001.xht +++ /dev/null @@ -1,104 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that textarea elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on textarea flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-textarea-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - margin-bottom: 5px; - line-height: 8px; - } - textarea { - min-width: 0; - width: 10px; - height: 20px; - background: white; - border-radius: 0; - border: 1px dotted green; - padding: 0; - margin: 0; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <textarea/> - </div> - - <!-- B) Text and a textarea (ensure they aren't merged into one flex item) - --> - <div class="flexbox"> - some words <textarea/> - </div> - - <!-- C) Two textarea elements, getting stretched by different ratios, - from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <textarea style="flex: 5"/> - <textarea style="flex: 3"/> - </div> - - <!-- D) Two textarea elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <textarea style="width: 33px; flex: 2 auto"/> - <textarea style="width: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <textarea style="width: 150px; flex: 1 4 auto"/> - <textarea style="width: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-width --> - <!-- Same as (D), except we've added a max-width on the second element. - --> - <div class="flexbox"> - <textarea style="width: 33px; flex: 2 auto"/> - <textarea style="width: 13px; max-width: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-width --> - <!-- Same as (C), except we've added a min-width on the second element. - --> - <div class="flexbox"> - <textarea style="width: 33px; flex: 2 auto"/> - <textarea style="width: 13px; min-width: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-textarea-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-textarea-vert-001.xht deleted file mode 100644 index 5d436d2df01..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-textarea-vert-001.xht +++ /dev/null @@ -1,106 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that textarea elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on textarea flex items in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-textarea-vert-001-ref.xht"/> - <style> - div.flexbox { - height: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - flex-direction: column; - float: left; - margin-right: 10px; - font: 8px monospace; - } - textarea { - width: 20px; - height: 10px; - min-height: 0; - background: white; - border-radius: 0; - border: 1px dotted green; - margin: 0; - padding: 0; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <textarea/> - </div> - - <!-- B) Text and a textarea (ensure they aren't merged into one flex item) - --> - <div class="flexbox"> - a b <textarea/> - </div> - - <!-- C) Two textarea elements, getting stretched by different ratios, - from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <textarea style="flex: 5"/> - <textarea style="flex: 3"/> - </div> - - <!-- D) Two textarea elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <textarea style="height: 33px; flex: 2 auto"/> - <textarea style="height: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <textarea style="height: 150px; flex: 1 4 auto"/> - <textarea style="height: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-height --> - <!-- Same as (D), except we've added a max-height on the second element. - --> - <div class="flexbox"> - <textarea style="height: 33px; flex: 2 auto"/> - <textarea style="height: 13px; max-height: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-height --> - <!-- Same as (C), except we've added a min-height on the second element. - --> - <div class="flexbox"> - <textarea style="height: 33px; flex: 2 auto"/> - <textarea style="height: 13px; min-height: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-video-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-video-horiz-001.xht deleted file mode 100644 index 89da951f219..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-video-horiz-001.xht +++ /dev/null @@ -1,98 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that video elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on video flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-video-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - margin-bottom: 5px; - line-height: 8px; - } - video { - min-width: 0; - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <video/> - </div> - - <!-- B) Text and a video (ensure they aren't merged into one flex item) --> - <div class="flexbox"> - some words <video/> - </div> - - <!-- C) Two video elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <video style="flex: 5"/> - <video style="flex: 3"/> - </div> - - <!-- D) Two video elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <video style="width: 33px; flex: 2 auto"/> - <video style="width: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <video style="width: 150px; flex: 1 4 auto"/> - <video style="width: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-width --> - <!-- Same as (D), except we've added a max-width on the second element. - --> - <div class="flexbox"> - <video style="width: 33px; flex: 2 auto"/> - <video style="width: 13px; max-width: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-width --> - <!-- Same as (C), except we've added a min-width on the second element. - --> - <div class="flexbox"> - <video style="width: 33px; flex: 2 auto"/> - <video style="width: 13px; min-width: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-video-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-video-vert-001.xht deleted file mode 100644 index 00a5b1aea73..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-basic-video-vert-001.xht +++ /dev/null @@ -1,100 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test checks that video elements behave correctly as flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing flexbox layout algorithm property on video flex items in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-basic-video-vert-001-ref.xht"/> - <style> - div.flexbox { - height: 200px; - background: lightgreen; - display: flex; - justify-content: space-between; - flex-direction: column; - float: left; - margin-right: 10px; - font: 8px monospace; - } - video { - width: 20px; - height: 10px; - min-height: 0; - border: 1px dotted green; - } - </style> - </head> - <body> - - <!-- A) One flex item --> - <div class="flexbox"> - <video/> - </div> - - <!-- B) Text and a video (ensure they aren't merged into one flex item) --> - <div class="flexbox"> - a b <video/> - </div> - - <!-- C) Two video elements, getting stretched by different ratios, from 0. - - Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1) - = 196px - - 1st element gets 5/8 of space: 5/8 * 196px = 122.5px - 1st element gets 3/8 of space: 3/8 * 196px = 73.5px - --> - <div class="flexbox"> - <video style="flex: 5"/> - <video style="flex: 3"/> - </div> - - <!-- D) Two video elements, getting stretched by different ratios, from - different flex bases. - - Space-to-be-distributed = 200px - (33 + 1 + 1) - (13 + 1 + 1) = 150px - 1st element gets 2/5 of space: 33px + 2/5 * 150px = 93px - 1st element gets 3/5 of space: 13px + 3/5 * 150px = 103px - --> - <div class="flexbox"> - <video style="height: 33px; flex: 2 auto"/> - <video style="height: 13px; flex: 3 auto"/> - </div> - - <!-- E) Two flex items, getting shrunk by different amounts. - - Space-to-be-distributed = 200px - (150 + 1 + 1) - (100 + 1 + 1) = -54px - First element scaled flex ratio = 4 * 150 = 600 - Second element scaled flex ratio = 3 * 100 = 300 - * So, total flexibility is 600 + 300 = 900 - - 1st element gets 600/900 of space: 150 + 600/900 * -54 = 114px - 2nd element gets 300/900 of space: 100 + 300/900 * -54 = 82px - --> - <div class="flexbox"> - <video style="height: 150px; flex: 1 4 auto"/> - <video style="height: 100px; flex: 1 3 auto"/> - </div> - - <!-- F) Making sure we don't grow past max-height --> - <!-- Same as (D), except we've added a max-height on the second element. - --> - <div class="flexbox"> - <video style="height: 33px; flex: 2 auto"/> - <video style="height: 13px; max-height: 90px; flex: 3 auto"/> - </div> - - <!-- G) Making sure we grow at least as large as min-height --> - <!-- Same as (C), except we've added a min-height on the second element. - --> - <div class="flexbox"> - <video style="height: 33px; flex: 2 auto"/> - <video style="height: 13px; min-height: 150px; flex: 3 auto"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-001a.xht deleted file mode 100644 index d4c1fda3e8c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-001a.xht +++ /dev/null @@ -1,107 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-before in horizontal multi-line flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-horiz-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-wrap: wrap; - border: 1px dashed black; - width: 60px; - height: 20px; - margin: 2px; - float: left; - } - div.item { - width: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-before specified on first (and only) item, at a point where - we're already "breaking" (the beginning): --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on second item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on third item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-001b.xht deleted file mode 100644 index 702e011704e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-001b.xht +++ /dev/null @@ -1,107 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-after in horizontal multi-line flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-horiz-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-wrap: wrap; - border: 1px dashed black; - width: 60px; - height: 20px; - margin: 2px; - float: left; - } - div.item { - width: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-after specified on first (and only) item, at a point where - we're already "breaking" (the end): --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on first item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on second item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-002a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-002a.xht deleted file mode 100644 index a9867676d63..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-002a.xht +++ /dev/null @@ -1,106 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-before in horizontal single-line flex containers (should have no effect)</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-horiz-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - border: 1px dashed black; - width: 60px; - height: 20px; - margin: 2px; - float: left; - } - div.item { - width: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-before specified on first (and only) item, at a point where - we're already "breaking" (the beginning): --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on second item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on third item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-002b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-002b.xht deleted file mode 100644 index 17c4e3be936..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-horiz-002b.xht +++ /dev/null @@ -1,106 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-after in horizontal single-line flex containers (should have no effect)</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-horiz-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - border: 1px dashed black; - width: 60px; - height: 20px; - margin: 2px; - float: left; - } - div.item { - width: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-after specified on first (and only) item, at a point where - we're already "breaking" (the end): --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on first item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on second item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-001a.xht deleted file mode 100644 index b6076dd06ae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-001a.xht +++ /dev/null @@ -1,108 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-before in vertical multi-line flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-vert-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-direction: column; - flex-wrap: wrap; - border: 1px dashed black; - width: 20px; - height: 60px; - margin: 2px; - float: left; - } - div.item { - height: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-before specified on first (and only) item, at a point where - we're already "breaking" (the beginning): --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on second item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on third item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-001b.xht deleted file mode 100644 index d7b1ed1da27..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-001b.xht +++ /dev/null @@ -1,108 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-after in vertical multi-line flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-vert-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-direction: column; - flex-wrap: wrap; - border: 1px dashed black; - width: 20px; - height: 60px; - margin: 2px; - float: left; - } - div.item { - height: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-after specified on first (and only) item, at a point where - we're already "breaking" (the end): --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on first item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on second item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-002a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-002a.xht deleted file mode 100644 index c2e389190fe..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-002a.xht +++ /dev/null @@ -1,107 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-before in vertical single-line flex containers (should have no effect)</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-vert-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-direction: column; - border: 1px dashed black; - width: 20px; - height: 60px; - margin: 2px; - float: left; - } - div.item { - height: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-before specified on first (and only) item, at a point where - we're already "breaking" (the beginning): --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on second item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-before specified on third item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-before: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: auto" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: avoid" class="item"></div> - </div> - <!-- * With 'page-break-before: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: always" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: left" class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div class="item"></div> - <div style="page-break-before: right" class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-002b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-002b.xht deleted file mode 100644 index 5856ad0da26..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-break-request-vert-002b.xht +++ /dev/null @@ -1,107 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing page-break-after in vertical single-line flex containers (should have no effect)</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-line-break" rel="help" /> - <link href="reference/flexbox-break-request-vert-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-direction: column; - border: 1px dashed black; - width: 20px; - height: 60px; - margin: 2px; - float: left; - } - div.item { - height: 28px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - <!-- page-break-after specified on first (and only) item, at a point where - we're already "breaking" (the end): --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on first item, at a point where breaking - would otherwise be unnecessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - <div style="clear: both"></div> - - <!-- page-break-after specified on second item, at a point where breaking - is already necessary: --> - <!-- * With 'page-break-after: auto, avoid' (not requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: auto" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: avoid" class="item"></div> - <div class="item"></div> - </div> - <!-- * With 'page-break-after: always, left, right' (requesting a break): --> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: always" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: left" class="item"></div> - <div class="item"></div> - </div> - <div class="flexbox"> - <div class="item"></div> - <div style="page-break-after: right" class="item"></div> - <div class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-baseline-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-baseline-001.xht deleted file mode 100644 index 1c4175a2581..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-baseline-001.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that a collapsed flex item participates in baseline alignment only for the purpose of establishing container's cross size</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-visibility" rel="help" /> - <link href="reference/flexbox-collapsed-item-baseline-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 50px; - background: yellow; - border: 1px dotted black; - margin: 5px; - align-items: baseline; - } - .collapse { - visibility: collapse; - } - .largeFont { - font-size: 20px; - background: lightblue; - /* Our flex items get padding on opposite sides (top/bottom) so that they - produce a large combined height when baseline-aligned: */ - padding-top: 5px; - } - .smallFont { - font-size: 10px; - background: pink; - /* Our flex items get padding on opposite sides (top/bottom) so that they - produce a large combined height when baseline-aligned: */ - padding-bottom: 20px; - } - </style> -</head> -<body> - <!-- Second item collapsed: --> - <div class="flexContainer"> - <div class="largeFont">a</div> - <div class="smallFont collapse">b</div> - </div> - - <!-- First item collapsed: --> - <div class="flexContainer"> - <div class="largeFont collapse">a</div> - <div class="smallFont">b</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-001.xht deleted file mode 100644 index 067b4d92526..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-001.xht +++ /dev/null @@ -1,97 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that visibility:collapse on a flex item in a single-line flex container maintains the containers's cross size, but doesn't otherwise impact flex layout</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-visibility" rel="help" /> - <link href="reference/flexbox-collapsed-item-horiz-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - background: yellow; - border: 1px dotted black; - float: left; - margin: 5px; - } - .flexContainer > * { - /* All flex items have 20px base size */ - width: 20px; - } - .collapse { - visibility: collapse; - } - .flexible { - flex: 1 auto; - } - .heightTall { - height: 40px; - background: purple; - } - .heightAuto { - background: teal; - } - .heightShort { - height: 10px; - background: pink; - } - </style> -</head> -<body> - <!-- FIRST ROW: --> - <!-- Just one (collapsed) flex item, which ends up establishing - the container's size (even though it's collapsed): --> - <div class="flexContainer"> - <div class="heightTall collapse"></div> - </div> - - <div style="clear: both"></div> - - <!-- SECOND ROW: --> - <!-- One collapsed flex item, one short flex item. - (Container ends up with collapsed item's height) --> - <div class="flexContainer"> - <div class="heightTall collapse"></div> - <div class="heightShort"></div> - </div> - <!-- (same, but with items in opposite order) --> - <div class="flexContainer"> - <div class="heightShort"></div> - <div class="heightTall collapse"></div> - </div> - - <div style="clear: both"></div> - - <!-- THIRD ROW: --> - <!-- One collapsed flex item, one stretched flex item. - (Container and stretched item end up with collapsed item's height) --> - <div class="flexContainer"> - <div class="heightTall collapse"></div> - <div class="heightAuto"></div> - </div> - <!-- (again, with items in opposite order) --> - <div class="flexContainer"> - <div class="heightAuto"></div> - <div class="heightTall collapse"></div> - </div> - - <div style="clear: both"></div> - - <!-- FOURTH ROW: --> - <!-- One collapsed flex item, one other flex item; both are flexible. - (The non-collapsed one should take all of the available width.) --> - <div class="flexContainer"> - <div class="heightAuto flexible collapse"></div> - <div class="heightTall flexible"></div> - </div> - <!-- (again, with items in opposite order) --> - <div class="flexContainer"> - <div class="heightTall flexible"></div> - <div class="heightAuto flexible collapse"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-002.xht deleted file mode 100644 index 025c02d48a7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-002.xht +++ /dev/null @@ -1,110 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that visibility:collapse on a flex item in a multi-line flex container creates struts, and that they can migrate between lines</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-visibility" rel="help" /> - <link href="reference/flexbox-collapsed-item-horiz-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - flex-wrap: wrap; - - /* These let us show where each flex line begins (and hence, how tall - the flex lines end up) */ - align-content: flex-start; - align-items: flex-start; - - width: 30px; - background: yellow; - border: 1px dotted black; - float: left; - margin: 5px; - } - .collapsedItem { - visibility: collapse; - width: 15px; - height: 25px; - } - .halfWidthItem { - width: 15px; - height: 15px; - background: teal; - } - .fullWidthItem { - width: 30px; - height: 20px; - background: purple; - } - .veryTallItem { - width: 15px; - height: 40px; - background: olive; - } - </style> -</head> -<body> - <!-- FIRST ROW: --> - <!-- One collapsed flex item, at the beginning of a flex line, which - ends up establishing its flex line's cross size: --> - <div class="flexContainer"> - <div class="collapsedItem"></div> - <div class="halfWidthItem"></div> - <div class="fullWidthItem"></div> - </div> - <!-- ...and now with it being at the end of that flex line: --> - <div class="flexContainer"> - <div class="halfWidthItem"></div> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - </div> - - <div style="clear: both"></div> - - <!-- SECOND ROW: --> - <!-- One collapsed flex item, initially in its own line. It ends - up being merged into another line after it collapses, due to its - (post-collapse) zero main-size. --> - <div class="flexContainer"> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - <div class="fullWidthItem"></div> - </div> - <div class="flexContainer"> - <div class="fullWidthItem"></div> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - </div> - <div class="flexContainer"> - <div class="fullWidthItem"></div> - <div class="fullWidthItem"></div> - <div class="collapsedItem"></div> - </div> - - <div style="clear: both"></div> - - <!-- THIRD ROW: --> - <!-- One collapsed flex item, initially in a line with an even-taller item. - The collapsed item ends up shifting into another line after it - collapses, but it carries the taller item's cross size with it, as its - strut size. --> - <div class="flexContainer"> - <div class="fullWidthItem"></div> - <div class="collapsedItem"></div> - <div class="veryTallItem"></div> - </div> - <!-- ...and now with two (differently-sized) struts in first line: - (the one that's taller - due to being initially grouped with the tall - item - wins out.) --> - <div class="flexContainer"> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - <div class="collapsedItem"></div> - <div class="veryTallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-003.xht deleted file mode 100644 index 458aae95cb6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-collapsed-item-horiz-003.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that strut formation (from visibility:collapse) happens *after* lines have been stretched</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#algo-visibility" rel="help" /> - <link href="reference/flexbox-collapsed-item-horiz-003-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - flex-wrap: wrap; - align-content: stretch; /* Initial value; just here for emphasis */ - width: 25px; - height: 60px; - background: yellow; - border: 1px dotted black; - float: left; - margin: 5px; - } - .collapsedItem { - visibility: collapse; - width: 10px; - } - .shortItem { - width: 25px; - height: 10px; - background: purple; - } - .tallItem { - width: 10px; - height: 30px; - background: olive; - } - </style> -</head> -<body> - <!-- In this testcase, the first flex line initially has a cross-size of - 10px, and the second flex line has a cross-size of 30px. Both lines are - stretched by 10px each (to hit the container's total cross-size, 60px). - Then, we handle "visibility:collapse" and convert the collapsed item - into a strut with the second line's stretched cross-size (40px), and we - restart flex layout. This strut then ends up in the *first* line (since - it has 0 main-size), which means both flex lines end up being 40px tall. - --> - <div class="flexContainer"> - <div class="shortItem"></div> - <div class="collapsedItem"></div> - <div class="tallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-column-reverse.xht deleted file mode 100644 index 92e8bb13f16..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-column-reverse.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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 Flexbox Test: Flex-direction = column-reverse</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex container's main axis has the same orientation as the block axis of the current writing mode, and main-start and main-end are swapped, when flex-direction = column-reverse. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-direction: column-reverse; - flex-wrap: wrap; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>7</div><div>4</div><div>1</div> - <div>8</div><div>5</div><div>2</div> - <div>9</div><div>6</div><div>3</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-column.xht deleted file mode 100644 index 0542b4977bc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-column.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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 Flexbox Test: Flex-direction = column</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex container's main axis has the same orientation as the block axis of the current writing mode, when flex-direction = column. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-direction: column; - flex-wrap: wrap; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>1</div><div>4</div><div>7</div> - <div>2</div><div>5</div><div>8</div> - <div>3</div><div>6</div><div>9</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-default.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-default.xht deleted file mode 100644 index 6bdf8259f91..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-default.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!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 Flexbox Test: Flex-direction = row by default</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex container's main axis has the same orientation as the inline axis of the current writing mode by default. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-wrap: wrap; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>1</div><div>2</div><div>3</div> - <div>4</div><div>5</div><div>6</div> - <div>7</div><div>8</div><div>9</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht deleted file mode 100644 index 2b227d1a616..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row-reverse.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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 Flexbox Test: Flex-direction = row-reverse</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex container's main axis has the opposite orientation as the inline axis of the current writing mode, when flex-direction = row-reverse. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-direction: row-reverse; - flex-wrap: wrap; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>3</div><div>2</div><div>1</div> - <div>6</div><div>5</div><div>4</div> - <div>9</div><div>8</div><div>7</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row.xht deleted file mode 100644 index a529985408a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-direction-row.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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 Flexbox Test: Flex-direction = row</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex container's main axis has the same orientation as the inline axis of the current writing mode, when flex-direction = row. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-direction: row; - flex-wrap: wrap; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>1</div><div>2</div><div>3</div> - <div>4</div><div>5</div><div>6</div> - <div>7</div><div>8</div><div>9</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-flow-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-flow-001.xht deleted file mode 100644 index e3788ff5415..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-flow-001.xht +++ /dev/null @@ -1,125 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing all the values of the "flex-flow" shorthand property, with 4 flex items in each container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property" rel="help" /> - <link href="reference/flexbox-flex-flow-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - height: 60px; - width: 60px; - font: 10px sans-serif; - background: yellow; - float: left; - border: 1px solid black; - } - .flexContainer > * { - border: 1px dotted gray; - width: 28px; - height: 28px; - /* Explicitly set min-width & min-height to 0, to prevent their "auto" - value from influencing the sizes of our flex items (particularly for - the single-line chunks of this testcase, whose items may be shrunk a - little below the numerals' intrinsic sizes): */ - min-width: 0; - min-height: 0; - } - </style> -</head> -<body> - <!-- single-line (flex-wrap unspecified): --> - <div style="flex-flow: row" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: row-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: column" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: column-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", after flex-direction: --> - <div style="flex-flow: row wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: column wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", before flex-direction: --> - <div style="flex-flow: wrap row" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: wrap row-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: wrap column" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: wrap column-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", after flex-direction: --> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", before flex-direction: --> - <div style="flex-flow: wrap-reverse row" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: wrap-reverse row-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: wrap-reverse column" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: wrap-reverse column-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - - <div style="clear:both"></div> - - <!-- now just specifying flex-wrap (no flex-direction) --> - <div style="flex-flow: wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div style="flex-flow: wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-flow-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-flow-002.xht deleted file mode 100644 index 52a54481d5b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-flow-002.xht +++ /dev/null @@ -1,125 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing all the values of the "flex-flow" shorthand property, with 3 flex items in each container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property" rel="help" /> - <link href="reference/flexbox-flex-flow-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - height: 60px; - width: 60px; - font: 10px sans-serif; - background: yellow; - float: left; - border: 1px solid black; - } - .flexContainer > * { - border: 1px dotted gray; - width: 28px; - height: 28px; - /* Explicitly set min-width & min-height to 0, to prevent their "auto" - value from influencing the sizes of our flex items (particularly for - the single-line chunks of this testcase, whose items may be shrunk a - little below the numerals' intrinsic sizes): */ - min-width: 0; - min-height: 0; - } - </style> -</head> -<body> - <!-- single-line (flex-wrap unspecified): --> - <div style="flex-flow: row" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: row-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: column" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: column-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", after flex-direction: --> - <div style="flex-flow: row wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: column wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", before flex-direction: --> - <div style="flex-flow: wrap row" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: wrap row-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: wrap column" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: wrap column-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", after flex-direction: --> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", before flex-direction: --> - <div style="flex-flow: wrap-reverse row" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: wrap-reverse row-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: wrap-reverse column" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: wrap-reverse column-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now just specifying flex-wrap (no flex-direction) --> - <div style="flex-flow: wrap" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - <div style="flex-flow: wrap-reverse" class="flexContainer"> - <div>1</div><div>2</div><div>3</div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-default.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-default.xht deleted file mode 100644 index 2e148327156..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-default.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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 Flexbox Test: Flex-wrap defaults to nowrap</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/flexbox-flex-wrap-nowrap-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex elements default to flex-wrap: nowrap if flex-wrap is not set. With wrapping disabled, the .green flex item should extend outside the bounds of its container, as it is set to flex:none." name="assert" /> - <style> - .flex-wrapper { - display: flex; - - background: green; - border-right: 60px solid red; - - width: 60px; - height: 120px; - } - - .flex-wrapper div{ - width: 60px; - flex: none; - } - - .green { - background: green; - } - </style> - </head> - <body> - <p>The test passes if there is a green square and no red.</p> - <div class="flex-wrapper"> - <div></div> - <div class="green"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-flexing.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-flexing.xht deleted file mode 100644 index 2c6a630e96d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-flexing.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexbox Test: flex-wrap flexes widths after line breaking</title> - <link href="mailto:stearns@adobe.com" rel="author" title="Alan Stearns" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-lines" rel="help" /> - <meta content="" name="flags" /> - <link href="reference/flexbox-flex-wrap-flexing-ref.xht" rel="match" /> - <meta content="Flex items given more space after line breaking should flex wider" name="assert" /> - <meta content="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" name="assert" /> - <meta content="http://www.w3.org/TR/css-flexbox-1/#flex-property" name="assert" /> - <style> - .container { - display: flex; - width: 150px; - height: 100px; - flex-wrap: wrap; - background: red; - } - .item { - min-width: 100px; - flex: 1; - height: 50px; - display: inline-block; /*to fail the test if display:flex fails*/; - background: green; - } - </style> -</head> -<body> - <p>Test passes if there is a green rectangle and no red.</p> - <div class="container"> - <div class="item"></div> - <div class="item"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-horiz-001.xht deleted file mode 100644 index cd0f6672ac5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-horiz-001.xht +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing flex-wrap in horizontal flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property" rel="help" /> - <link href="reference/flexbox-flex-wrap-horiz-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-wrap: wrap; - border: 1px dashed black; - width: 100px; - height: 12px; - margin-bottom: 2px; - } - div.halfMainSize { - width: 48px; - border: 1px solid blue; - background: lightblue; - } - div.hugeMainSize { - width: 148px; - border: 1px solid purple; - background: fuchsia; - } - </style> -</head> -<body> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="halfMainSize"></div> - </div> - - <!-- Single small flex item with 'margin-left' set to push it to protrude - from the far edge of the container (and to shrink as a result) --> - <div class="flexbox"> - <div style="margin-left: 80px" class="halfMainSize"></div> - </div> - - <!-- Single small inflexible flex item with 'margin-left' set to push it to - protrude from the far edge of the container --> - <div class="flexbox"> - <div style="margin-left: 80px; flex: none" class="halfMainSize"></div> - </div> - - <!-- Two flex items, exactly large enough to fit in line (no wrapping): --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div class="halfMainSize"></div> - </div> - - <!-- and now with some margin on first item, to force second item to wrap: --> - <div class="flexbox"> - <div style="margin-right: 1px" class="halfMainSize"></div> - <div class="halfMainSize"></div> - </div> - - <!-- and now with some margin on second item, again forcing it to wrap: --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div style="margin-right: 1px" class="halfMainSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) and is shrunk - to fit container's main-size --> - <div class="flexbox"> - <div class="hugeMainSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) --> - <div class="flexbox"> - <div style="flex: none" class="hugeMainSize"></div> - </div> - - <!-- Small flex item, followed by large flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div class="hugeMainSize"></div> - </div> - - <!-- Small flex item, followed by large inflexible flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div style="flex: none" class="hugeMainSize"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-horiz-002.xht deleted file mode 100644 index 2986ffe9fee..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-horiz-002.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Ensure that min-width is honored for horizontal multi-line flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property" rel="help" /> - <link href="reference/flexbox-flex-wrap-horiz-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-wrap: wrap; - border: 1px dashed black; - min-width: 100px; - height: 12px; - float: left; - clear: both; - margin-bottom: 2px; - } - div.smallItem { - width: 30px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - - <!-- No flex items --> - <div class="flexbox"> - </div> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="smallItem"></div> - </div> - - <!-- Multiple flex items, larger than flex container's min-size: --> - <div class="flexbox"> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - </div> - - <!--- ...and now with flex container constrained by both min and max-size --> - <div style="max-width: 120px" class="flexbox"> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-nowrap.xht deleted file mode 100644 index 27c718c68e7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-nowrap.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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 Flexbox Test: Flex-wrap = nowrap</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/flexbox-flex-wrap-nowrap-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex elements set to flex-wrap: nowrap will not wrap their flex items. With wrapping disabled, the .green flex item should extend outside the bounds of its container, as it is set to flex:none." name="assert" /> - <style> - .flex-wrapper { - display: flex; - flex-wrap: nowrap; - - background: green; - border-right: 60px solid red; - - width: 60px; - height: 120px; - } - - .flex-wrapper div{ - width: 60px; - flex: none; - } - - .green { - background: green; - } - </style> - </head> - <body> - <p>The test passes if there is a green square and no red.</p> - <div class="flex-wrapper"> - <div></div> - <div class="green"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-vert-001.xht deleted file mode 100644 index 17d1d2b9d8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-vert-001.xht +++ /dev/null @@ -1,98 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing flex-wrap in vertical flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property" rel="help" /> - <link href="reference/flexbox-flex-wrap-vert-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-direction: column; - flex-wrap: wrap; - border: 1px dashed black; - width: 12px; - height: 100px; - margin-right: 2px; - float: left; - } - div.halfMainSize { - height: 48px; - border: 1px solid blue; - background: lightblue; - } - div.hugeMainSize { - height: 148px; - border: 1px solid purple; - background: fuchsia; - } - </style> -</head> -<body> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="halfMainSize"></div> - </div> - - <!-- Single small flex item with 'margin-top' set to push it to protrude - from the far edge of the container (and to shrink as a result) --> - <div class="flexbox"> - <div style="margin-top: 80px" class="halfMainSize"></div> - </div> - - <!-- Single small inflexible flex item with 'margin-top' set to push it to - protrude from the far edge of the container --> - <div class="flexbox"> - <div style="margin-top: 80px; flex: none" class="halfMainSize"></div> - </div> - - <!-- Two flex items, exactly large enough to fit in line (no wrapping): --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div class="halfMainSize"></div> - </div> - - <!-- and now with some margin on first item, to force second item to wrap: --> - <div class="flexbox"> - <div style="margin-bottom: 1px" class="halfMainSize"></div> - <div class="halfMainSize"></div> - </div> - - <!-- and now with some margin on second item, again forcing it to wrap: --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div style="margin-bottom: 1px" class="halfMainSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) and is shrunk - to fit container's main-size --> - <div class="flexbox"> - <div class="hugeMainSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) --> - <div class="flexbox"> - <div style="flex: none" class="hugeMainSize"></div> - </div> - - <!-- Small flex item, followed by large flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div class="hugeMainSize"></div> - </div> - - <!-- Small flex item, followed by large inflexible flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div class="halfMainSize"></div> - <div style="flex: none" class="hugeMainSize"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-vert-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-vert-002.xht deleted file mode 100644 index 590092bbce7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-vert-002.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Ensure that min-height is honored for vertical multi-line flex containers</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property" rel="help" /> - <link href="reference/flexbox-flex-wrap-vert-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - display: flex; - flex-direction: column; - flex-wrap: wrap; - border: 1px dashed black; - width: 12px; - min-height: 100px; - margin-right: 2px; - float: left; - } - div.smallItem { - height: 30px; - border: 1px solid blue; - background: lightblue; - } - </style> -</head> -<body> - - <!-- No flex items --> - <div class="flexbox"> - </div> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="smallItem"></div> - </div> - - <!-- Multiple flex items, larger than flex container's min-size: --> - <div class="flexbox"> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - </div> - - <!--- ...and now with flex container constrained by both min and max-size --> - <div style="max-height: 120px" class="flexbox"> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-wrap-reverse.xht deleted file mode 100644 index e50e9b113ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-wrap-reverse.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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 Flexbox Test: Flex-wrap = wrap-reverse</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex elements wrap left-to-right and bottom-to-top within their flex container when flex-wrap = 'wrap-reverse'. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-wrap: wrap-reverse; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>7</div><div>8</div><div>9</div> - <div>4</div><div>5</div><div>6</div> - <div>1</div><div>2</div><div>3</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-wrap.xht deleted file mode 100644 index c56151b72d3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-flex-wrap-wrap.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!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 Flexbox Test: Flex-wrap = wrap</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/flexbox-flex-direction-ref.xht" rel="match" /> - <meta content="" name="flags" /> - <meta content="Test checks that flex elements wrap left-to-right within their flex container when flex-wrap = 'wrap', matching the writing direction. This assumes writing-direction = horizontal-tb', and direction = 'ltr'." name="assert" /> - <style> - - /* Test specific Styles */ - - .flex-wrapper { - display: flex; - flex-wrap: wrap; - } - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>1</div><div>2</div><div>3</div> - <div>4</div><div>5</div><div>6</div> - <div>7</div><div>8</div><div>9</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-001.xht deleted file mode 100644 index 43e3fa8c1d5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-001.xht +++ /dev/null @@ -1,124 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title> - CSS Test: Testing how explicit main-size & cross-size constraints - influence sizing on non-stretched flex item w/ intrinsic ratio. - </title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> - <link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" /> - <style> - .flexbox { - display: flex; - flex-direction: row; - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - justify-content: flex-start; - align-items: flex-start; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 0 0 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - max-height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 6px; - max-height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - min-height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-002.xht deleted file mode 100644 index b081cd142fb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-002.xht +++ /dev/null @@ -1,124 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title> - CSS Test: Testing how explicit main-size & cross-size constraints - influence sizing on non-stretched flex item w/ intrinsic ratio. - </title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> - <link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" /> - <style> - .flexbox { - display: flex; - flex-direction: column; - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - justify-content: flex-start; - align-items: flex-start; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 0 0 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - max-height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 6px; - max-height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - min-height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-003.xht deleted file mode 100644 index 0ee67763bc8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-003.xht +++ /dev/null @@ -1,124 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title> - CSS Test: Testing how explicit main-size & cross-size constraints - influence sizing on stretched flex item w/ intrinsic ratio. - </title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> - <link href="reference/flexbox-intrinsic-ratio-003-ref.xht" rel="match" /> - <style> - .flexbox { - display: flex; - flex-direction: row; - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - justify-content: flex-start; - align-items: stretch; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 0 0 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - max-height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 6px; - max-height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - min-height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-004.xht deleted file mode 100644 index 5139e4d46bc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-004.xht +++ /dev/null @@ -1,124 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title> - CSS Test: Testing how explicit main-size & cross-size constraints - influence sizing on stretched flex item w/ intrinsic ratio. - </title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> - <link href="reference/flexbox-intrinsic-ratio-004-ref.xht" rel="match" /> - <style> - .flexbox { - display: flex; - flex-direction: column; - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - justify-content: flex-start; - align-items: stretch; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 0 0 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - max-height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 6px; - max-height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - min-height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-005.xht deleted file mode 100644 index 2afa509cd7f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-005.xht +++ /dev/null @@ -1,126 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title> - CSS Test: Testing how explicit main-size & cross-size constraints - influence sizing on non-stretched flexible flex item w/ intrinsic ratio. - </title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> - <link href="reference/flexbox-intrinsic-ratio-005-ref.xht" rel="match" /> - <style> - .flexbox { - display: flex; - flex-direction: row; - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - justify-content: flex-start; - align-items: flex-start; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - flex: 1; - - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 1 1 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - max-height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 6px; - max-height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - min-height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-006.xht deleted file mode 100644 index 47f23509ae7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-006.xht +++ /dev/null @@ -1,126 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title> - CSS Test: Testing how explicit main-size & cross-size constraints - influence sizing on non-stretched flexible flex item w/ intrinsic ratio. - </title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> - <link href="reference/flexbox-intrinsic-ratio-006-ref.xht" rel="match" /> - <style> - .flexbox { - display: flex; - flex-direction: column; - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - justify-content: flex-start; - align-items: flex-start; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - flex: 1; - - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="flex: 1 1 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - min-height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 34px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - max-height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 6px; - max-height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - min-height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="min-width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - max-height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="max-width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - min-height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-001.xht deleted file mode 100644 index d2a586e0113..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-001.xht +++ /dev/null @@ -1,111 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with flex items containing overlapping content, with - "z-index" set on some of them, which should make them create - stacking contexts. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing that 'z-index' property makes flex items form stacking contexts</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#painting"/> - <link rel="match" href="reference/flexbox-items-as-stacking-contexts-001-ref.xht"/> - <style> - .flexbox { - width: 90px; - height: 10px; - border: 2px solid gray; - display: flex; - margin-bottom: 10px; - } - .a { - width: 10px; - height: 10px; - background: lightblue; - min-width: 0; - } - .b { - width: 10px; - height: 10px; - background: pink; - min-width: 0; - margin-right: 10px; - } - .aKid { - margin-left: 3px; - margin-top: 3px; - width: 10px; - height: 10px; - background: steelblue; - border: 1px solid blue; - } - .bKid { - margin-left: 3px; - margin-top: 6px; - width: 10px; - height: 10px; - background: violet; - border: 1px solid purple; - } - .z0 { z-index: 0; } - .z1 { z-index: 1; } - .zn1 { z-index: -1; } - - </style> - </head> - <body> - <!-- No "z-index" --> - <div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" just on the first item --> - <div class="flexbox"> - <div class="a zn1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - - <div class="a z1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" just on the second item --> - <div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b zn1"><div class="bKid"/></div> - - <div class="a"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a"><div class="aKid"/></div> - <div class="b z1"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" on the first item, w/ "z-index:0" on second item --> - <div class="flexbox"> - <div class="a zn1"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a z1"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" on the second item, w/ "z-index:0" on first item --> - <div class="flexbox"> - <div class="a z0"><div class="aKid"/></div> - <div class="b zn1"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b z1"><div class="bKid"/></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-002.xht deleted file mode 100644 index ed0a3c9265a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-002.xht +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks flex items are painted atomically. In particular, - if one item has content that overflows into the region of another item, - then one item is painted "behind" the other; there shouldn't normally - any interleaving of backgrounds and content between the two items. - - This testcase also tests some special cases that will change the paint - ordering - specifically, the properties "position", "z-index", and - "order" on flex items. - --><!-- This was resolved by the CSSWG in April 2013: - http://krijnhoetmer.nl/irc-logs/css/20130403#l-455 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#painting" rel="help" /> - <link href="reference/flexbox-items-as-stacking-contexts-002-ref.xht" rel="match" /> - <style> - body { font: 10px sans-serif } - .flexContainer { - background: orange; - display: flex; - justify-content: space-between; - width: 70px; - padding: 2px; - margin-bottom: 2px; - } - .item1 { - background: lightblue; - width: 30px; - min-width: 0; /* disable default min-width:auto behavior */ - } - .item2 { - background: yellow; - width: 30px; - min-width: 0; /* disable default min-width:auto behavior */ - } - </style> -</head> -<body> - <!-- This container has two flex items, the first of which has content - sticking out & overlapping the second. If they're painting atomically - (and in the right order), the second item's background should cover the - first item's overflowing content. --> - <div class="flexContainer"><div class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIsSomeMoreLongText</div></div> - - <!-- Now, the first item is relatively positioned, which should make it paint - on top of everything. --> - <div class="flexContainer"><div style="position:relative" class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIsSomeMoreLongText</div></div> - - <!-- Now, the first item is has "z-index" set, which should make it paint on - top of everything. --> - <div class="flexContainer"><div style="z-index: 1" class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIsSomeMoreLongText</div></div> - - <!-- Now, the first item has "order" set to a higher value than default, - which should make it paint on top (and at the far right) --> - <div class="flexContainer"><div style="order: 1" class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIsSomeMoreLongText</div></div> - - <!-- And for thoroughness, let's set "order" to a lower value than default, - on the second item. (Should render the same as previous example.) --> - <div class="flexContainer"><div class="item1">ThisIsALongUnbrokenString</div><div style="order: -1" class="item2">HereIsSomeMoreLongText</div></div> - - <!-- ...but if we relatively position that second item, it should paint - on top again, despite its low "order" value. --> - <div class="flexContainer"><div class="item1">ThisIsALongUnbrokenString</div><div style="order: -1; position: relative" class="item2">HereIsSomeMoreLongText</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-003.xht deleted file mode 100644 index 5c98739aee3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-items-as-stacking-contexts-003.xht +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that flex items are painted as pseudo-stacking - contexts, instead of full stacking contexts. In other words, content - inside of one flex item should be able to iterleave between pieces of - content in another flex item, if we set appropriately interleaving - "z-index" values. --><!-- This was resolved by the CSSWG in April 2013: - http://krijnhoetmer.nl/irc-logs/css/20130403#l-455 --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#painting" rel="help" /> - <link href="reference/flexbox-items-as-stacking-contexts-003-ref.xht" rel="match" /> - <style> - .flexContainer { - background: orange; - display: flex; - justify-content: space-between; - width: 70px; - height: 20px; - padding: 2px; - margin-bottom: 2px; - } - .item1 { - background: lightblue; - width: 30px; - min-width: 0; /* disable default min-width:auto behavior */ - padding: 2px; - } - .item2 { - background: yellow; - width: 30px; - padding: 2px; - } - .grandchildA { - background: purple; - width: 80px; - height: 6px; - position: relative; - z-index: 10; - } - .grandchildB { - background: teal; - width: 80px; - height: 6px; - position: relative; - z-index: 20; - } - .grandchildC { - background: lime; - width: 20px; - height: 16px; - position: relative; - /* This z-index should interleave this content - between grandchildA and grandchildB: */ - z-index: 15; - } - </style> -</head> -<body> - <!-- This flex container's first flex item has content that overflows - and overlap the second flex item. The z-index values are set such - that this content should interleave; grandchildC should - paint on top of grandchildA, but underneath grandchildB. --> - <div class="flexContainer"><div class="item1"><div class="grandchildA"></div><div class="grandchildB"></div></div><div class="item2"><div class="grandchildC"></div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-001a.xht deleted file mode 100644 index a29da58c5fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-001a.xht +++ /dev/null @@ -1,136 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of horizontal flex containers, testing each - possible value of the 'justify-content' property. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - display: flex; - margin-bottom: 2px; - } - div.a { - height: 20px; - flex: 0 10px; - background: lightgreen; - } - div.b { - height: 20px; - flex: 0 50px; - background: pink; - } - div.c { - height: 20px; - flex: 0 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-001b.xht deleted file mode 100644 index f0bd868b783..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-001b.xht +++ /dev/null @@ -1,142 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of horizontal flex containers, testing each - possible value of the 'justify-content' property. The flex containers' - widths are determined by their "min-width" property. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a horizontal flex container with "min-width"</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-horiz-001-ref.xht"/> - <style> - div.flexbox { - min-width: 200px; - display: flex; - margin-bottom: 2px; - - /* Use "float" to trigger intrinsic sizing, which in this case will - make us clamp to "min-width": */ - float: left; - clear: both; - } - div.a { - height: 20px; - flex: 0 10px; - background: lightgreen; - } - div.b { - height: 20px; - flex: 0 50px; - background: pink; - } - div.c { - height: 20px; - flex: 0 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-002.xht deleted file mode 100644 index 2d141104770..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-002.xht +++ /dev/null @@ -1,149 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of flex containers testing each possible value of - the 'justify-content' property, with margin/border/padding on the - flex items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a horizontal flex container, with margins/border/padding on flex items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-horiz-002-ref.xht"/> - <style> - div.flexbox { - width: 200px; - display: flex; - margin-bottom: 4px; - border: 1px dotted black; - } - div.a { - height: 10px; - flex: 0 10px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 1px; - border-right-width: 2px; - border-bottom-width: 3px; - border-left-width: 4px; - padding: 2px; - } - div.b { - height: 10px; - flex: 0 50px; - background: pink; - padding: 4px 3px 2px 1px; - margin: 2px 3px 4px 5px; - } - div.c { - height: 10px; - flex: 0 100px; - background: orange; - margin: 3px; - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-003.xht deleted file mode 100644 index 98183a790da..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-003.xht +++ /dev/null @@ -1,144 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a variety of 'display: flex' examples testing each - possible value of the 'justify-content' property, and with each - individual flex item being wider than the flexbox itself (so that - there isn't any packing space available). - * For 'flex-start'/'space-between', we should overflow on the end - (right) side. - * For 'flex-end', we should overflow on the start (left) side. - * For 'center'/'space-around', we should overflow equally on both sides. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-horiz-003-ref.xht"/> - <style> - body { margin-left: 100px; } /* So we can see left-overflowed stuff */ - div.flexbox { - width: 30px; - display: flex; - margin-bottom: 2px; - } - div.a { - height: 20px; - flex: 0 0 35px; - background: lightgreen; - } - div.b { - height: 20px; - flex: 0 0 40px; - background: pink; - } - div.c { - height: 20px; - flex: 0 0 45px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-004.xht deleted file mode 100644 index 51fe5d13a12..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-004.xht +++ /dev/null @@ -1,155 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a variety of 'display: flex' examples testing each - possible value of the 'justify-content' property, and with each - individual flex item being wider than the flexbox itself (so that - there isn't any packing space available). - * For 'flex-start'/'space-between', we should overflow on the end - (right) side. - * For 'flex-end', we should overflow on the start (left) side. - * For 'center'/'space-around', we should overflow equally on both sides. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow, with margins/border/padding on flex items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-horiz-004-ref.xht"/> - <style> - body { margin-left: 100px; } /* So we can see left-overflowed stuff */ - div.flexbox { - width: 30px; - display: flex; - margin-bottom: 4px; - } - div.a { - height: 10px; - flex: 0 0 35px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 1px; - border-right-width: 2px; - border-bottom-width: 3px; - border-left-width: 4px; - padding: 2px; - } - div.b { - height: 10px; - flex: 0 0 40px; - background: pink; - padding: 4px 3px 2px 1px; - margin: 2px 3px 4px 5px; - } - div.c { - height: 10px; - flex: 0 0 45px; - background: orange; - margin: 3px; - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-005.xht deleted file mode 100644 index dbdb3ca7996..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-horiz-005.xht +++ /dev/null @@ -1,135 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase to exercise each possible value of the 'justify-content' - property, in an auto-sized horizontal flex container. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in an auto-sized horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-horiz-005-ref.xht"/> - <style> - div.flexbox { - display: flex; - } - div.a { - height: 20px; - flex: 0 10px; - background: lightgreen; - } - div.b { - height: 20px; - flex: 0 50px; - background: pink; - } - div.c { - height: 20px; - flex: 0 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-001a.xht deleted file mode 100644 index 230186b0515..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-001a.xht +++ /dev/null @@ -1,138 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of vertical flex containers, testing each - possible value of the 'justify-content' property. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-vert-001-ref.xht"/> - <style> - div.flexbox { - height: 200px; - display: flex; - flex-direction: column; - margin-right: 2px; - float: left; - } - div.a { - width: 20px; - flex: 0 10px; - background: lightgreen; - } - div.b { - width: 20px; - flex: 0 50px; - background: pink; - } - div.c { - width: 20px; - flex: 0 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-001b.xht deleted file mode 100644 index bb84ab25a35..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-001b.xht +++ /dev/null @@ -1,139 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of vertical flex containers, testing each - possible value of the 'justify-content' property. The flex containers' - heights are determined by their "min-height" property. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a vertical flex container with "min-height"</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-vert-001-ref.xht"/> - <style> - div.flexbox { - min-height: 200px; - display: flex; - flex-direction: column; - margin-right: 2px; - float: left; - } - div.a { - width: 20px; - flex: 0 10px; - background: lightgreen; - } - div.b { - width: 20px; - flex: 0 50px; - background: pink; - } - div.c { - width: 20px; - flex: 0 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-002.xht deleted file mode 100644 index c2beabb6a72..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-002.xht +++ /dev/null @@ -1,151 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of flex containers testing each possible value of - the 'justify-content' property, with margin/border/padding on the - flex items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a vertical flex container, with margins/border/padding on flex items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-vert-002-ref.xht"/> - <style> - div.flexbox { - height: 200px; - display: flex; - flex-direction: column; - margin-right: 2px; - float: left; - border: 1px dotted black; - } - div.a { - width: 10px; - flex: 0 10px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 4px; - border-right-width: 3px; - border-bottom-width: 2px; - border-left-width: 1px; - padding: 2px; - } - div.b { - width: 10px; - flex: 0 50px; - background: pink; - padding: 1px 2px 3px 4px; - margin: 5px 4px 3px 2px; - } - div.c { - width: 10px; - flex: 0 100px; - background: orange; - margin: 3px; - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-003.xht deleted file mode 100644 index 50ec0a14cce..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-003.xht +++ /dev/null @@ -1,147 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of vertical flex containers testing each possible - value of the 'justify-content' property, and with each individual - flex item being larger than the flexbox itself (so that there isn't any - packing space available). - - * For 'flex-start'/'space-between', we should overflow on the end - (bottom) side. - * For 'flex-end', we should overflow on the start (top) side. - * For 'center'/'space-around', we should overflow equally on both sides. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-vert-003-ref.xht"/> - <style> - body { margin-top: 100px; } /* So we can see top-overflowed stuff */ - div.flexbox { - height: 30px; - display: flex; - flex-direction: column; - margin-right: 2px; - float: left; - } - div.a { - width: 20px; - flex: 0 0 35px; - background: lightgreen; - } - div.b { - width: 20px; - flex: 0 0 40px; - background: pink; - } - div.c { - width: 20px; - flex: 0 0 45px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-004.xht deleted file mode 100644 index 0375141a556..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-004.xht +++ /dev/null @@ -1,158 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a series of vertical flex containers, testing each possible - value of the 'justify-content' property, and with each individual - flex item being larger than the flexbox itself (so that there isn't any - packing space available). Also, we've got margin/border/padding on the - flex items. - * For 'flex-start'/'space-between', we should overflow on the end - (bottom) side. - * For 'flex-end', we should overflow on the start (top) side. - * For 'center'/'space-around', we should overflow equally on both sides. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow, with margins/border/padding on flex items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-vert-004-ref.xht"/> - <style> - body { margin-top: 100px; } /* So we can see top-overflowed stuff */ - div.flexbox { - height: 30px; - display: flex; - flex-direction: column; - margin-right: 4px; - float: left; - } - div.a { - width: 10px; - flex: 0 0 35px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 4px; - border-right-width: 3px; - border-bottom-width: 2px; - border-left-width: 1px; - padding: 2px; - } - div.b { - width: 10px; - flex: 0 0 40px; - background: pink; - padding: 1px 2px 3px 4px; - margin: 5px 4px 3px 2px; - } - div.c { - width: 10px; - flex: 0 0 45px; - background: orange; - margin: 3px; - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-005.xht deleted file mode 100644 index be3c1500340..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-justify-content-vert-005.xht +++ /dev/null @@ -1,141 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase to exercise each possible value of the 'justify-content' - property, in an auto-sized vertical flex container. The flex container - should shrink-wrap its contents' heights, leaving no packing space - available. So, the "justify-content" values should have no effect - in this testcase. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing 'justify-content' in an auto-sized vertical flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/> - <link rel="match" href="reference/flexbox-justify-content-vert-005-ref.xht"/> - <style> - div.flexbox { - display: flex; - flex-direction: column; - margin-right: 2px; - float: left; - border: 1px dotted black; - } - div.a { - width: 20px; - flex: 0 10px; - background: lightgreen; - } - div.b { - width: 20px; - flex: 0 50px; - background: pink; - } - div.c { - width: 20px; - flex: 0 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-start"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: flex-end"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="justify-content: center"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-between"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-around"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: space-evenly"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="justify-content: left"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: left"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="justify-content: right"> - <div class="a"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="justify-content: right"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-margin-auto-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-margin-auto-horiz-001.xht deleted file mode 100644 index 81d18afcb94..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-margin-auto-horiz-001.xht +++ /dev/null @@ -1,80 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a variety of 'display: flex' examples - with margin-left and/or margin-right set to 'auto'. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing horizontal auto margins on flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#auto-margins"/> - <link rel="match" href="reference/flexbox-margin-auto-horiz-001-ref.xht"/> - <style> - div.flexbox { - width: 200px; - height: 20px; - background: lightgray; - display: flex; - margin-bottom: 2px; - } - div.a { - width: 20px; - background: green; - margin-left: auto; - } - div.b { - width: 20px; - background: pink; - margin-left: auto; - margin-right: auto; - } - div.c { - width: 20px; - background: purple; - margin-right: auto; - } - </style> - </head> - <body> - <!-- just one item --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="b"/> - </div> - <div class="flexbox"> - <div class="c"/> - </div> - - <!-- Two items --> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="c"/> - </div> - <div class="flexbox"> - <div class="b"/><div class="c"/> - </div> - - <!-- Three items --> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="c"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="b"/><div class="a"/><div class="c"/> - </div> - <div class="flexbox"> - <div class="b"/><div class="c"/><div class="a"/> - </div> - <div class="flexbox"> - <div class="c"/><div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="c"/><div class="b"/><div class="a"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-margin-auto-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-margin-auto-horiz-002.xht deleted file mode 100644 index fb1c658459f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-margin-auto-horiz-002.xht +++ /dev/null @@ -1,65 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a variety of 'display: flex' examples - with margin-top and/or margin-bottom set to 'auto' on flex items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing vertical auto margins on flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#auto-margins"/> - <link rel="match" href="reference/flexbox-margin-auto-horiz-002-ref.xht"/> - <style> - div.flexbox { - border: 2px dotted black; - display: flex; - margin-bottom: 2px; - width: 100px; - } - div.fixedSize { - width: 20px; - height: 20px; - } - div.gray { background: gray; } - div.green { background: green; } - div.pink { background: pink; } - div.blue { background: blue; } - - div.autoTop { margin-top: auto; } - div.autoBottom { margin-bottom: auto; } - div.fixedTop { margin-top: 10px; } - div.fixedBottom { margin-bottom: 10px; } - </style> - </head> - <body> - - <!-- fixed-height flexbox, with items that have auto margins --> - <div class="flexbox" style="height: 100px"> - <div class="fixedSize green autoTop"/> - <div class="fixedSize pink autoBottom"/> - <div class="fixedSize blue autoTop autoBottom"/> - </div> - <!-- fixed-height flexbox, with items that have auto & fixed margins --> - <div class="flexbox" style="height: 100px"> - <div class="fixedSize green autoTop fixedBottom"/> - <div class="fixedSize pink autoBottom fixedTop"/> - </div> - - <!-- height-shrinkwrapping flexbox, sized by item w/ fixed height & margins, - with other items that have auto margins --> - <div class="flexbox"> - <div class="fixedSize green autoTop"/> - <div class="fixedSize pink autoBottom"/> - <div class="fixedSize blue autoTop autoBottom"/> - <div class="fixedTop fixedBottom gray" style="width: 10px; height: 30px"/> - </div> - - <!-- height-shrinkwrapping flexbox, sized by item w/ fixed height & margins, - with other items that have auto & fixed margins --> - <div class="flexbox"> - <div class="fixedSize green autoTop fixedBottom"/> - <div class="fixedSize pink autoBottom fixedTop"/> - <div class="fixedTop fixedBottom gray" style="width: 10px; height: 30px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-reverse.xht deleted file mode 100644 index db7444dedbf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-reverse.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with borders on flex items, and "flex-direction: row-reverse" to - reverse the flex container's main axis. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing borders on flex items in a row-reverse horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-001-reverse-ref.xht"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - font-size: 10px; - display: flex; - flex-direction: row-reverse; - } - div.a { - flex: 1 0 24px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - flex: 2 0 10px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - display: inline-block; - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-rtl-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-rtl-reverse.xht deleted file mode 100644 index a5d30d2320e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-rtl-reverse.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with borders on flex items, and "direction: rtl" and - "flex-direction: row-reverse" to *doubly* reverse the flex container's - main axis. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing borders on flex items in a row-reverse horizontal flex container, with 'direction: rtl'</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-001-ref.xht"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - font-size: 10px; - display: flex; - flex-direction: row-reverse; - direction: rtl; - } - div.a { - flex: 1 0 24px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - flex: 2 0 10px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - display: inline-block; - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-rtl.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-rtl.xht deleted file mode 100644 index f2221a44ac5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001-rtl.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with borders on flex items, and "direction: rtl" to reverse - the flex container's main axis. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing borders on flex items in a horizontal flex container with 'direction: rtl'</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-001-reverse-ref.xht"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - font-size: 10px; - display: flex; - direction: rtl; - } - div.a { - flex: 1 0 24px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - flex: 2 0 10px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - display: inline-block; - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001.xht deleted file mode 100644 index 56efc1cd7fa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-001.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with borders on flex items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing borders on flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-001-ref.xht"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - font-size: 10px; - display: flex; - } - div.a { - flex: 1 0 24px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - flex: 2 0 10px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - display: inline-block; - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-002a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-002a.xht deleted file mode 100644 index d16648c8b32..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-002a.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with margin/border on flex items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing margins and borders on flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-002-ref.xht"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - font-size: 10px; - display: flex; - } - div.a { - flex: 1 0 20px; - background: lightgreen; - margin-left: 1px; - margin-right: 3px; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - flex: 2 0 4px; - background: yellow; - margin-left: 2px; - margin-right: 4px; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - display: inline-block; - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-002b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-002b.xht deleted file mode 100644 index a5449fb3413..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-002b.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with margin/border/padding on flex items. (NOTE: This renders - the same as the "-2a" variant, which lacks padding, because we've - just replaced some of the "-2a" variant's content-box area with - padding-box area in this test.) --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing margins, borders, and padding on flex items in a horizontal flex container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-002-ref.xht"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - font-size: 10px; - display: flex; - } - div.a { - flex: 1 0 9px; - background: lightgreen; - margin-left: 1px; - margin-right: 3px; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - padding-left: 5px; - padding-right: 6px; - } - div.b { - flex: 2 0 1px; - background: yellow; - margin-left: 2px; - margin-right: 4px; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - padding-left: 1px; - padding-right: 2px; - } - div.c { - flex: 3 0 40px; - background: orange; - } - div.flexNone { - flex: none; - background: pink; - } - div.flexBasis { - flex: 0 0 20px; - background: gray; - } - div.spacer { - display: inline-block; - width: 15px; - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/><div class="b"/></div> - <div class="flexbox"><div class="a"/><div class="c"/></div> - <div class="flexbox"><div class="a"/> - <div class="flexNone"><div class="spacer"/></div> - </div> - <div class="flexbox"><div class="b"/><div class="c"/></div> - <div class="flexbox"><div class="b"/> - <div class="flexNone"><div class="spacer"/><div class="spacer"/></div> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="flexBasis"/><div class="c"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-003-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-003-reverse.xht deleted file mode 100644 index b6d6afd1404..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-003-reverse.xht +++ /dev/null @@ -1,72 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with border/padding on a row-reverse flex container and on its children --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing borders and padding on a row-reverse horizontal flex container and its flex items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-003-reverse-ref.xht"/> - <style> - div { height: 20px; border: 0; } - div.flexbox { - width: 200px; - display: flex; - flex-direction: row-reverse; - margin-bottom: 2px; - } - - <!-- customizations for flex container border/padding --> - .borderA { - border-style: dashed; - border-color: purple; - border-top-width: 6px; - border-right-width: 4px; - border-bottom-width: 2px; - border-left-width: 8px; - } - - .borderB { - border-style: dashed; - border-color: purple; - border-top-width: 4px; - border-right-width: 5px; - border-bottom-width: 6px; - border-left-width: 7px; - } - - .paddingA { - padding: 4px 3px 2px 1px; - } - - .paddingB { - padding: 8px 11px 14px 17px; - } - - div.child1 { - flex: 1 0 24px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.child2 { - flex: 2 0 10px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - </style> - </head> - <body> - <div class="flexbox borderA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingB"><div class="child1"/><div class="child2"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-003.xht deleted file mode 100644 index 1889cfaed69..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-003.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with border/padding on a flex container and on its children --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing borders and padding on a horizontal flex container and its flex items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-003-ref.xht"/> - <style> - div { height: 20px; border: 0; } - div.flexbox { - width: 200px; - display: flex; - margin-bottom: 2px; - } - - <!-- customizations for flex container border/padding --> - .borderA { - border-style: dashed; - border-color: purple; - border-top-width: 6px; - border-right-width: 4px; - border-bottom-width: 2px; - border-left-width: 8px; - } - - .borderB { - border-style: dashed; - border-color: purple; - border-top-width: 4px; - border-right-width: 5px; - border-bottom-width: 6px; - border-left-width: 7px; - } - - .paddingA { - padding: 4px 3px 2px 1px; - } - - .paddingB { - padding: 8px 11px 14px 17px; - } - - div.child1 { - flex: 1 0 24px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.child2 { - flex: 2 0 10px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - </style> - </head> - <body> - <div class="flexbox borderA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingB"><div class="child1"/><div class="child2"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-004.xht deleted file mode 100644 index 30fc83823aa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-mbp-horiz-004.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with percent-valued padding and/or margin on flex items. The spec - says that percentage values on padding/margin-top and -bottom should be - resolved against the flex container's height (not its width, as would - be the case in a block). ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing percent-valued padding and margin on flex items</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-mbp-horiz-004-ref.xht"/> - <style> - div { border: 0; } - div.flexbox { - width: 200px; - display: flex; - margin-bottom: 2px; - border: 1px dotted black; - } - div.height50 { height: 50px; } - - .marginA { margin: 10% 8% 6% 4%; } - .marginB { margin: 8% 10% 12% 14%; } - .paddingA { padding: 8% 6% 4% 2%; } - .paddingB { padding: 6% 8% 10% 12%; } - - div.child1 { - flex: none; - width: 10px; - height: 10px; - background: lightgreen; - } - div.child2 { - flex: none; - width: 10px; - height: 10px; - background: purple; - } - - div.filler { - /* Filler-div to fill up content-box and make padding easier to see. */ - height: 10px; - width: 100%; - background: lightgrey; - } - - </style> - </head> - <body> - <!-- Flex container is auto-height - vertical margin and padding should - resolve to 0, since they don't have anything to resolve % against. --> - <div class="flexbox"><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"/><div class="child2 marginB"/></div> - - <!-- Flex container has height: 50px - vertical margin and padding should - resolve % values against that. --> - <div class="flexbox height50"><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"/><div class="child2 marginB"/></div> - - <!-- ...and now with align-items: flex-end, so we can see the margin-bottom - in action --> - <div class="flexbox height50" style="align-items: flex-end"><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"/><div class="child2 marginB"/></div> - - <!-- ...and finally, with margin and padding applied to the same items --> - <div class="flexbox height50"><div class="child1 paddingA marginA"><div class="filler"/></div><div class="child2 paddingB marginB"><div class="filler"/></div></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-001.xht deleted file mode 100644 index 210939f9472..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-001.xht +++ /dev/null @@ -1,101 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-height:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-height-auto-001-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-height:auto" (the property's - initial value) on flex items in a vertical flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'height'), if 'flex-basis' is at its - initial value. - b) The computed 'max-height' property - c) If there's no intrinsic aspect ratio: the item's min-content height. - d) If there is an intrinsic aspect ratio: the item's height derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-height. - - This test checks for situations where we should resolve the min-height as - (a), (b), or (c) above. Another test will check (d). ---> - <style> - .flexbox { - display: flex; - flex-direction: column; - height: 1px; /* No available space; shrink flex items to min-height */ - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - } - - .flexbox > * > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - width: 10px; - height: 80px; - } - </style> - </head> - <body> - <!-- Check for min-height:auto resolving correctly when the smallest - candidate value is: --> - <!-- *** (a) Used 'flex-basis' (from 'height') *** --> - <!-- First, without definite max-height: --> - <div class="flexbox"> - <div style="height: 50px"><div></div></div> - </div> - <!-- ...and now with definite (& large) 'max-height': --> - <div class="flexbox"> - <div style="height: 50px; max-height: 120px;"><div></div></div> - </div> - <!-- ...and now with used 'flex-basis' being a calc expression:--> - <div class="flexbox"> - <div style="height: calc(10% + 50px)"><div></div></div> - </div> - - <!-- *** (b) The computed 'max-height' *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'height') --> - <div class="flexbox"> - <div style="height: 100px; max-height:50px"><div></div></div> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 100px; max-height:50px"><div></div></div> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 10px; max-height:50px"><div></div></div> - </div> - - <!-- *** (c) (no intrinsic aspect ratio) The min-content size *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'height') --> - <div class="flexbox"> - <div style="height: 100px"><div></div></div> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 100px"><div></div></div> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 10px"><div></div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002a.xht deleted file mode 100644 index 1ac1c3c8f0f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002a.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-height:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-height-auto-002-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-height:auto" (the property's - initial value) on flex items in a vertical flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'height'), if 'flex-basis' is at its - initial value. - b) The computed 'max-height' property - c) If there's no intrinsic aspect ratio: the item's min-content height. - d) If there is an intrinsic aspect ratio: the item's height derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-height. - - This test checks for situations where we should resolve the min-height as - (d) above, with "constraints in the other dimension" being "width". ---> - <style> - .flexbox { - display: flex; - flex-direction: column; - height: 1px; /* No available space; shrink flex items to min-height */ - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - /* Flex items have sizing constraint in cross axis: */ - width: 30px; - } - </style> - </head> - <body> - <!-- Check for min-height:auto resolving correctly when the smallest - candidate value is: --> - - <!-- *** (d) (with intrinsic aspect ratio) The height derived from ratio - and constraints in the other dimension *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'height') --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="height: 100px" /> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 100px" /> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 10px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002b.xht deleted file mode 100644 index 07f728aebd5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002b.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-height:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-height-auto-002-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-height:auto" (the property's - initial value) on flex items in a vertical flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'height'), if 'flex-basis' is at its - initial value. - b) The computed 'max-height' property - c) If there's no intrinsic aspect ratio: the item's min-content height. - d) If there is an intrinsic aspect ratio: the item's height derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-height. - - This test checks for situations where we should resolve the min-height as - (d) above, with "constraints in the other dimension" being "min-width". ---> - <style> - .flexbox { - display: flex; - flex-direction: column; - height: 1px; /* No available space; shrink flex items to min-height */ - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - /* Flex items have sizing constraint in cross axis: */ - min-width: 30px; - } - </style> - </head> - <body> - <!-- Check for min-height:auto resolving correctly when the smallest - candidate value is: --> - - <!-- *** (d) (with intrinsic aspect ratio) The height derived from ratio - and constraints in the other dimension *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'height') --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="height: 100px" /> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 100px" /> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 10px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002c.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002c.xht deleted file mode 100644 index e92ab7ec516..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-002c.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-height:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-height-auto-002-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-height:auto" (the property's - initial value) on flex items in a vertical flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'height'), if 'flex-basis' is at its - initial value. - b) The computed 'max-height' property - c) If there's no intrinsic aspect ratio: the item's min-content height. - d) If there is an intrinsic aspect ratio: the item's height derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-height. - - This test checks for situations where we should resolve the min-height as - (d) above, with "constraints in the other dimension" being - max-width-clamped "width". ---> - <style> - .flexbox { - display: flex; - flex-direction: column; - height: 1px; /* No available space; shrink flex items to min-height */ - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - /* Flex items have sizing constraint in cross axis: */ - max-width: 30px; - width: 60px; - } - </style> - </head> - <body> - <!-- Check for min-height:auto resolving correctly when the smallest - candidate value is: --> - - <!-- *** (d) (with intrinsic aspect ratio) The height derived from ratio - and constraints in the other dimension *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'height') --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="height: 100px" /> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 100px" /> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-height:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 10px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-003.xht deleted file mode 100644 index 74fa7167dc1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-003.xht +++ /dev/null @@ -1,56 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-height:auto & 'overflow' interaction</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-height-auto-003-ref.xht" rel="match" /> -<!-- - This testcase checks how "overflow-y" impacts the sizing behavior of flex - items with "min-height:auto" (the new initial value for "min-height"). - - In particular, the flex-item-specific "min-height:auto" behavior is - supposed to be disabled (e.g. we end up with min-height:0) when - "overflow-y" is non-"visible". ---> - <style> - .flexbox { - display: flex; - flex-direction: column; - height: 30px; /* Shrink flex items below min-height */ - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - } - - .flexbox > * > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - width: 40px; - height: 80px; - } - - .yvisible { overflow-y: visible; } - .yhidden { overflow-y: hidden; } - .yscroll { overflow-y: scroll; } - .yauto { overflow-y: auto; } - </style> - </head> - <body> - <!-- min-height:auto should prevent shrinking below intrinsic height when - the flex item has "overflow-y: visible", but not for any other - overflow-y values. --> - <div class="flexbox"><div class="yvisible"><div></div></div></div> - <div class="flexbox"><div class="yhidden"><div></div></div></div> - <div class="flexbox"><div class="yscroll"><div></div></div></div> - <div class="flexbox"><div class="yauto"><div></div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-004.xht deleted file mode 100644 index 3d66888d263..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-height-auto-004.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-height:auto & 'overflow' interaction</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-height-auto-004-ref.xht" rel="match" /> -<!-- - This testcase checks how "overflow-x" indirectly impacts the sizing - behavior of flex items with "min-height:auto" (the new initial value - for "min-height"), via its influence on "overflow-y". - - In particular, the flex-item-specific "min-height:auto" behavior is - supposed to be disabled (e.g. we end up with min-height:0) when - "overflow-y" is non-"visible". Moreover, when "overflow-x" is set to a - scrolling value, it forces "overflow-y" to compute to a scrolling value - as well, as described at - http://www.w3.org/TR/css-overflow-3/#overflow-properties - So, "overflow-x" has an indirect effect (via "overflow-y") here. ---> - <style> - .flexbox { - display: flex; - flex-direction: column; - height: 30px; /* Shrink flex items below min-height */ - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - } - - .flexbox > * > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - width: 40px; - height: 80px; - } - - .xvisible { overflow-x: visible; } - .xhidden { overflow-x: hidden; } - .xscroll { overflow-x: scroll; } - .xauto { overflow-x: auto; } - </style> - </head> - <body> - <!-- min-height:auto should prevent shrinking below intrinsic height when - the flex item has "overflow-x: visible", but not for any other - overflow-x values (because of overflow-x's influence on overflow-y). - --> - <div class="flexbox"><div class="xvisible"><div></div></div></div> - <div class="flexbox"><div class="xhidden"><div></div></div></div> - <div class="flexbox"><div class="xscroll"><div></div></div></div> - <div class="flexbox"><div class="xauto"><div></div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-001.xht deleted file mode 100644 index 2f73b48942d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-001.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-width:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-width-auto-001-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-width:auto" (the property's - initial value) on flex items in a horizontal flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'width'), if 'flex-basis' is at its - initial value. - b) The computed 'max-width' property - c) If there's no intrinsic aspect ratio: the item's min-content width. - d) If there is an intrinsic aspect ratio: the item's width derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-width. - - This test checks for situations where we should resolve the min-width as - (a), (b), or (c) above. Another test will check (d). ---> - <style> - .flexbox { - display: flex; - width: 1px; /* No available space; shrink flex items to min-width */ - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - } - - .flexbox > * > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - height: 10px; - width: 80px; - } - </style> - </head> - <body> - <!-- Check for min-width:auto resolving correctly when the smallest - candidate value is: --> - <!-- *** (a) Used 'flex-basis' (from 'width') *** --> - <!-- First, without definite max-width: --> - <div class="flexbox"> - <div style="width: 50px"><div></div></div> - </div> - <!-- ...and now with definite (& large) 'max-width': --> - <div class="flexbox"> - <div style="width: 50px; max-width: 120px;"><div></div></div> - </div> - <!-- ...and now with used 'flex-basis' being a calc expression:--> - <div class="flexbox"> - <div style="width: calc(10% + 50px)"><div></div></div> - </div> - - <!-- *** (b) The computed 'max-width' *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'width') --> - <div class="flexbox"> - <div style="width: 100px; max-width:50px"><div></div></div> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 100px; max-width:50px"><div></div></div> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 10px; max-width:50px"><div></div></div> - </div> - - <!-- *** (c) (no intrinsic aspect ratio) The min-content size *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'width') --> - <div class="flexbox"> - <div style="width: 100px"><div></div></div> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 100px"><div></div></div> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <div style="flex-basis: 10px"><div></div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002a.xht deleted file mode 100644 index a1da8679690..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002a.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-width:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-width-auto-002-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-width:auto" (the property's - initial value) on flex items in a horizontal flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'width'), if 'flex-basis' is at its - initial value. - b) The computed 'max-width' property - c) If there's no intrinsic aspect ratio: the item's min-content width. - d) If there is an intrinsic aspect ratio: the item's width derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-width. - - This test checks for situations where we should resolve the min-width as - (d) above, with "constraints in the other dimension" being "height". ---> - <style> - .flexbox { - display: flex; - width: 0px; /* No available space; shrink flex items to min-width */ - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - /* Flex items have sizing constraint in cross axis: */ - height: 30px; - } - </style> - </head> - <body> - <!-- Check for min-width:auto resolving correctly when the smallest - candidate value is: --> - - <!-- *** (d) (with intrinsic aspect ratio) The width derived from ratio - and constraints in the other dimension *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'width') --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="width: 100px" /> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 100px" /> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 10px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002b.xht deleted file mode 100644 index f6d86865dc0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002b.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-width:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-width-auto-002-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-width:auto" (the property's - initial value) on flex items in a horizontal flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'width'), if 'flex-basis' is at its - initial value. - b) The computed 'max-width' property - c) If there's no intrinsic aspect ratio: the item's min-content width. - d) If there is an intrinsic aspect ratio: the item's width derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-width. - - This test checks for situations where we should resolve the min-width as - (d) above, with "constraints in the other dimension" being "min-height". ---> - <style> - .flexbox { - display: flex; - width: 0px; /* No available space; shrink flex items to min-width */ - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - /* Flex items have sizing constraint in cross axis: */ - min-height: 30px; - } - </style> - </head> - <body> - <!-- Check for min-width:auto resolving correctly when the smallest - candidate value is: --> - - <!-- *** (d) (with intrinsic aspect ratio) The width derived from ratio - and constraints in the other dimension *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'width') --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="width: 100px" /> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 100px" /> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 10px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002c.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002c.xht deleted file mode 100644 index 2858b2c6fd5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-002c.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-width:auto</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-width-auto-002-ref.xht" rel="match" /> -<!-- - This testcase tests the used value of "min-width:auto" (the property's - initial value) on flex items in a horizontal flex container. - - It's supposed to resolve to the smallest of: - a) The used 'flex-basis' (taken from 'width'), if 'flex-basis' is at its - initial value. - b) The computed 'max-width' property - c) If there's no intrinsic aspect ratio: the item's min-content width. - d) If there is an intrinsic aspect ratio: the item's width derived from - the ratio & constraints in the other dimension. - - We measure what the used value is by putting flex items in a small flex - container, which will shrink its items down to their min-width. - - This test checks for situations where we should resolve the min-width as - (d) above, with "constraints in the other dimension" being - max-height-clamped "height". ---> - <style> - .flexbox { - display: flex; - width: 0px; /* No available space; shrink flex items to min-width */ - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - /* Flex items have sizing constraint in cross axis: */ - max-height: 30px; - height: 60px; - } - </style> - </head> - <body> - <!-- Check for min-width:auto resolving correctly when the smallest - candidate value is: --> - - <!-- *** (d) (with intrinsic aspect ratio) The width derived from ratio - and constraints in the other dimension *** --> - <!-- First, with a larger candidate 'flex-basis' value (from 'width') --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="width: 100px" /> - </div> - <!-- ...and now with a larger explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 100px" /> - </div> - <!-- ...and now with a smaller explicit 'flex-basis' value (which shouldn't - be considered for 'min-width:auto' anyway) --> - <div class="flexbox"> - <img src="support/solidblue.png" alt="blue square" style="flex-basis: 10px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-003.xht deleted file mode 100644 index f2c28d85174..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-003.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-width:auto & 'overflow' interaction</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-width-auto-003-ref.xht" rel="match" /> -<!-- - This testcase checks how "overflow-x" impacts the sizing behavior of flex - items with "min-width:auto" (the new initial value for "min-width"). - - In particular, the flex-item-specific "min-width:auto" behavior is - supposed to be disabled (e.g. we end up with min-width:0) when - "overflow-x" is non-"visible". ---> - <style> - .flexbox { - display: flex; - width: 30px; /* Shrink flex items below min-width */ - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - } - - .flexbox > * > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - height: 40px; - width: 80px; - } - - .xvisible { overflow-x: visible; } - .xhidden { overflow-x: hidden; } - .xscroll { overflow-x: scroll; } - .xauto { overflow-x: auto; } - </style> - </head> - <body> - <!-- min-width:auto should prevent shrinking below intrinsic width when - the flex item has "overflow-x: visible", but not for any other - overflow-x values. --> - <div class="flexbox"><div class="xvisible"><div></div></div></div> - <div class="flexbox"><div class="xhidden"><div></div></div></div> - <div class="flexbox"><div class="xscroll"><div></div></div></div> - <div class="flexbox"><div class="xauto"><div></div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-004.xht deleted file mode 100644 index e13c6e7bd29..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-min-width-auto-004.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Test: Testing min-width:auto & 'overflow' interaction</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> - <link href="reference/flexbox-min-width-auto-004-ref.xht" rel="match" /> -<!-- - This testcase checks how "overflow-y" indirectly impacts the sizing - behavior of flex items with "min-width:auto" (the new initial value - for "min-width"), via its influence on "overflow-x". - - In particular, the flex-item-specific "min-width:auto" behavior is - supposed to be disabled (e.g. we end up with min-width:0) when - "overflow-x" is non-"visible". Moreover, when "overflow-y" is set to a - scrolling value, it forces "overflow-x" to compute to a scrolling value - as well, as described at - http://www.w3.org/TR/css-overflow-3/#overflow-properties - So, "overflow-y" has an indirect effect (via "overflow-x") here. ---> - <style> - .flexbox { - display: flex; - width: 30px; /* Shrink flex items below min-width */ - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .flexbox > * { - /* Flex items have purple border: */ - border: 2px dotted purple; - } - - .flexbox > * > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - height: 40px; - width: 80px; - } - - .yvisible { overflow-y: visible; } - .yhidden { overflow-y: hidden; } - .yscroll { overflow-y: scroll; } - .yauto { overflow-y: auto; } - </style> - </head> - <body> - <!-- min-width:auto should prevent shrinking below intrinsic width when - the flex item has "overflow-y: visible", but not for any other - overflow-y values (because of overflow-y's influence on overflow-x). - --> - <div class="flexbox"><div class="yvisible"><div></div></div></div> - <div class="flexbox"><div class="yhidden"><div></div></div></div> - <div class="flexbox"><div class="yscroll"><div></div></div></div> - <div class="flexbox"><div class="yauto"><div></div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-order-from-lowest.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-order-from-lowest.xht deleted file mode 100644 index 2796d04cb98..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-order-from-lowest.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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: flex container layout starts with lowest order item</title> - <link href="mailto:galineau@adobe.com" rel="author" title="Sylvain Galineau" /> - <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test check that a flex container layous out its content starting with the lowest numbered ordinal group and going up" name="assert" /> - <style> - #test { - display: flex; - } - - #leftmost { - order: -1; - } - - #middle { - order:0; - } - - #rightmost { - order:1; - } - </style> - </head> - <body> - <p>Test passes if the paragraph below reads 'First,Second,Third'.</p> - <div id="test"> - <p id="rightmost">Third</p> - <p id="middle">Second,</p> - <p id="leftmost">First,</p> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-order-only-flexitems.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-order-only-flexitems.xht deleted file mode 100644 index 9e0ef159e99..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-order-only-flexitems.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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: order only affects flex items</title> - <link href="mailto:galineau@adobe.com" rel="author" title="Sylvain Galineau" /> - <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test check that the order property has no effect on elements that are not flex items" name="assert" /> - <style> - #test { - display: block; /* Not a flex container */ - } - - #leftmost { - order: 2; - } - - #middle { - order:1; - } - - #rightmost { - order:0; - } - </style> - </head> - <body> - <p>Test passes if the paragraph below reads 'First, Second, Third'.</p> - <div id="test"> - <span id="leftmost">First,</span> - <span id="middle">Second,</span> - <span id="rightmost">Third</span> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-001.xht deleted file mode 100644 index 3329d85ba2d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-001.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we correctly handle the "overflow" property on - a horizontal flex container. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with contents not overflowing</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-overflow-horiz-001-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - height: 200px; - flex: 3; - } - .smallItem { - background: teal; - margin-bottom: 10px; - flex: 1; - } - .scroll { overflow: scroll } - .auto { overflow: auto } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer scroll"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer auto"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht deleted file mode 100644 index 94936109f34..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "align-items" on a horizontal - flex container that has "overflow: hidden". We use a huge border on - one of the flex items, large enough that it overflows the container, - to be sure that "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with 'align-items: center'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-overflow-horiz-002-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - align-items: center; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - height: 10px; - /* Tall border (taller than our container): */ - border: solid coral; - border-width: 50px 2px; - flex: 3; - } - .smallItem { - background: teal; - height: 20px; - flex: 1; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-003.xht deleted file mode 100644 index 33c8a202dd2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-003.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "justify-content" on a horizontal - flex container that has "overflow:hidden". We use a large flex item, - large enough that it overflows the container, to be sure that - "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with 'justify-content: space-around'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-overflow-horiz-003-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - justify-content: space-around; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - width: 20px; - height: 200px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-004.xht deleted file mode 100644 index 4cb0918b195..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-004.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "flex-wrap" on a horizontal - flex container that has "overflow:hidden". We use a large flex item, - large enough that it overflows the container in the cross axis, to be - sure that "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with 'flex-wrap: wrap'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property" rel="help" /> - <link href="reference/flexbox-overflow-horiz-004-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-wrap: wrap; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - width: 50px; - height: 200px; - } - .smallItem { - background: teal; - width: 50px; - height: 20px; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-005.xht deleted file mode 100644 index a7e27b46dea..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-005.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "align-content" on a horizontal - flex container that has "overflow:hidden". We use a large flex item, - large enough that it overflows the container in the main axis, to be - sure that "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with 'align-content: space-around'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/flexbox-overflow-horiz-005-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-wrap: wrap; - align-content: space-around; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - flex: none; /* prevent shrinking (so we can intentionally overflow) */ - width: 72px; - height: 20px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-001.xht deleted file mode 100644 index ac9e9c95e89..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-001.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we correctly handle the "overflow" property on - a vertical flex container with overflowing contents. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a vertical flex container</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-overflow-vert-001-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - width: 200px; - flex: 3; - } - .smallItem { - background: teal; - margin-right: 10px; - flex: 1; - } - .scroll { overflow: scroll } - .auto { overflow: auto } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer scroll"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer auto"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-002.xht deleted file mode 100644 index d9884b54755..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-002.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "align-items" on a vertical - flex container that has "overflow: hidden". We use a huge border on - one of the flex items, large enough that it overflows the container, - to be sure that "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a vertical flex container, with 'align-items: center'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-overflow-vert-002-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - align-items: center; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - width: 10px; - /* Tall border (taller than our container): */ - border: solid coral; - border-width: 2px 50px; - flex: 3; - } - .smallItem { - background: teal; - width: 20px; - flex: 1; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-003.xht deleted file mode 100644 index fab31c95543..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-003.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "justify-content" on a vertical - flex container that has "overflow:hidden". We use a large flex item, - large enough that it overflows the container, to be sure that - "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a vertical flex container, with 'justify-content: space-around'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-overflow-vert-003-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - justify-content: space-around; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - width: 200px; - height: 20px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-004.xht deleted file mode 100644 index 99b613bfdae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-004.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "flex-wrap" on a vertical - flex container that has "overflow:hidden". We use a large flex item, - large enough that it overflows the container in the cross axis, to be - sure that "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a vertical flex container, with 'flex-wrap: wrap'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property" rel="help" /> - <link href="reference/flexbox-overflow-vert-004-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - flex-wrap: wrap; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - width: 200px; - height: 50px; - } - .smallItem { - background: teal; - width: 20px; - height: 50px; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-005.xht deleted file mode 100644 index abc01170322..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-vert-005.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we honor "align-content" on a vertical - flex container that has "overflow:hidden". We use a large flex item, - large enough that it overflows the container in the main axis, to be - sure that "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'overflow' property on a vertical flex container, with 'align-content: space-around'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/flexbox-overflow-vert-005-ref.xht" rel="match" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - flex-wrap: wrap; - align-content: space-around; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - flex: none; /* prevent shrinking (so we can intentionally overflow) */ - width: 20px; - height: 72px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-paint-ordering-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-paint-ordering-001.xht deleted file mode 100644 index 47b46ed42aa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-paint-ordering-001.xht +++ /dev/null @@ -1,87 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with flex items containing overlapping content, to test - their paint-order. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the paint-order of overlapping flex items, with varying tweaks on the container</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#painting"/> - <link rel="match" href="reference/flexbox-paint-ordering-001-ref.xht"/> - <style> - body { - line-height: 0; - } - .container { - width: 40px; - height: 14px; - border: 2px solid green; - margin-bottom: 2px; - } - .a { - width: 16px; - height: 10px; - background: blue; - min-width: 0; - border: 2px solid lightblue; - } - .b { - width: 16px; - height: 10px; - background: purple; - min-width: 0; - border: 2px solid slateblue; - } - .aKid { - margin-left: 10px; - margin-top: 2px; - width: 16px; - height: 6px; - background: yellow; - border: 1px solid black; - } - </style> - </head> - <body> - <!-- inline-level flex container --> - <div class="container" style="display: inline-flex"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <!-- block-level flex container --> - <div class="container" style="display: flex"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <!-- floated flex container --> - <div class="container" style="display: flex; float: left"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - <!-- Helper-div to clear floats: --> - <div style="clear: both"/> - - <!-- relatively-positioned flex container --> - <div class="container" style="display: flex; position: relative"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <!-- absolutely-positioned flex container --> - <div class="container" style="display: flex; position: absolute"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - <!--- Spacer div, since abspos div doesn't set aside space for itself --> - <div style="height: 20px"/> - - <!-- fixed-position flex container --> - <div class="container" style="display: flex; position: fixed"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-paint-ordering-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-paint-ordering-002.xht deleted file mode 100644 index 196bc7417d2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-paint-ordering-002.xht +++ /dev/null @@ -1,159 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with flex items containing overlapping content, with - "order" and "z-index" set on some of them, to test how that affects - paint-order. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing the paint-order of overlapping flex items with 'order' and 'z-index' set</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#painting"/> - <link rel="match" href="reference/flexbox-paint-ordering-002-ref.xht"/> - <style> - body { - line-height: 0; - } - - .flexbox { - display: inline-flex; - width: 20px; - height: 10px; - border: 2px solid gray; - margin-bottom: 10px; - margin-right: 10px; - } - .a { - width: 10px; - height: 10px; - background: lightblue; - min-width: 0; - } - .b { - width: 10px; - height: 10px; - background: pink; - min-width: 0; - } - - .aKid { - margin-left: 3px; - margin-top: 3px; - width: 10px; - height: 10px; - background: steelblue; - border: 1px solid blue; - } - .bKid { - margin-left: 3px; - margin-top: 6px; - width: 10px; - height: 10px; - background: violet; - border: 1px solid purple; - } - - .on1 { order: -1; } - .o0 { order: 0; } - .o1 { order: 1; } - .o2 { order: 2; } - - .zn2 { z-index: -2; } - .zn1 { z-index: -1; } - .z0 { z-index: 0; } - .z1 { z-index: 1; } - - </style> - </head> - <body> - <!-- order not set: --> - <div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div> - - <br/> - - <!-- order set, but it matches content order, so it shouldn't matter: --> - <div class="flexbox"> - <div class="a on1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o0"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o0"><div class="aKid"/></div> - <div class="b o0"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o2"><div class="aKid"/></div> - <div class="b o2"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b o0"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b o1"><div class="bKid"/></div> - </div> - - <br/> - - <!-- order set to reverse of content-order: --> - <div class="flexbox"> - <div class="a o1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b on1"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o0"><div class="aKid"/></div> - <div class="b on1"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o2"><div class="aKid"/></div> - <div class="b o1"><div class="bKid"/></div> - </div> - - <br/> - - <!-- order set to reverse of content-order, AND with z-index set on - one or both items, but not such that it changes the paint order --> - <div class="flexbox"> - <div class="a o1 z0"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o1 z1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o1 z0"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a o1 z1"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - </div> - - <br/> - - <!-- order set to reverse of content-order, AND with z-index set on - one or both items, in such a way that it affects paint order --> - <div class="flexbox"> - <!-- 'a' is behind the container's border --> - <div class="a o1 zn1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <!-- 'a' and 'b' are both behind the container's border --> - <div class="a o1 zn1"><div class="aKid"/></div> - <div class="b zn1"><div class="bKid"/></div> - </div><div class="flexbox"> - <!-- 'a' and 'b' are both behind the container's border, - and 'a' is behind 'b' despite coming after it in the 'order' - ordering--> - <div class="a o1 zn2"><div class="aKid"/></div> - <div class="b zn1"><div class="bKid"/></div> - </div><div class="flexbox"> - <!-- 'a' and 'b' are both in front of the container's border, - and 'a' is behind 'b' despite coming after it in the 'order' - ordering--> - <div class="a o1 z0"><div class="aKid"/></div> - <div class="b z1"><div class="bKid"/></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-root-node-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-root-node-001a.xht deleted file mode 100644 index 8f3fad9d063..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-root-node-001a.xht +++ /dev/null @@ -1,22 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we correctly handle 'display:flex' property on - the root <html> element, with the <body> as the sole flex item. --><html style="display: flex; justify-content: center" xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'display:flex' on root node</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-root-node-001-ref.xht" rel="match" /> - <style> - html { - display: flex; - justify-content: center; - } - </style> -</head> -<body> - centered - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-root-node-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-root-node-001b.xht deleted file mode 100644 index c13527f7084..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-root-node-001b.xht +++ /dev/null @@ -1,20 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- This testcase checks that we correctly handle 'display:flex' property on - the root <html> element, with no explicit <body>. --><html style="display: flex; justify-content: center" xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing 'display:flex' on root node</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flexbox-root-node-001-ref.xht" rel="match" /> - <style> - html { - display: flex; - justify-content: center; - } - </style> -</head> -<body>centered - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-1.xht deleted file mode 100644 index 6b0b9b05a1f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-1.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> -<title>CSS Test: Single-line flex containers should clamp their line's height to the container's computed min and max cross-size.</title> -<link href="mailto:ecoal95@gmail.com" rel="author" title="Emilio Cobos Álvarez" /> -<link href="reference/flexbox-single-line-clamp-1-ref.xht" rel="match" /> -<link href="https://www.w3.org/TR/css-flexbox-1/#algo-cross-line" rel="help" /> -<style> -.container { - display: flex; - background: gray; - max-height: 200px; -} -.panel { - background: lightblue; - width: 150px; - border: 1px solid purple; - box-sizing: border-box; -} -.tall-child { - width: 50px; - height: 400px; -} -</style> -</head><body><div class="container"> - <div class="panel"> - <div class="tall-child"></div> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-2.xht deleted file mode 100644 index e366f60d74d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-2.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> -<title>CSS Test: Single-line flex containers should clamp their line's height to the container's computed min and max cross-size.</title> -<link href="mailto:ecoal95@gmail.com" rel="author" title="Emilio Cobos Álvarez" /> -<link href="reference/flexbox-single-line-clamp-2-ref.xht" rel="match" /> -<link href="https://www.w3.org/TR/css-flexbox-1/#algo-cross-line" rel="help" /> -<style> -.container { - display: flex; - background: gray; - height: 500px; - flex-direction: column; - max-width: 250px; -} -.panel { - background: lightblue; - border: 1px solid purple; -} -.small-box { - width: 100px; - height: 100px; -} -.big-box { - width: 500px; - height: 100px; -} -</style> -</head><body><div class="container"> - <div class="panel"> - <div class="small-box"></div> - </div> - <div class="panel"> - <div class="big-box"></div> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-3.xht deleted file mode 100644 index e3e899f75ea..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-single-line-clamp-3.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> -<title>CSS Test: Single-line flex containers should clamp their line's height to the container's computed min and max cross-size.</title> -<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> -<link href="reference/flexbox-single-line-clamp-3-ref.xht" rel="match" /> -<link href="https://www.w3.org/TR/css-flexbox-1/#algo-cross-line" rel="help" /> -<style> -.container { - display: flex; - background: gray; - min-height: 80px; - - /* Don't let (default) align-content:stretch save us - by stretching the line to fit the container! The point - here is that the line should already be clamped to the - container's min-height. */ - align-content: flex-start; -} -.panel { - background: lightblue; - width: 150px; -} -.contents { - height: 10px; - width: 10px; - background: purple; -} -</style> -</head> -<body><div class="container"> - <div class="panel"> - <div class="contents"></div> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-horiz-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-horiz-001.xht deleted file mode 100644 index c6013ed447f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-horiz-001.xht +++ /dev/null @@ -1,81 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This testcase checks how "min-width" and "max-width" affect the sizing - of horizontal flex containers that have no explicit "width" property. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing sizing of an auto-sized horizontal flex container with min-width and max-width constraints</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-sizing-horiz-001-ref.xht"/> - <style> - div { height: 10px; } - div.flexbox { - border: 1px dashed blue; - font-size: 10px; - display: flex; - margin-bottom: 2px; - } - div.a { - flex: 1 20px; - max-width: 60px; - background: lightgreen; - } - div.b { - flex: 1 20px; - min-width: 40px; - max-width: 60px; - background: purple; - } - div.c { - flex: 1 40px; - min-width: 10px; - max-width: 60px; - background: orange; - } - </style> - </head> - <body> - <!-- auto-sized horizontal flexbox should occupy the available width. --> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- Adding a small min-size shouldn't affect that. --> - <div class="flexbox" style="min-width: 10px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- ...but a (large) max-size will limit us to that size, instead of - our available size.--> - <div class="flexbox" style="max-width: 300px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- If we set a maximum size that's even smaller, it'll limit our - size and compress our children. --> - <div class="flexbox" style="max-width: 70px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- The max-size may be small enough that our items will overflow. --> - <div class="flexbox" style="max-width: 20px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- But if we add a min-size, it beats the max-size. Here, we use a - min-size smaller than the sum of the items' base sizes... --> - <div class="flexbox" style="min-width: 58px; max-width: 20px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- ...and here we use a min-size larger than the sum of the items' - base sizes. --> - <div class="flexbox" style="min-width: 140px; max-width: 20px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-horiz-002.xht deleted file mode 100644 index f3acb302c34..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-horiz-002.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This testcase checks how "min-height" and "max-height" affect the sizing - of horizontal flex containers that have no explicit "height" property. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing sizing of an auto-sized horizontal flex container with min-height and max-height constraints</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-sizing-horiz-002-ref.xht"/> - <style> - div { width: 200px; } - div.flexbox { - border: 1px dashed blue; - background: lightgreen; - font-size: 10px; - display: flex; - margin-bottom: 5px; - } - </style> - </head> - <body> - <!-- auto-height horizontal flexbox should shrinkwrap its contents. --> - <div class="flexbox"> - <div>text</div> - </div> - - <!-- Adding a small min-size shouldn't affect that. --> - <div class="flexbox" style="min-height: 2px"> - <div>text</div> - </div> - - <!-- ...nor should a large max-size. --> - <div class="flexbox" style="max-height: 300px"> - <div>text</div> - </div> - - <!-- OK. Now, if we set a minimum size that's larger than the shrinkwrap - size, we should jump up to that size.--> - <div class="flexbox" style="min-height: 30px"> - <div>text</div> - </div> - - <!-- If we set a maximum size that's smaller than the shrinkwrap size, - we should max out at that size.--> - <div class="flexbox" style="max-height: 6px"> - <div>text</div> - </div> - - <!-- But if we add a min-size, it beats the max-size. --> - <div class="flexbox" style="min-height: 30px; max-height: 5px"> - <div>text</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-vert-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-vert-001.xht deleted file mode 100644 index a70b95cced2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-vert-001.xht +++ /dev/null @@ -1,95 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This testcase checks how "min-height" and "max-height" affect the sizing - of vertical flex containers that have no explicit "height" property. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing sizing of an auto-sized vertical flex container with min-height and max-height constraints</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-sizing-vert-001-ref.xht"/> - <style> - div { width: 10px; } - div.flexbox { - float: left; - border: 1px dashed blue; - font-size: 10px; - display: flex; - flex-direction: column; - margin-right: 2px; - } - div.a { - flex: 1 20px; - max-height: 60px; - background: lightgreen; - } - div.b { - flex: 1 20px; - min-height: 40px; - max-height: 60px; - background: purple; - } - div.c { - flex: 1 40px; - min-height: 10px; - max-height: 60px; - background: orange; - } - </style> - </head> - <body> - <!-- floated auto-sized vertical flexbox should shrinkwrap its flex items' - hypothetical main sizes (their flex base sizes, clamped to min/max) --> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- Adding a small min-size shouldn't affect that. --> - <div class="flexbox" style="min-height: 10px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- ...nor should a large max-size. --> - <div class="flexbox" style="max-height: 300px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- OK. Now, if we set a minimum size that's larger than the shrinkwrap - size, we should jump up to that size.--> - <div class="flexbox" style="min-height: 120px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- ...even if it's large enough that our items won't occupy all the - space. --> - <div class="flexbox" style="min-height: 200px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- If we set a maximum size that's smaller than the shrinkwrap size, - we should max out at that size.--> - <div class="flexbox" style="max-height: 70px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- The max-size may be small enough that our items will overflow. --> - <div class="flexbox" style="max-height: 20px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- But if we add a min-size, it beats the max-size. Here, we use a - min-size smaller than the sum of the items' base sizes... --> - <div class="flexbox" style="min-height: 58px; max-height: 20px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- ...and here we use a min-size larger than the sum of the items' - base sizes. --> - <div class="flexbox" style="min-height: 140px; max-height: 20px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-vert-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-vert-002.xht deleted file mode 100644 index 75c5bd60500..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-sizing-vert-002.xht +++ /dev/null @@ -1,59 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This testcase checks how "min-width" and "max-width" affect the sizing - of vertical flex containers that have no explicit "width" property. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/> - <link rel="match" href="reference/flexbox-sizing-vert-002-ref.xht"/> - <style> - div { height: 100px; } - div.flexbox { - float: left; - border: 1px dashed blue; - background: lightgreen; - font-size: 10px; - display: flex; - margin-right: 10px; - } - </style> - </head> - <body> - <!-- floated auto-width vertical flexbox should shrinkwrap its contents. --> - <div class="flexbox"> - <div>AB</div> - </div> - - <!-- Adding a small min-size shouldn't affect that. --> - <div class="flexbox" style="min-width: 2px"> - <div>AB</div> - </div> - - <!-- ...nor should a large max-size. --> - <div class="flexbox" style="max-width: 300px"> - <div>AB</div> - </div> - - <!-- OK. Now, if we set a minimum size that's larger than the shrinkwrap - size, we should jump up to that size.--> - <div class="flexbox" style="min-width: 30px"> - <div>AB</div> - </div> - - <!-- If we set a maximum size that's smaller than the shrinkwrap size, - we should max out at that size.--> - <div class="flexbox" style="max-width: 3px"> - <div>AB</div> - </div> - - <!-- But if we add a min-size, it beats the max-size. --> - <div class="flexbox" style="min-width: 30px; max-width: 5px"> - <div>AB</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-table-fixup-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-table-fixup-001.xht deleted file mode 100644 index 04933cb4f56..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-table-fixup-001.xht +++ /dev/null @@ -1,59 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - Testcase with table parts inside of a flex container, which should *not* - trigger table-fixup. We use justify-content:space-between to stick packing - space between flex items, so that we can verify that e.g. a contiguous - run of <td>s will each be blockified & form its own flex item (instead of - being aggregated into a single table & single flex item). ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Testing that table cells in a flex container get blockified and each form their own flex item</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items"/> - <link rel="match" href="reference/flexbox-table-fixup-001-ref.xht"/> - <style> - div.flexbox { - border: 1px dashed blue; - width: 200px; - display: flex; - justify-content: space-around; - } - - td { - /* Remove any default padding for td elements, so we can compare them - easily against blocks in the reference case. */ - padding: 0px; - } - - .a { - background: lightgreen; - width: 48px; - } - - .b { - background: yellow; - width: 48px; - } - - .c { - background: pink; - width: 48px; - } - </style> - </head> - <body> - <!-- The adjacent table-parts in each example below should *not* be - grouped into the same flex item. --> - <!-- 2 adjacent table cells --> - <div class="flexbox"><td class="a">cell1</td><td class="b">cell2</td></div> - - <!-- Table cell followed by tbody --> - <div class="flexbox"><td class="a">cell1</td><tbody class="b">t</tbody></div> - - <!-- Empty table cell (ends up occupying 2px of width), followed by - nonempty table cell.--> - <div class="flexbox"><td/><td class="b">cell1</td></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-001a.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-001a.xht deleted file mode 100644 index 4f1cf2fe966..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-001a.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test verifies that we don't create anonymous flex items around - runs of inline content that are _purely_ whitespace. - - The test uses "white-space: pre", to try to tempt us into honoring - that whitespace. (but we should resist that temptation). - - The test also uses 'justify-content: space-around' to be sure we can - tell whether anonymous flex items are being created around the whitespace - (since they'd claim a share of the packing space if they were there). ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Test that anonymous flex items aren't created for pure-whitespace inline content</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items"/> - <link rel="match" href="reference/flexbox-whitespace-handling-001-ref.xht"/> - <style> - div { height: 100px; } - div.flexbox { - white-space: pre; - border: 1px dashed blue; - width: 200px; - display: flex; - justify-content: space-around; - } - div.a { - flex: none; - width: 30px; - background: lightgreen; - } - div.b { - flex: none; - width: 20px; - background: lightblue; - } - img { width: 40px; } - </style> - </head> - <body> - <!-- whitespace & tab after flex item --> - <div class="flexbox"><div class="a"/> </div> - - <!-- 2 spaces before flex item --> - <div class="flexbox"> <div class="a"/><div class="b"/></div> - - <!-- newline & whitespace between flex items --> - <div class="flexbox"><img src="support/solidblue.png"/> - <img src="support/solidblue.png"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-001b.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-001b.xht deleted file mode 100644 index 3c95e890efe..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-001b.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test is like the -1a variant, but with the whitespace removed between - flex items (since that whitespace should be ignored anyway, if we're - doing things right). ---><!-- XXXdholbert Does this testcase add value? - (Maybe it should be an alternate reference case.) --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Test that flex items are created correctly</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items"/> - <link rel="match" href="reference/flexbox-whitespace-handling-001-ref.xht"/> - <style> - div { height: 100px; } - div.flexbox { - border: 1px dashed blue; - width: 200px; - display: flex; - justify-content: space-around; - } - div.a { - width: 30px; - background: lightgreen; - } - div.b { - width: 20px; - background: lightblue; - } - img { width: 40px; } - </style> - </head> - <body> - <div class="flexbox"><div class="a"/></div> - - <div class="flexbox"><div class="a"/><div class="b"/></div> - - <div class="flexbox"><img src="support/solidblue.png"/><img src="support/solidblue.png"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-002.xht deleted file mode 100644 index 136d9f3014c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-whitespace-handling-002.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This test verifies that we preserve whitespace at the beginning & end of - anonymous flex items (using "white-space: pre" so that it actually - occupies space and affects the rendering). ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Test: Test that whitespace is preserved at the edges of anonymous flex items if 'white-space: pre' is set</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items"/> - <link rel="match" href="reference/flexbox-whitespace-handling-002-ref.xht"/> - <link rel="stylesheet" type="text/css" href="support/ahem.css"/> - <style> - div { height: 100px; } - div.flexbox { - white-space: pre; - border: 1px dashed blue; - width: 200px; - display: flex; - justify-content: space-around; - } - div.a { - width: 30px; - background: lightgreen; - } - div.b { - width: 20px; - background: lightblue; - } - </style> - </head> - <body> - <!-- spaces around inline content at the beginning of flexbox --> - <div class="flexbox"> abc<div class="a"/></div> - <div class="flexbox">abc <div class="a"/></div> - <div class="flexbox"> abc <div class="a"/></div> - - <!-- spaces around inline content at the end of flexbox --> - <div class="flexbox"><div class="a"/> abc</div> - <div class="flexbox"><div class="a"/>abc </div> - <div class="flexbox"><div class="a"/> abc </div> - - <!-- whitespace around inline content in between flex items --> - <div class="flexbox"><div class="a"/> abc<div class="b"/></div> - <div class="flexbox"><div class="a"/>abc <div class="b"/></div> - <div class="flexbox"><div class="a"/> abc <div class="b"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-001.xht deleted file mode 100644 index 43db2effb58..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-001.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase to ensure we handle ::before and ::after pseudo-elements on - a flex container and treat them as flex items (e.g. honoring "align-self", - and not merging them into anonymous flex items formed around text). ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that generated content nodes are treated as a flex items</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> - <link href="reference/flexbox-with-pseudo-elements-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - align-items: flex-end; - justify-content: space-between; - height: 50px; - width: 300px; - margin-bottom: 2px; - background: lightgray; - } - div.withBefore::before { - align-self: center; - content: 'b'; - background: yellow; - } - div.withAfter::after { - align-self: center; - content: 'a'; - background: lightblue; - } - </style> -</head> -<body> - <div class="flexContainer withBefore"> - x - <div>y</div> - z - </div> - <div class="flexContainer withAfter"> - x - <div>y</div> - z - </div> - <div class="flexContainer withBefore withAfter"> - x - <div>y</div> - z - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-002.xht deleted file mode 100644 index 1fd979ea07f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-002.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase to ensure we handle ::before and ::after pseudo-elements on - a flex container and treat them as flex items (e.g. honoring "order"). ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that generated content nodes are treated as a flex items, and honor 'order'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> - <link href="reference/flexbox-with-pseudo-elements-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - margin-bottom: 2px; - background: lightgray; - } - .withBefore::before { - content: 'b'; - background: yellow; - /* This 'order' value should place us after the other elements, visually, - even though we're ::before. */ - order: 1; - } - .withAfter::after { - content: 'a'; - background: lightblue; - /* This 'order' value should place us before the other elements, visually, - even though we're ::after. */ - order: -1; - } - </style> -</head> -<body> - <!-- 'b' should be at end, due to its high 'order' value: --> - <div class="flexContainer withBefore"> - <div>I</div> - </div> - - <!-- 'b' should be at beginning, since it's '::before' and the other item has - a matching 'order' value: --> - <div class="flexContainer withBefore"> - <div style="order: 1">I</div> - </div> - - <!-- 'a' should be at beginning, due to its low 'order' value: --> - <div class="flexContainer withAfter"> - <div>I</div> - </div> - - <!-- 'b' should be at beginning, since it's '::after' and the other item has - a matching 'order' value: --> - <div class="flexContainer withAfter"> - <div style="order: -1">I</div> - </div> - - <!-- As above, the ::after 'a' should be at beginning, and the ::before 'b' - should be at end, due to their 'order' values --> - <div class="flexContainer withBefore withAfter"> - <div>I</div> - </div> - - <!-- ...but now the normal item "I" has its order increased, so it'll go - at the end. --> - <div class="flexContainer withBefore withAfter"> - <div style="order: 1">I</div> - </div> - - <!-- ...and now the normal item "I" has its order reduced, so it'll go - at the beginning. --> - <div class="flexContainer withBefore withAfter"> - <div style="order: -1">I</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-003.xht deleted file mode 100644 index f4622cad58e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-with-pseudo-elements-003.xht +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase to ensure we handle ::before and ::after pseudo-elements on a - flex container, specifically when they've got display:table-row or - table-cell. - - The table-row / table-cell 'display' values should be blockified, and the - pseudo-elements should be treated as flex items. (They should not get - wrapped in an anonymous table box.) --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> - <link href="reference/flexbox-with-pseudo-elements-003-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - align-items: flex-end; - justify-content: space-between; - height: 50px; - width: 300px; - margin-bottom: 2px; - background: lightgray; - } - div.withBefore::before { - display: table-row; - content: 'b'; - background: yellow; - /* If these "align-self" & "order" properties impact the rendering (as - they should), that verifies we're being treated as a flex item. */ - align-self: center; - order: 1; - } - div.withAfter::after { - display: table-cell; - content: 'a'; - background: lightblue; - /* If these "align-self" & "order" properties impact the rendering (as - they should), that verifies we're being treated as a flex item. */ - align-self: center; - order: -1; - } - </style> -</head> -<body> - <div class="flexContainer withBefore"> - x - <div>y</div> - z - </div> - <div class="flexContainer withAfter"> - x - <div>y</div> - z - </div> - <div class="flexContainer withBefore withAfter"> - x - <div>y</div> - z - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-001.xht deleted file mode 100644 index 57397b1db2e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-001.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> - <link href="reference/flexbox-writing-mode-001-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - direction: ltr; - writing-mode: horizontal-tb; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div style="flex-flow: row wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - <div style="flex-flow: column wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-002.xht deleted file mode 100644 index 43b346bf277..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-002.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> - <link href="reference/flexbox-writing-mode-002-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - direction: ltr; - writing-mode: vertical-rl; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div style="flex-flow: row wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - <div style="flex-flow: column wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-003.xht deleted file mode 100644 index 3a591cea980..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-003.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> - <link href="reference/flexbox-writing-mode-003-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - direction: ltr; - writing-mode: vertical-lr; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div style="flex-flow: row wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - <div style="flex-flow: column wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-004.xht deleted file mode 100644 index adfbab431b8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-004.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> - <link href="reference/flexbox-writing-mode-004-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - direction: rtl; - writing-mode: horizontal-tb; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div style="flex-flow: row wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - <div style="flex-flow: column wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-005.xht deleted file mode 100644 index 3eee7a62f2b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-005.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> - <link href="reference/flexbox-writing-mode-005-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - direction: rtl; - writing-mode: vertical-rl; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div style="flex-flow: row wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - <div style="flex-flow: column wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-006.xht deleted file mode 100644 index 6719f1cfed7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-006.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> - <link href="reference/flexbox-writing-mode-006-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - direction: rtl; - writing-mode: vertical-lr; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div style="flex-flow: row wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - <div style="flex-flow: column wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-007.xht deleted file mode 100644 index 6da4b02e24e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-007.xht +++ /dev/null @@ -1,74 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <link href="reference/flexbox-writing-mode-007-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - writing-mode: horizontal-tb; - flex-flow: row wrap; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - - /* Classes applied to flex container, to customize its children - * (which should not affect their sizing): - */ - .kids_horizontal_tb > * { - writing-mode: horizontal-tb; - } - .kids_vertical_lr > * { - writing-mode: vertical-lr; - } - .kids_vertical_rl > * { - writing-mode: vertical-rl; - } - - </style> -</head> -<body> - <div class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_horizontal_tb"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_vertical_lr"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_vertical_rl"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-008.xht deleted file mode 100644 index 40cd0717f59..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-008.xht +++ /dev/null @@ -1,74 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <link href="reference/flexbox-writing-mode-008-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - writing-mode: vertical-lr; - flex-flow: row wrap; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - - /* Classes applied to flex container, to customize its children - * (which should not affect their sizing): - */ - .kids_horizontal_tb > * { - writing-mode: horizontal-tb; - } - .kids_vertical_lr > * { - writing-mode: vertical-lr; - } - .kids_vertical_rl > * { - writing-mode: vertical-rl; - } - - </style> -</head> -<body> - <div class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_horizontal_tb"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_vertical_lr"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_vertical_rl"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-009.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-009.xht deleted file mode 100644 index 81d43b61550..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-009.xht +++ /dev/null @@ -1,74 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> - <link href="reference/flexbox-writing-mode-009-ref.xht" rel="match" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - writing-mode: vertical-rl; - flex-flow: row wrap; - } - .flexContainer > * { - width: 20px; - height: 15px; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - - /* Classes applied to flex container, to customize its children - * (which should not affect their sizing): - */ - .kids_horizontal_tb > * { - writing-mode: horizontal-tb; - } - .kids_vertical_lr > * { - writing-mode: vertical-lr; - } - .kids_vertical_rl > * { - writing-mode: vertical-rl; - } - - </style> -</head> -<body> - <div class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_horizontal_tb"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_vertical_lr"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer kids_vertical_rl"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_absolute-atomic.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_absolute-atomic.xht deleted file mode 100644 index 39b2b2b1aff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_absolute-atomic.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | abspos atomic flexitems</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#abspos-items" rel="help" /> -<link href="reference/flexbox_absolute-atomic-ref.xht" rel="match" /> -<style> -body {margin: 0;} -body>div { - background: #ffcc00; - - display: flex; - justify-content: space-around; -} -div div { - background: #3366cc; - margin: 20px; -} -#abs { - position: absolute; - top: -1000px; -} -</style> - -</head><body><div> - <div>damer</div> - <div id="abs">damer</div> - <div>damer</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-center.xht deleted file mode 100644 index fd5fdc5f713..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-center.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | align-content: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/flexbox_align-content-center-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - - display: flex; - flex-wrap: wrap; - align-content: center; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-flexend.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-flexend.xht deleted file mode 100644 index 569f3617821..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-flexend.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | align-content: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/flexbox_align-content-flexend-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - - display: flex; - flex-wrap: wrap; - align-content: flex-end; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-flexstart.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-flexstart.xht deleted file mode 100644 index d208bc9d68d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-flexstart.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | align-content: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/flexbox_align-content-flexstart-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - - display: flex; - flex-wrap: wrap; - align-content: flex-start; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-spacearound.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-spacearound.xht deleted file mode 100644 index 9d24eb6733f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-spacearound.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | align-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/flexbox_align-content-spacearound-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - - display: flex; - flex-wrap: wrap; - align-content: space-around; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-spacebetween.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-spacebetween.xht deleted file mode 100644 index 79bd9f5a757..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-spacebetween.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | align-content: space-between</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/flexbox_align-content-spacebetween-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - - display: flex; - flex-wrap: wrap; - align-content: space-between; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-stretch-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-stretch-2.xht deleted file mode 100644 index 8d9532aef03..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-stretch-2.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | align-content: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/flexbox_align-content-stretch-2-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - - display: flex; - flex-wrap: wrap; - align-content: stretch; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-stretch.xht deleted file mode 100644 index 020c327946a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-content-stretch.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | align-content: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/flexbox_align-content-stretch-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - - display: flex; - flex-wrap: wrap; - align-content: stretch; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-baseline.xht deleted file mode 100644 index 57dc65400b6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-baseline.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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>flexbox | align-items: baseline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-baseline-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: baseline; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - margin-top: 1em; - height: 3em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-center-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-center-2.xht deleted file mode 100644 index 000658b9837..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-center-2.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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>flexbox | align-items: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-center-2-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: center; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - height: 3em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-center.xht deleted file mode 100644 index 0dd5d6652cd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-center.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | align-items: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-center-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: center; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 2em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexend-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexend-2.xht deleted file mode 100644 index 8b3aa3637e2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexend-2.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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>flexbox | align-items: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-flexend-2-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-end; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - height: 3em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexend.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexend.xht deleted file mode 100644 index 0503a6ca88d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexend.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | align-items: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-flexend-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-end; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexstart-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexstart-2.xht deleted file mode 100644 index 5c747e0caff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexstart-2.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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>flexbox | align-items: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-flexstart-2-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-start; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - height: 3em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexstart.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexstart.xht deleted file mode 100644 index 7051bd9e299..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-flexstart.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | align-items: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-flexstart-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-start; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-2.xht deleted file mode 100644 index cc22f6b0c38..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-2.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | align-items: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-stretch-2-ref.xht" rel="match" /> -<style> -div { - background: black; - margin: 1em 0; - width: 30em; - height: 6em; - - display: flex; - align-items: stretch; -} -span { - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) { - margin-top: 6em; -} -</style> - -</head><body><div> - <span>PASS</span> - <span></span> - <span>x</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht deleted file mode 100644 index 9ceed4f9b51..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!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: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> - <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> - <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> - <link href="reference/flexbox_align-items-stretch-writing-modes-ref.xht" rel="match" /> - <meta content="vertical-writing-mode flex items should stretch" name="assert" /> - <style> - .container { - display: flex; - width: 250px; - } - .vertical-rl { - writing-mode: vertical-rl; - } - .vertical-lr { - writing-mode: vertical-lr; - } - .item { - background-color: green; - } - .square { - height: 50px; - width: 50px; - } - .error { - position: absolute; - background-color: red; - height: 100px; - width: 250px; - z-index: -1; - } - </style> -</head> -<body> - <p>The test passes if you see a green rectangle and no red.</p> - <div class="test"> - <div class="error"></div> - <div class="container"> - <div class="horizontal item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-rl item"> - <div class="square"></div> - <div class="square"></div> - </div> - <div class="vertical-lr item"> - <div class="square"></div> - <div class="square"></div> - </div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch.xht deleted file mode 100644 index da00d907d25..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-items-stretch.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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>flexbox | align-items: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-items-stretch-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: stretch; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - margin-top: 3em; -} -span:nth-child(3) { - background: lightblue; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-auto.xht deleted file mode 100644 index bab760fc5d2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-auto.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-self: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-self-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-end; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) { - background: lightblue; - align-self: auto; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-baseline.xht deleted file mode 100644 index a6b4be10e0e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-baseline.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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>flexbox | align-self: baseline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-self-baseline-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: center; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 3em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) { - background: lightblue; - align-self: baseline; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-center.xht deleted file mode 100644 index ae4bdb82516..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-center.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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>flexbox | align-self: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-self-center-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-start; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) { - background: lightblue; - height: 4em; - align-self: center; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-flexend.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-flexend.xht deleted file mode 100644 index 49d59012dc7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-flexend.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-self: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-self-flexend-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-start; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) { - background: lightblue; - align-self: flex-end; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-flexstart.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-flexstart.xht deleted file mode 100644 index 6b3630818d4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-flexstart.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-self: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-self-flexstart-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: flex-end; -} -span { - background: white; - margin: 0 1em; - width: 8em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) { - background: lightblue; - align-self: flex-start; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-stretch.xht deleted file mode 100644 index 24e5c423177..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_align-self-stretch.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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>flexbox | align-self: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/flexbox_align-self-stretch-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - - display: flex; - align-items: center; -} -span { - background: white; - margin: 0 1em; - width: 8em; - height: 3em; - display: inline-block; - - flex: none; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) { - background: lightblue; - height: auto; - align-self: stretch; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_block.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_block.xht deleted file mode 100644 index 5e29a2c0f5a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_block.xht +++ /dev/null @@ -1,15 +0,0 @@ -<!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>flexbox | block</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -div { - background: red; - margin-top: -20em; - display: flex; -} -</style> - -</head><body><div>FAIL</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_box-clear.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_box-clear.xht deleted file mode 100644 index c6222d0f237..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_box-clear.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | cleared box</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_box-clear-ref.xht" rel="match" /> -<style> -#float { - background: #3366cc; - padding: 1em; - float: left; - -} -#flex { - background: #ffcc00; - clear: both; - display: flex; -} -div div { - background: pink; - margin: 2em; - height: 4em; -} -</style> - -</head><body><div id="float">damer</div> - -<div id="flex"> - <div>Yellow box should be below the blue box</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns-flexitems-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns-flexitems-2.xht deleted file mode 100644 index 7686818b0dd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns-flexitems-2.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | multicol on flexbox items</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_columns-flexitems-2-ref.xht" rel="match" /> -<link content="ahem" rel="flags" /> -<style> -div { - background: blue; - - display: flex; - justify-content: space-around; -} -p { - font-family: ahem; - background: yellow; - column-rule: 1em solid lime; - columns: 2; - margin: 0; - width: 200px; -} -</style> - -</head><body><div> - <p> - one two three four five - one two three four five - one two three four five - </p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns-flexitems.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns-flexitems.xht deleted file mode 100644 index afaeac96a59..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns-flexitems.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | multicol on flexbox items</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_columns-flexitems-ref.xht" rel="match" /> -<style> -div { - background: blue; - - display: flex; - justify-content: space-around; -} -p { - font-family: monospace; - background: yellow; - column-rule: 1em solid lime; - columns: 2; - width: 200px; - margin: 0; -} -</style> - -</head><body><div> - <p>one two three four five</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns.xht deleted file mode 100644 index 4c88a3d32e0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_columns.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | multicol</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_columns-ref.xht" rel="match" /> -<style> -ul { - background: black; - padding: 0; - margin: 0; - - display: flex; - justify-content: space-around; - columns: 3; - column-rule: 1em solid red; -} -</style> - -</head><body><ul> - <li>one two three four</li> - <li>damer</li> - <li>damer</li> - <li>damer</li> - <li>damer</li> -</ul> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht deleted file mode 100644 index 135eeccab7d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-content: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-content: center; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-content"), - "center"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht deleted file mode 100644 index 831de6574d8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-content: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-content: flex-end; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-content"), - "flex-end"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht deleted file mode 100644 index 44249b50ea2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-content: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-content: flex-start; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-content"), - "flex-start"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht deleted file mode 100644 index 3cb53add1d0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-content: space-around; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-content"), - "space-around"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht deleted file mode 100644 index f50b58e8fda..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-content: space-between</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-content: space-between; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-content"), - "space-between"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht deleted file mode 100644 index 41edcef2d96..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-items: baseline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-items: baseline; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-items"), - "baseline"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht deleted file mode 100644 index 228797ba890..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-items: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-items: center; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-items"), - "center"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht deleted file mode 100644 index 92d0fba1d8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-items: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-items: flex-end; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-items"), - "flex-end"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht deleted file mode 100644 index 5a73e9a4ff9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-items: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-items: flex-start; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-items"), - "flex-start"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht deleted file mode 100644 index 18276c89b99..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-items: invalid</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-items: damer; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-items"), - "stretch"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht deleted file mode 100644 index 5f47e9af1a6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-items: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-items: stretch; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-items"), - "stretch"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht deleted file mode 100644 index cb340a57aeb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-self: baseline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-self: baseline; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-self"), - "baseline"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht deleted file mode 100644 index 4038d432589..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-self: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-self: center; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-self"), - "center"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht deleted file mode 100644 index 92f7b698894..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-self: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-self: flex-end; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-self"), - "flex-end"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht deleted file mode 100644 index e51919c0afa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-self: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-self: flex-start; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-self"), - "flex-start"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht deleted file mode 100644 index 89da22b18a6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-self: invalid</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-self: damer; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-self"), - "stretch"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht deleted file mode 100644 index fcfe0093c8a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | align-self: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - align-self: stretch; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("align-self"), - "stretch"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht deleted file mode 100644 index 79074cf9544..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | display: inline-flex</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - display: inline-flex; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("display"), - "inline-flex"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht deleted file mode 100644 index 09b08812431..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | display: flex</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - display: flex; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("display"), - "flex"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht deleted file mode 100644 index cc495e7cbad..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-basis: 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-basis: 0; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "0px"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht deleted file mode 100644 index 09e1e7fbcfc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-basis: 0%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-basis: 0%; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "0px"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht deleted file mode 100644 index 23c3bb0e09d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-basis: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-basis: auto; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht deleted file mode 100644 index 9d35815cc71..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | computed style | flex-basis: percent</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -html { - display: flex; - width: 100px; -} -body { - color: red; - margin: 0; - flex-basis: 100%; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "100%"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht deleted file mode 100644 index fdc9c3c543c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-direction: column-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-direction: column-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column-reverse"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht deleted file mode 100644 index 67a185368ae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-direction: column</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-direction: column; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht deleted file mode 100644 index c2b9a631d33..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-direction: row</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-direction: damer; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht deleted file mode 100644 index ba5d250728e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-direction: row-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-direction: row-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row-reverse"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht deleted file mode 100644 index 63954650144..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-direction: row</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-direction: row; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht deleted file mode 100644 index f1da8a7c73b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: column nowrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: column nowrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht deleted file mode 100644 index 904b5f50c93..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: column-reverse nowrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: column-reverse nowrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column-reverse"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht deleted file mode 100644 index 8f4b4cb0e83..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: column-reverse wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: column-reverse wrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column-reverse"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht deleted file mode 100644 index 486c1c41bbb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | flex-flow: column-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: column-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column-reverse"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht deleted file mode 100644 index fe65c414642..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: column wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: column wrap-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap-reverse"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht deleted file mode 100644 index a73a4674f3d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: column wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: column wrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht deleted file mode 100644 index dc0bcf3d0e5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | flex-flow: column</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: column; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "column"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht deleted file mode 100644 index 8d0c1898b73..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | flex-flow: nowrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: nowrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht deleted file mode 100644 index 19a7b3f0c87..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row nowrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row nowrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht deleted file mode 100644 index 9d623705eed..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row-reverse nowrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row-reverse nowrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row-reverse"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht deleted file mode 100644 index 60883ba66ee..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row-reverse wrap-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row-reverse"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap-reverse"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht deleted file mode 100644 index be1c297a3ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row-reverse wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row-reverse wrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row-reverse"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht deleted file mode 100644 index a12ac52f03f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row-reverse"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht deleted file mode 100644 index 352f00c368e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row wrap-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap-reverse"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht deleted file mode 100644 index 57d74f782bb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row wrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht deleted file mode 100644 index a1c8b7e5ce6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | flex-flow: row</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: row; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht deleted file mode 100644 index 10ef6f6121f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | flex-flow: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-flow: wrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), - "row"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht deleted file mode 100644 index 853a8822641..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-grow: 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-grow: 0; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "0"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht deleted file mode 100644 index cbb2ecd8162..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-grow: negative</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-grow: -1; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "0"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht deleted file mode 100644 index aa1a3e7a849..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-grow: number</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-grow: 666; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "666"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht deleted file mode 100644 index fb7acc33276..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex: 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex: initial; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "0"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "1"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht deleted file mode 100644 index 8887fb6e32a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex: auto; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "1"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "1"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht deleted file mode 100644 index 012d4911afa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex: initial</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex: initial; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "0"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "1"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht deleted file mode 100644 index d70c307995b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex: invalid</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex: 0 1 1; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "0"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "1"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht deleted file mode 100644 index 23980429896..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex: none; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "0"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "0"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht deleted file mode 100644 index 4cacf47d117..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex: number</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex: 666; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "666"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "1"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "0px"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht deleted file mode 100644 index 9c82ed56fe8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | flex: invalid</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex: 666 666 666px; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), - "666"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "666"); - assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), - "666px"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht deleted file mode 100644 index 43e6601f7a4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-shrink: 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-shrink: 0; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "0"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht deleted file mode 100644 index 0fb7c36f9e7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-shrink: negative</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-shrink: -1; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "1"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht deleted file mode 100644 index b6291c82d8e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-shrink: number</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-shrink: 666; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), - "666"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht deleted file mode 100644 index e8bd5085cab..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-wrap: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-wrap: damer; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht deleted file mode 100644 index 61e632a0418..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-wrap: nowrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-wrap: nowrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "nowrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht deleted file mode 100644 index dc1ec15a11d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-wrap: wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-wrap: wrap-reverse; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap-reverse"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht deleted file mode 100644 index 620e78d4f4f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | flex-wrap: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - flex-wrap: wrap; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), - "wrap"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht deleted file mode 100644 index 4f65fd960ea..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | justify-content: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - justify-content: center; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), - "center"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht deleted file mode 100644 index 201dce65513..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | justify-content: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - justify-content: flex-end; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), - "flex-end"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht deleted file mode 100644 index 5ac96c540fe..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | justify-content: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - justify-content: flex-start; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), - "flex-start"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht deleted file mode 100644 index 60d7f68cad1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | justify-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - justify-content: space-around; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), - "space-around"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht deleted file mode 100644 index 6d836f5801f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | justify-content: space-between</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - justify-content: space-between; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), - "space-between"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht deleted file mode 100644 index 7c3e94f01e4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | computed style | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -html { - display: flex; - flex-direction: column; -} -body { - color: red; - min-height: auto; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("min-height"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht deleted file mode 100644 index 99050dff8ab..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -html { - display: flex; -} -body { - color: red; - min-width: auto; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("min-width"), - "auto"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht deleted file mode 100644 index eb0021b6e36..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | computed style | order: -1</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -html { - order: 666; -} -body { - color: red; - order: inherit; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("order"), - "666"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht deleted file mode 100644 index f41d3db40cc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | order: integer</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - order: 5; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("order"), - "5"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht deleted file mode 100644 index 3a6374f78d9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | order: noninteger</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - order: 1.5; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("order"), - "0"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht deleted file mode 100644 index b8256ed660a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | order: -1</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - order: -1; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("order"), - "-1"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht deleted file mode 100644 index 829b76a3c01..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | computed style | order: 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<meta content="dom" name="flags" /> -<style> -body { - color: red; - order: 0; -} -</style> -</head><body><div id="log"></div> -<script> -test(function() { - var body = document.body; - - assert_equals(getComputedStyle(body).getPropertyValue("order"), - "0"); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-column-reverse.xht deleted file mode 100644 index 3bb467ad85c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-column-reverse.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | flex-direction: column-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> -<link href="reference/flexbox_direction-column-reverse-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - - display: flex; - flex-direction: column-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -.test { - background: #ffcc00; -} -</style> - -</head><body><div> - <span class="test">damer</span> - <span>damer</span> - <span>damer</span> - <span>damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-column.xht deleted file mode 100644 index eb0ecbd6441..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-column.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | flex-direction: column</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> -<link href="reference/flexbox_direction-column-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - - display: flex; - flex-direction: column; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>damer</span> - <span>damer</span> - <span>damer</span> - <span>damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-row-reverse.xht deleted file mode 100644 index bf566d3b648..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_direction-row-reverse.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | flex-direction: row-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> -<link href="reference/flexbox_direction-row-reverse-ref.xht" rel="match" /> -<style> -* {font-family: monospace;} -body { - width: 10em; -} -ul { - background: blue; - padding: 0; - margin: 0; - list-style: none; - - display: flex; - flex-direction: row-reverse; -} -li { - color: white; - margin: 0; - width: 10em; -} -</style> - -</head><body><ul> - <li>IJKL</li> - <li>ABCD</li> - <li>EFGH</li> -</ul> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_display.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_display.xht deleted file mode 100644 index e1e66390f86..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_display.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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>flexbox | display error-handling</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_display-ref.xht" rel="match" /> -<style> -ul { - background: #3366cc; - padding: 0; - list-style: none; - border: 1px solid black; - - display: flex inline-flex; -} -li { - background: #ffcc00; - margin: 2em; -} -</style> - -</head><body><ul> - <li>damer</li> - <li>Antidisestablishmentarianism</li> -</ul> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_fbfc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_fbfc.xht deleted file mode 100644 index 607829b053f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_fbfc.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex formatting context :: float intrusion</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_fbfc-ref.xht" rel="match" /> -<style> -* {margin: 0;} -body {width: 600px;} -#float { - background: #3366cc; - width: 25%; - float: left; -} -#flex { - background: #ffcc00; - width: 80%; - display: flex; -} -div div { - background: pink; - margin: 2em; - height: 4em; -} -</style> - -</head><body><div id="float">damer</div> - -<div id="flex"> - <div>Yellow box should be below the blue box</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_fbfc2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_fbfc2.xht deleted file mode 100644 index db1b99940bf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_fbfc2.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | flex formatting context :: float intrusion</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_fbfc2-ref.xht" rel="match" /> -<style> -* {margin: 0;} -#float { - background: lightblue; - width: 200px; - float: left; -} -#flex { - background: #ffcc00; - margin-left: -200px; - width: 400px; - display: flex; -} -div div { - margin: 2em; -} -</style> - -</head><body><div id="float">float</div> - -<div id="flex"> - <div>Yellow box yellow box yellow box</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_first-line.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_first-line.xht deleted file mode 100644 index ecedaa0ec09..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_first-line.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | first-line</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#placement" rel="help" /> -<link href="reference/flexbox_first-line-ref.xht" rel="match" /> -<style> -ul { - background: #3366cc; - padding: 0; - list-style: none; - width: 900px; - - display: flex; - flex-wrap: wrap; -} -li { - background: #ffcc00; - margin: 2em; - border: 1px solid black; -} -ul:first-child::first-line { - justify-content: space-around; -} -</style> - -</head><body><ul> - <li>damer</li> - <li>Antidisestablishmentarianism</li> - <li>damer</li> - <li>Antidisestablishmentarianism</li> - <li>Antidisestablishmentarianism</li> - <li>damer</li> - <li>Antidisestablishmentarianism</li> - <li>damer</li> -</ul> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-0-unitless.xht deleted file mode 100644 index 8ac482a7271..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-0.xht deleted file mode 100644 index 1c5b0aa014b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-1-unitless-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-1-unitless-basis.xht deleted file mode 100644 index d2ea4669341..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-1-unitless-basis.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 N unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-unitless-basis-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 4; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N-shrink.xht deleted file mode 100644 index a093f101a23..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N-unitless-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N-unitless-basis.xht deleted file mode 100644 index d2ea4669341..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N-unitless-basis.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 N unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-unitless-basis-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 4; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N.xht deleted file mode 100644 index 8babce7b504..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-Npercent-shrink.xht deleted file mode 100644 index c8241fe377b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-Npercent.xht deleted file mode 100644 index cea7b4f0b80..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-auto-shrink.xht deleted file mode 100644 index 4d3c87ecbf0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-auto.xht deleted file mode 100644 index 43332fec543..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0.xht deleted file mode 100644 index a92ad9a30fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-0-unitless.xht deleted file mode 100644 index 35d375ece2d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-0.xht deleted file mode 100644 index 4ecf3e384f9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-1-unitless-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-1-unitless-basis.xht deleted file mode 100644 index d5ea42417c5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-1-unitless-basis.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 1 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-unitless-basis-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 1; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N-shrink.xht deleted file mode 100644 index 3cbc99b3b30..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N-unitless-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N-unitless-basis.xht deleted file mode 100644 index e175d0a5551..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N-unitless-basis.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 N unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-unitless-basis-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 4; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N.xht deleted file mode 100644 index bd03e386c5c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-Npercent-shrink.xht deleted file mode 100644 index 41987b09b83..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-Npercent.xht deleted file mode 100644 index 963098191ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-auto-shrink.xht deleted file mode 100644 index 7d4aafefaa9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-auto.xht deleted file mode 100644 index 091aa057d8d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1.xht deleted file mode 100644 index 10ac7b910de..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-1.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 1</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 1; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-0-unitless.xht deleted file mode 100644 index 5a458d30d4a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-0.xht deleted file mode 100644 index f33ade391e6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-N-shrink.xht deleted file mode 100644 index edb914994f3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-N.xht deleted file mode 100644 index f71181f383d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-Npercent-shrink.xht deleted file mode 100644 index 7a61628b5f9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-Npercent.xht deleted file mode 100644 index 9142410c3c2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-auto-shrink.xht deleted file mode 100644 index 28c85137974..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-auto.xht deleted file mode 100644 index 3eb9b491b66..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N.xht deleted file mode 100644 index 8880422c535..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 0 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-0-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 0 2; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-auto.xht deleted file mode 100644 index cc332eb2137..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-0-auto.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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>flexbox | flex: 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-initial-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 22em; - - display: flex; -} -span { - background: white; - margin: 1em; - width: 5em; - display: inline-block; - flex: 0 auto; -} -#flex span { - flex: 0 1 auto; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> - -<div id="flex"> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-0-unitless.xht deleted file mode 100644 index def88095e83..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 0 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-0.xht deleted file mode 100644 index 38fa2970b1b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-N-shrink.xht deleted file mode 100644 index 50249182200..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 0 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-N.xht deleted file mode 100644 index 8baf396d4f0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-Npercent-shrink.xht deleted file mode 100644 index 077d27e7667..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 0 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-Npercent.xht deleted file mode 100644 index efec566e7e6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-auto-shrink.xht deleted file mode 100644 index 9d89db3b879..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-auto.xht deleted file mode 100644 index 43380788ffa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0.xht deleted file mode 100644 index fda42ae9185..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-0-unitless.xht deleted file mode 100644 index 258226bd383..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-0.xht deleted file mode 100644 index 799aced3bdd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-N-shrink.xht deleted file mode 100644 index 075df478419..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-N.xht deleted file mode 100644 index a238c36217d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-Npercent-shrink.xht deleted file mode 100644 index b529b4e5cd2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-Npercent.xht deleted file mode 100644 index f9a0ee28588..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-auto-shrink.xht deleted file mode 100644 index e0efa988439..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-auto.xht deleted file mode 100644 index c16a8bead7e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1.xht deleted file mode 100644 index 6855222b1e5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-1.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 1</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-0-unitless.xht deleted file mode 100644 index 3452d925358..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-0.xht deleted file mode 100644 index 05618012cd2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-N-shrink.xht deleted file mode 100644 index 0c2bce1415f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-N.xht deleted file mode 100644 index 5ad1e9ab57b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-Npercent-shrink.xht deleted file mode 100644 index 362ef911a45..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-Npercent.xht deleted file mode 100644 index c718cc8c052..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-auto-shrink.xht deleted file mode 100644 index ca4978c255d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-auto.xht deleted file mode 100644 index 22e28c06114..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N.xht deleted file mode 100644 index 4b95d187aaf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-1-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: 1 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-1-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 2; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-0-unitless.xht deleted file mode 100644 index b856a33fdbf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-0.xht deleted file mode 100644 index a542ba05d91..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-N-shrink.xht deleted file mode 100644 index 3fc52fe1b05..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-N.xht deleted file mode 100644 index 2a9ea4f59da..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-Npercent-shrink.xht deleted file mode 100644 index b30a23af5d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-Npercent.xht deleted file mode 100644 index 8173f27fd15..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-auto-shrink.xht deleted file mode 100644 index 9572c0c6dda..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-auto.xht deleted file mode 100644 index 087b34b0bda..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0.xht deleted file mode 100644 index e95411ef342..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-0-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-0-unitless.xht deleted file mode 100644 index 669463575e1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-0.xht deleted file mode 100644 index 94fe8c42629..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-N-shrink.xht deleted file mode 100644 index ca17f3566f1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-N.xht deleted file mode 100644 index 58a4359e67c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-Npercent-shrink.xht deleted file mode 100644 index 9a6ba6049da..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-Npercent.xht deleted file mode 100644 index 925df8a785c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-auto-shrink.xht deleted file mode 100644 index 919a51f32e1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-auto.xht deleted file mode 100644 index 3e87b7b6fc1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1.xht deleted file mode 100644 index 46daec717e5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-1.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N 1</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-1-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 1; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-0-unitless.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-0-unitless.xht deleted file mode 100644 index 9831e21434c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-0-unitless.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N 0 unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 0; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-0.xht deleted file mode 100644 index da4cf33f8b1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-0.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-N-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-N-shrink.xht deleted file mode 100644 index 3e40c841237..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-N-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-N-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-N.xht deleted file mode 100644 index 87ea9703b27..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-N-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 4em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-Npercent-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-Npercent-shrink.xht deleted file mode 100644 index 493e688235c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-Npercent-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-Npercent-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-Npercent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-Npercent.xht deleted file mode 100644 index 64123a85329..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-Npercent.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-Npercent-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 20%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-auto-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-auto-shrink.xht deleted file mode 100644 index 8737e9ad0c8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-auto-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-auto-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-auto.xht deleted file mode 100644 index 198c6f9de5b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N-auto.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N.xht deleted file mode 100644 index 94d32e37dc9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-N-N.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex: N N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_flex-N-N-0-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 4 2; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-auto.xht deleted file mode 100644 index 282a9c2ad19..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-auto.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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>flexbox | flex: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-common" rel="help" /> -<link href="reference/flexbox_flex-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - - display: flex; -} -span { - background: white; - margin: 1em; - width: 5em; - display: inline-block; - - flex: auto; -} -#flex span { - flex: 1 1 auto; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> - -<div id="flex"> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-basis-shrink.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-basis-shrink.xht deleted file mode 100644 index 55fe44e7500..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-basis-shrink.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | flex-basis: percentage, flex-shrink: +integer</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/flexbox_flex-basis-shrink-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 24em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 1 1 50%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-basis.xht deleted file mode 100644 index 9d355fb86af..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-basis.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | flex-basis: percentage</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/flexbox_flex-basis-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 8em; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex-grow: 1; - flex-shrink: 0; - flex-basis: 100%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-formatting-interop.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-formatting-interop.xht deleted file mode 100644 index 03541854e35..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-formatting-interop.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | flex formatting context :: negative margins and - border box</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_flex-formatting-interop-ref.xht" rel="match" /> -<style> -* {margin: 0;} -.float { - background: lightblue; - width: 200px; - float: left; -} -#flex { - background: #ffcc00; - margin-left: -200px; - width: 200px; - - display: flex; -} -div div { - border: 2px solid transparent; - margin: 0 2em 2em; - flex: none; -} -p { - clear: both; - margin: 2em 0; -} -</style> - -</head><body><div class="float">float</div> - -<div id="flex"> - <div>xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-initial-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-initial-2.xht deleted file mode 100644 index 0dd8feded4e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-initial-2.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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>flexbox | flex: initial</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-common" rel="help" /> -<link href="reference/flexbox_flex-initial-2-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; - - display: flex; -} -span { - background: white; - margin: 1em; - width: 5em; - display: inline-block; - flex: initial; -} -#flex span { - flex: 0 1 auto; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> - -<div id="flex"> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-initial.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-initial.xht deleted file mode 100644 index c48772939eb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-initial.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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>flexbox | flex: initial</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-common" rel="help" /> -<link href="reference/flexbox_flex-initial-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 22em; - - display: flex; -} -span { - background: white; - margin: 1em; - width: 5em; - display: inline-block; - flex: initial; -} -#flex span { - flex: 0 1 auto; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> - -<div id="flex"> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht deleted file mode 100644 index a00cf10f181..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | flex: larger integer, mixed basis, auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/flexbox_flex-natural-mixed-basis-auto-ref.xht" rel="match" /> -<link content="ahem" rel="flags" /> -<style> -div { - font-family: ahem; - background: blue; - height: 8em; - width: 35em; - - display: flex; -} -span { - font-family: ahem; - background: white; - - flex: 1 1 auto; -} -span:nth-child(1) { - flex: 1 1 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>a</span> - <span>aaa</span> - <span>aaaaa</span> - <span>aaaaaaaaaaaaaaa</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis.xht deleted file mode 100644 index 1f20bf1c373..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | flex: larger integer, mixed basis</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/flexbox_flex-natural-mixed-basis-ref.xht" rel="match" /> -<style> -div { - background: blue; - height: 8em; - width: 35em; - - display: flex; -} -span { - background: white; - width: 5em; - - flex: 1 1 auto; -} -span:nth-child(1) { - flex: 1 1 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-variable-auto-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-variable-auto-basis.xht deleted file mode 100644 index fe2fdba10fa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-variable-auto-basis.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | flex: larger integer, auto basis</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/flexbox_flex-natural-variable-auto-basis-ref.xht" rel="match" /> -<style> -div { - border: 1px solid black; - height: 8em; - width: 32em; - - display: flex; -} -span { - width: 5em; - display: inline-block; - - flex: 1 1 auto; -} -span:nth-child(2) { - flex: 3 1 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-variable-zero-basis.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-variable-zero-basis.xht deleted file mode 100644 index fccbafd09bf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-variable-zero-basis.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | flex: larger integer, zero basis</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis" rel="help" /> -<link href="reference/flexbox_flex-natural-variable-zero-basis-ref.xht" rel="match" /> -<style> -div { - border: 1px solid black; - height: 8em; - width: 36em; - - display: flex; -} -span { - width: 6em; - display: block; - - flex: 1 1 0%; -} -span:nth-child(2) { - flex: 3 1 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural.xht deleted file mode 100644 index 96aaf196f70..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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>flexbox | flex: larger integer</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-common" rel="help" /> -<link href="reference/flexbox_flex-natural-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 800px; - - display: flex; -} -span { - background: white; - margin: 1em 0; - width: 5em; - display: inline-block; - - flex: 2; -} -#flex span { - flex: 666 1 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> - -<div id="flex"> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-none.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-none.xht deleted file mode 100644 index 3b6278f9e8b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-none.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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>flexbox | flex: none</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-common" rel="help" /> -<link href="reference/flexbox_flex-none-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - - display: flex; -} -span { - background: white; - margin: 1em; - width: 5em; - display: inline-block; - - flex: none; -} -#flex span { - flex: 0 0 auto; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> - -<div id="flex"> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-reverse-wrap-reverse.xht deleted file mode 100644 index 8f64d2cefd7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-reverse-wrap-reverse.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - - display: flex; - flex-flow: column-reverse wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-reverse-wrap.xht deleted file mode 100644 index fa36c679d6e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-reverse-wrap.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="reference/flexbox_flow-column-reverse-wrap-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - - display: flex; - flex-flow: column-reverse wrap; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-wrap-reverse.xht deleted file mode 100644 index fbbbd33765a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-wrap-reverse.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex-flow: column wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="reference/flexbox_flow-column-wrap-reverse-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - - display: flex; - flex-flow: column wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-wrap.xht deleted file mode 100644 index a3fdef81bc4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-column-wrap.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex-flow: column wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="reference/flexbox_flow-column-wrap-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - - display: flex; - flex-flow: column wrap; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-row-wrap-reverse.xht deleted file mode 100644 index 392abd64177..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-row-wrap-reverse.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | flex-flow: row wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="reference/flexbox_flow-row-wrap-reverse-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - - display: flex; - flex-flow: row wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-row-wrap.xht deleted file mode 100644 index 93321904ec7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flow-row-wrap.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | flex-flow: row wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="reference/flexbox_flow-row-wrap-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - - display: flex; - flex-flow: row wrap; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-flex.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-flex.xht deleted file mode 100644 index d6593b58b85..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-flex.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | flexcontainer via generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help" /> -<link href="reference/flexbox_generated-flex-ref.xht" rel="match" /> -<style> -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: "xxx"; - background: yellow; - margin: 1em; - width: 200px; - height: 2em; - display: flex; -} -</style> - -</head><body><div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-nested-flex.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-nested-flex.xht deleted file mode 100644 index d57908cc0f3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-nested-flex.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | flexcontainer via generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help" /> -<link href="reference/flexbox_generated-flex-ref.xht" rel="match" /> -<style> -div { - background: #3366cc; - border: 1px solid black; - display: flex; -} -div::after { - content: "xxx"; - background: yellow; - margin: 1em; - width: 200px; - height: 2em; - display: flex; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated.xht deleted file mode 100644 index 6c3f8be034e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help" /> -<link href="reference/flexbox_generated-ref.xht" rel="match" /> -<style> -div { - background: #3366cc; - - display: flex; -} -div::after, p { - content: "xxx"; - background: yellow; - margin: 1em; - width: 200px; - height: 2em; -} -div::after { - content: "yyy"; - display: block; -} -</style> - -</head><body><div> - <p>FAIL</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline-abspos.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline-abspos.xht deleted file mode 100644 index 6cff5bffa2f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline-abspos.xht +++ /dev/null @@ -1,16 +0,0 @@ -<!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>flexbox | absolutely positioned inline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#abspos-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -div { - background: red; - margin-top: -20em; - position: absolute; - display: inline-flex; -} -</style> - -</head><body><div>FAIL</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline-float.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline-float.xht deleted file mode 100644 index af9dd4e10b5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline-float.xht +++ /dev/null @@ -1,16 +0,0 @@ -<!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>flexbox | floated inline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -div { - background: red; - margin-top: -20em; - float: left; - display: inline-flex; -} -</style> - -</head><body><div>FAIL</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline.xht deleted file mode 100644 index 822b9f0f754..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_inline.xht +++ /dev/null @@ -1,16 +0,0 @@ -<!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>flexbox | inline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_inline-ref.xht" rel="match" /> -<style> -body {margin: 0;} -div { - background: yellow; - margin-top: -20em; - display: inline-flex; -} -</style> - -</head><body><div>HELLOWORLD</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-column-item.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-column-item.xht deleted file mode 100644 index 8e238fa5565..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-column-item.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | break-after, column, item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - border: 1px solid white; - width: 20em; - - display: flex; - flex-direction: column; -} -p { - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - p:first-child { - break-after: always; - } -} -</style> - -</head><body><h4>Enter fullscreen or print preview. You should not see the word fail - on the first page after doing that.</h4> - -<div> - <p></p> - <p>fail</p> - <p>fail</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-column-lastitem.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-column-lastitem.xht deleted file mode 100644 index 766c134fe7c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-column-lastitem.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | break-after, column, item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - background: red; - border: 1px solid white; - width: 20em; - - display: flex; - flex-direction: column; -} -p { - background: white; - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - p { - break-after: always; - } -} -</style> - -</head><body><h4>There should not be any red anytime. Enter fullscreen or print - preview. You should not see the word fail on the first page - after doing that.</h4> - -<div> - <p></p> -</div> -<h1>fail</h1> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-container.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-container.xht deleted file mode 100644 index 2e646eb573f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-container.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | break-after, singleline, container</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - background: red; - border: 1px solid white; - width: 20em; - - display: flex; -} -p { - background: white; - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - div { - break-after: always; - } -} -</style> - -</head><body><h4>There should not be any red anytime. Enter fullscreen or print - preview. You should not see the word fail on the first page - after doing that.</h4> - -<div> - <p></p> -</div> -<h1>fail</h1> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-item.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-item.xht deleted file mode 100644 index 6fdd71cb751..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-item.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | break-after, singleline, item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - background: red; - border: 1px solid white; - width: 20em; - - display: flex; -} -p { - background: white; - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - p { - break-after: always; - } -} -</style> - -</head><body><h4>There should not be any red on the first page either onload, in - print preview, or fullscreen. Enter fullscreen or print preview. - You should not see the word fail after that.</h4> - -<div> - <p></p> -</div> -<h1>fail</h1> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-line-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-line-order.xht deleted file mode 100644 index cf2f6f5ec1f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-line-order.xht +++ /dev/null @@ -1,44 +0,0 @@ -<!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>flexbox | order, break-after, multiline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - background: red; - border: 1px solid black; - width: 20em; - - display: flex; - flex-wrap: wrap; -} -p { - background: white; - margin: 0; - width: 100%; - height: 2em; - - flex: 1 0 auto; -} -p+p {background: red;} -@media projection, print { - p:first-child { - break-after: always; - background: red; - order: 0; - } - p+p { - background: yellow; - order: -1; - } -} -</style> - -</head><body><h4>Enter fullscreen or print preview. There should be no red.</h4> - -<div> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-line.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-line.xht deleted file mode 100644 index 2f59a15e1f8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-line.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | break-after, line</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - width: 20em; - - display: flex; - flex-wrap: wrap; -} -p { - background: white; - margin: 0; - width: 100%; - height: 2em; - - flex: 1 0 auto; -} -p+p {background: red;} -@media projection, print { - p:first-child { - break-after: always; - background: yellow; - } -} -</style> - -</head><body><h4>Enter fullscreen or print preview. There should be no red on the - first page.</h4> - -<div> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-multiline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-multiline.xht deleted file mode 100644 index df088fe7bda..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-after-multiline.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | break-after, multiline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - border: 1px solid white; - width: 20em; - - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 0; - height: 2em; - - flex: 1 0 10em; -} -@media projection, print { - #test {break-after: always;} - #test~p {background: red;} -} -</style> - -</head><body><h4>There should not be any red in fullscreen or print preview</h4> - -<div> - <p></p> - <p id="test"></p> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-column-firstitem.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-column-firstitem.xht deleted file mode 100644 index c59fdb024fb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-column-firstitem.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | break-before, column, item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - background: red; - border: 1px solid white; - width: 20em; - - display: flex; - flex-direction: column; -} -p { - background: white; - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - p { - break-before: always; - } -} -</style> - -</head><body><h4>There should not be any red anytime. Enter fullscreen or print - preview. You should not see the word fail on the first page - after doing that.</h4> - -<div> - <p>fail</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-column-item.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-column-item.xht deleted file mode 100644 index 61311cf207a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-column-item.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | break-before, column, item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - border: 1px solid white; - width: 20em; - - display: flex; - flex-direction: column; -} -p { - background: white; - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - p:last-child { - break-before: always; - } -} -</style> - -</head><body><h4>Enter fullscreen or print preview. You should not see the word fail - on the first page after doing that.</h4> - -<div> - <p></p> - <p></p> - <p>fail</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-container.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-container.xht deleted file mode 100644 index 220c0b7c5f6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-container.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | break-before, singleline, container</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - background: red; - border: 1px solid white; - width: 20em; - - display: flex; -} -p { - background: white; - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - div { - break-before: always; - } -} -</style> - -</head><body><h4>There should not be any red anytime. Enter fullscreen or print - preview. You should not see the word fail on the first page - after doing that.</h4> - -<div> - <p>fail</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-item.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-item.xht deleted file mode 100644 index 134a11a2a9e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-item.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | break-before, singleline, item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - background: red; - border: 1px solid white; - width: 20em; - - display: flex; -} -p { - background: white; - margin: 0; - height: 2em; - - flex: 1; -} -@media projection, print { - p { - break-before: always; - } -} -</style> - -</head><body><h4>There should not be any red anytime. Enter fullscreen or print - preview. You should not see the word fail after that.</h4> - -<div> - <p>fail</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-multiline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-multiline.xht deleted file mode 100644 index 70f658bbb02..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-before-multiline.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | break-before, multiline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1;} -div { - border: 1px solid white; - width: 20em; - - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 0; - height: 2em; - - flex: 1 0 10em; -} -@media projection, print { - #test {break-before: always;} - #test, #test+p {background: red;} -} -</style> - -</head><body><h4>There should not be any red in fullscreen or print preview</h4> - -<div> - <p></p> - <p></p> - <p id="test"></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-natural.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-natural.xht deleted file mode 100644 index b5d66f6085d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_break-natural.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | natural breaks</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* { - widows: 1; - orphans: 1; - margin: 0; - height: 100%; -} -body { - display: flex; - flex-direction: column; -} -div { - height: 75%; - flex: 0 0 auto; -} -@media print { - div { - break-inside: avoid; - } - div+div { - border-top: 1em solid red; - } -} -</style> - -</head><body><div>Enter print preview. You should not see red or the word fail on the - first page.</div> - -<div>FAIL</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-basis-transitions.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-basis-transitions.xht deleted file mode 100644 index 85cda257a4f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-basis-transitions.xht +++ /dev/null @@ -1,65 +0,0 @@ -<!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>flexbox | transitioned flex-basis</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<meta content="interact" name="flags" /> -<style> -div { - width: 20em; - height: 8em; - - display: flex; -} -span { - background: yellow; - width: 8em; - flex: 1 1 0%; -} -#test, p+div { - background: #3366cc; -} -div:hover #test { - transition: flex-basis 4s; - flex-basis: 100%; -} -p~div { - margin-right: 1em; - float: left; - display: block; -} -p~div span { - width: auto; - height: 8em; - float: left; -} -p~div~div span { - width: 5em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span id="test">four</span> -</div> - -<p>Verify that the box above looks exactly like the second of the boxes -below. Then hover the box above and leave the mouse there for 4 seconds. -After the specified time, the box above should look exactly like the -first of the boxes below.</p> - -<div> - <span>one</span> - <span>two</span> - <span>three</span> - four -</div> - -<div> - <span>one</span> - <span>two</span> - <span>three</span> - <span id="test">four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-grow-transitions.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-grow-transitions.xht deleted file mode 100644 index 8e0ac4dd03d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-grow-transitions.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!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>flexbox | transitioned flex-grow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<meta content="interact" name="flags" /> -<style> -div { - width: 20em; - height: 8em; - - display: flex; -} -span { - background: yellow; - width: 8em; - flex: 1 0 0%; -} -#test, .ref { - background: #3366cc; -} -div:hover #test { - transition: flex-grow 4s; - flex-grow: 2; -} -p~div { - margin-right: 1em; - float: left; - display: block; -} -p~div span { - width: 5em; - height: 8em; - float: left; -} -p~div~div span { - width: 4em; -} -p~div~div span.ref { - width: 8em; -} -</style> - -</head><body><div> - <span>one</span> - <span id="test">two</span> - <span>three</span> - <span>four</span> -</div> - -<p>Verify that the box above looks exactly like the first of the boxes -below. Then hover the box above and leave the mouse there for 4 seconds. -After the specified time, the box above should look exactly like the -second of the boxes below.</p> - -<div> - <span>one</span> - <span class="ref">two</span> - <span>three</span> - <span>four</span> -</div> - -<div> - <span>one</span> - <span class="ref">two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-shrink-transitions-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-shrink-transitions-invalid.xht deleted file mode 100644 index 636ce344e0e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-shrink-transitions-invalid.xht +++ /dev/null @@ -1,68 +0,0 @@ -<!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>flexbox | invalid flex-shrink transition</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<meta content="interact" name="flags" /> -<style> -div { - width: 20em; - height: 8em; - - display: flex; -} -span { - background: yellow; - width: 8em; - flex: 0 1 auto; -} -#test, .ref { - background: #3366cc; -} -div:hover #test { - transition: flex-shrink 4s; - flex-shrink: 0; -} -p~div { - margin-right: 1em; - float: left; - display: block; -} -p~div span { - width: 5em; - height: 8em; - float: left; -} -p~div~div span { - width: 4em; -} -p~div~div span.ref { - width: 8em; -} -</style> - -</head><body><div> - <span>x</span> - <span id="test"></span> - <span>x</span> - <span>x</span> -</div> - -<p>Verify that the box above looks exactly like the first of the boxes -below. Then hover the box above. On hover, <em>instantaneously</em>, the -box above should look like the second of the boxes below. Any delay -constitutes a fail.</p> - -<div> - <span>x</span> - <span class="ref"></span> - <span>x</span> - <span>x</span> -</div> - -<div> - <span>x</span> - <span class="ref"></span> - <span>x</span> - <span>x</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-shrink-transitions.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-shrink-transitions.xht deleted file mode 100644 index 6e8e4cb6914..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-shrink-transitions.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!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>flexbox | transitioned flex-shrink</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<meta content="interact" name="flags" /> -<style> -div { - width: 12em; - height: 8em; - - display: flex; -} -span { - background: yellow; - width: 8em; - flex: 0 1 auto; -} -#test, #ref { - background: #3366cc; -} -div:hover #test { - transition: flex-shrink 4s; - flex-shrink: 2; -} -p~div { - margin-right: 1em; - float: left; - display: block; -} -p~div span { - width: 3em; - height: 8em; - float: left; -} -p~div~div span { - width: 4em; -} -</style> - -</head><body><div> - <span>x</span> - <span id="test"></span> - <span>x</span> - <span>x</span> -</div> - -<p>Verify that the box above looks exactly like the first of the boxes -below. Then hover the box above and leave the mouse there for 4 -seconds. After the specified time, the blue color should disappear, and -the box above should look like the second of the boxes below.</p> - -<div> - <span>x</span> - <span id="ref"></span> - <span>x</span> - <span>x</span> -</div> - -<div> - <span>x</span> - <span>x</span> - <span>x</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-transitions.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-transitions.xht deleted file mode 100644 index 83c3a539a21..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_flex-transitions.xht +++ /dev/null @@ -1,65 +0,0 @@ -<!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>flexbox | transitioned flex</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<meta content="interact" name="flags" /> -<style> -div { - width: 20em; - height: 8em; - - display: flex; -} -span { - background: yellow; - width: 8em; - flex: 1 1 0%; -} -#test, .ref, p+div { - background: #3366cc; -} -div:hover #test { - transition: flex 4s; - flex: 0 1 100%; -} -p~div { - margin-right: 1em; - float: left; - display: block; -} -p~div span { - width: auto; - height: 8em; - float: left; -} -p~div~div span { - width: 5em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span id="test">four</span> -</div> - -<p>Verify that the box above looks exactly like the second of the boxes -below. Then hover the box above and leave the mouse there for 1+ -seconds. The box above should <em>instantaneously</em> look exactly -like the first of the boxes below.</p> - -<div> - <span>one</span> - <span>two</span> - <span>three</span> - four -</div> - -<div> - <span>one</span> - <span>two</span> - <span>three</span> - <span id="test">four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_order-transitions-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_order-transitions-2.xht deleted file mode 100644 index 3e6fb0f13ea..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_order-transitions-2.xht +++ /dev/null @@ -1,76 +0,0 @@ -<!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>flexbox | transitioned order</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<meta content="interact" name="flags" /> -<style> -div { - display: flex; -} -span { - background: yellow; - width: 1em; - height: 2em; -} -.test { - background: #3366cc; - order: 0; -} -div:hover .test { - transition: order 10s; - order: -1; -} -p~div { - margin: 1em; - float: left; - display: block; -} -p~div span { - float: left; -} -</style> - -</head><body><div> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span class="test">x</span> - <span>x</span> -</div> - -<p>Verify that the box above looks exactly like the first of the boxes -below. Then hover the box above and leave the mouse there for 1+ -seconds. After the specified time, the box above should look exactly -like the second of the boxes below.</p> - -<div> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span class="test">x</span> - <span>x</span> -</div> - -<div> - <span class="test">x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> - <span>x</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_order-transitions.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_order-transitions.xht deleted file mode 100644 index 64fed7e3395..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_order-transitions.xht +++ /dev/null @@ -1,84 +0,0 @@ -<!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>flexbox | flex-flow and transitioned order</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<meta content="interact" name="flags" /> -<style> -div { - background: blue; - padding: 0; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - - display: flex; - flex-flow: column-reverse wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - display: inline-block; -} -.one { - background: pink; - order: -1; -} -div:hover .one { - transition: order 4s; - order: 4; -} -.two { - background: yellow; - order: 3; -} -.three { - background: black; - color: white; - order: 2; -} -.four { - background: fuchsia; - color: white; - order: 1; -} -p~div { - padding: 1em 0 0; - margin-right: 1em; - height: 7em; - float: left; - display: block; -} -p~div span { - float: left; -} -</style> - -</head><body><div> - <span class="one">one</span> - <span class="two">two</span> - <span class="three">three</span> - <span class="four">four</span> -</div> - -<p>Verify that the box above looks exactly like the first of the boxes -below. Then hover the blue area above and leave the mouse there for 4 -seconds. After the specified time, the box above should look exactly -like the second of the boxes below.</p> - -<div> - <span class="two">two</span> - <span class="four">four</span> - <span class="three">three</span> - <span class="one">one</span> -</div> - -<div> - <span class="one">one</span> - <span class="three">three</span> - <span class="two">two</span> - <span class="four">four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_paged-overflow-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_paged-overflow-2.xht deleted file mode 100644 index ff352259303..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_paged-overflow-2.xht +++ /dev/null @@ -1,24 +0,0 @@ -<!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>flexbox | paged overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1; margin: 0;} -html { - overflow: -o-paged-x; -} -h4 { - position: fixed; -} -div { - display: flex; - break-before: page; - background: red; -} -</style> - -</head><body><h4>There should be NO RED onload.</h4> - -<div>FAIL</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_paged-overflow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_paged-overflow.xht deleted file mode 100644 index b60bba440c8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_interactive_paged-overflow.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!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>flexbox | @page and paged overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> -<meta content="interact paged" name="flags" /> -<style> -* {widows: 1; orphans: 1; margin: 0;} -@page { - width: 600px; - height: 3em; -} -html { - overflow: -o-paged-x; -} -h4 { - position: fixed; - top: 10em; -} -div { - width: 12em; - - display: flex; - flex-wrap: wrap; -} -p { - margin: 0; - width: 3em; - height: 4em; - - flex: auto; -} -p:nth-child(2) { - break-before: page; -} -p:nth-child(2)~p { - background: red; -} -</style> - -</head><body><h4>There should be NO RED onload.</h4> - -<div> - <p>x</p> - <p>x</p> - <p>fail</p> - <p>fail</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-bottom-float.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-bottom-float.xht deleted file mode 100644 index 235e0252d52..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-bottom-float.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | GCPM bottom float</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_item-bottom-float-ref.xht" rel="match" /> -<style> -div { - background: black; - margin: 1em; - height: 6em; - width: 400px; - - display: flex; -} -p { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; - float: -o-bottom; -} -</style> - -</head><body><div> - <p></p> - <p></p> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-clear.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-clear.xht deleted file mode 100644 index 128d46dbda0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-clear.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | cleared item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_item-clear-ref.xht" rel="match" /> -<style> -#float { - background: #3366cc; - padding: 1em; - float: left; - -} -#flex { - background: #ffcc00; - display: flex; -} -div div { - margin: 2em; - height: 4em; - clear: both; -} -</style> - -</head><body><div id="float">damer</div> - -<div id="flex"> - <div>Yellow box should be to the right of the blue box, and - never below</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-float.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-float.xht deleted file mode 100644 index 8de09f0ac46..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-float.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | floated item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_item-float-ref.xht" rel="match" /> -<style> -body>div { - background: black; - margin: 1em; - - display: flex; -} -div div { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; - float: right; -} -</style> - -</head><body><div> - <div></div> - <div></div> - <div></div> - <div></div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-top-float.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-top-float.xht deleted file mode 100644 index a32cb1d2273..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-top-float.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | floated item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_item-top-float-ref.xht" rel="match" /> -<style> -div { - background: black; - margin: 1em; - width: 400px; - - display: flex; -} -p { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; - float: -o-top-corner; -} -</style> - -</head><body><div> - <p></p> - <p></p> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-vertical-align.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-vertical-align.xht deleted file mode 100644 index 88dcfd0e2b0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_item-vertical-align.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | vertical-align</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_item-vertical-align-ref.xht" rel="match" /> -<style> -div { - background: yellow; - border: 1px solid black; - width: 600px; - - display: flex; -} -p { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; -} -#one {vertical-align: bottom;} -#two {vertical-align: top;} -#three {vertical-align: middle;} -#four {vertical-align: super;} -#five {vertical-align: sub;} -</style> - -</head><body><div> - <p id="one"></p> - <p id="two"></p> - <p id="three"></p> - <p id="four"></p> - <p id="five"></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-center-overflow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-center-overflow.xht deleted file mode 100644 index 95990f87aae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-center-overflow.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | justify-content: center / overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-center-overflow-ref.xht" rel="match" /> -<style> -div { - font-family: monospace; - background: blue; - padding: 0; - margin: 1em 0 0 10em; - border: 1px solid black; - height: 8em; - width: 4em; - - display: flex; - justify-content: center; -} -span { - background: white; - margin: 1em; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>dam</span><span>dam</span><span>dam</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-center.xht deleted file mode 100644 index f270ad63585..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-center.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | justify-content: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-center-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - - display: flex; - justify-content: center; -} -span { - background: white; - margin: 1em; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-flex-end.xht deleted file mode 100644 index 314eab03ead..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-flex-end.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | justify-content: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-flex-end-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - - display: flex; - justify-content: flex-end; -} -span { - background: white; - margin: 1em; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-flex-start.xht deleted file mode 100644 index b688ce20afa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-flex-start.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | justify-content: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-flex-start-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - - display: flex; - justify-content: flex-start; -} -span { - background: white; - margin: 1em auto; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound-negative.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound-negative.xht deleted file mode 100644 index 6a0057d422e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound-negative.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | justify-content: space-around / negative</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-spacearound-negative-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 17em; - - display: flex; - justify-content: space-around; -} -span { - background: white; - margin: 1em; - width: 4em; - display: inline-block; - - flex: 0 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound-only.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound-only.xht deleted file mode 100644 index 69b67e1ffcf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound-only.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | justify-content: space-around | single item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-spacearound-only-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - - display: flex; - justify-content: space-around; -} -span { - background: white; - margin: 1em; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -</style> - -</head><body><div> - <span>one</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound.xht deleted file mode 100644 index 7d86be9c5c4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacearound.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | justify-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-spacearound-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - - display: flex; - justify-content: space-around; -} -span { - background: white; - margin: 1em; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween-negative.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween-negative.xht deleted file mode 100644 index 038b9289e1c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween-negative.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | justify-content: space-between / negative</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-spacebetween-negative-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 17em; - - display: flex; - justify-content: space-between; -} -span { - background: white; - margin: 1em; - width: 4em; - display: inline-block; - - flex: 0 0 auto; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween-only.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween-only.xht deleted file mode 100644 index 3583b6b6cff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween-only.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | justify-content: space-between | single item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-spacebetween-only-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - - display: flex; - justify-content: space-between; -} -span { - background: white; - margin: 1em; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -</style> - -</head><body><div> - <span>one</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween.xht deleted file mode 100644 index d312ee23f97..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_justifycontent-spacebetween.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | justify-content: space-between</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_justifycontent-spacebetween-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - - display: flex; - justify-content: space-between; -} -span { - background: white; - margin: 1em; - width: 5em; - max-width: 6em; - display: inline-block; - - flex: 1 0 0%; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto-overflow-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto-overflow-2.xht deleted file mode 100644 index 08810df415d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto-overflow-2.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | margin: auto in overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#auto-margins" rel="help" /> -<link href="reference/flexbox_margin-auto-overflow-2-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; - - display: flex; -} -span { - background: white; - margin: 1em auto; - width: 12em; - display: inline-block; - flex: 0 0 auto; -} -span+span { - background: yellow; - width: 30em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto-overflow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto-overflow.xht deleted file mode 100644 index 03743605b2d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto-overflow.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | margin: auto in overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#auto-margins" rel="help" /> -<link href="reference/flexbox_margin-auto-overflow-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; - - display: flex; -} -span { - background: white; - margin: 1em auto; - width: 30em; - display: inline-block; - flex: 0 0 auto; -} -span+span {background: yellow;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto.xht deleted file mode 100644 index 4087cbaf59d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-auto.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | margin: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#auto-margins" rel="help" /> -<link href="reference/flexbox_margin-auto-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; - - display: flex; -} -span { - background: white; - margin: 1em auto; - width: 4em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-collapse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-collapse.xht deleted file mode 100644 index 11dd751d0d2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-collapse.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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>flexbox | flexitem margin collapsing</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse" rel="help" /> -<link href="reference/flexbox_margin-collapse-ref.xht" rel="match" /> -<style> -body { - margin: 0; -} -div { - background: blue; - border: 1px solid black; - display: flex; - flex-direction: column; -} -p { - margin: 1em 0; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-left-ex.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-left-ex.xht deleted file mode 100644 index 13007140343..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin-left-ex.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | margin-left: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#item-margins" rel="help" /> -<link href="reference/flexbox_margin-left-ex-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; - - display: flex; -} -span { - background: white; - margin: 1em; - display: inline-block; -} -span:last-child { - margin-left: auto; -} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin.xht deleted file mode 100644 index af49125fd1d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_margin.xht +++ /dev/null @@ -1,18 +0,0 @@ -<!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>flexbox | margins</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_margin-ref.xht" rel="match" /> -<style> -div { - background: black; - margin: 1em; - height: 4em; - - display: flex; - justify-content: space-around; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_nested-flex.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_nested-flex.xht deleted file mode 100644 index cf89ed57a4c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_nested-flex.xht +++ /dev/null @@ -1,24 +0,0 @@ -<!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>flexbox | nested flexcontainer</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/flexbox_generated-flex-ref.xht" rel="match" /> -<style> -div { - background: #3366cc; - border: 1px solid black; - display: flex; -} -p { - background: yellow; - margin: 1em; - width: 200px; - height: 2em; - display: flex; -} -</style> - -</head><body><div> - <p>xxx</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_object.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_object.xht deleted file mode 100644 index ddf7f7efdc6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_object.xht +++ /dev/null @@ -1,22 +0,0 @@ -<!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>flexbox | object fallback as a flex item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_object-ref.xht" rel="match" /> -<style> -div { - background: #ffcc00; - justify-content: space-around; - display: flex; -} -div>* { - background: #3366cc; - margin: 0; -} -</style> - -</head><body><div> - <object>this is supposed to be a flex item</object> - <p>this is supposed to be a flex item</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-abspos-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-abspos-space-around.xht deleted file mode 100644 index 67b0a3d82f1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-abspos-space-around.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | order; justify-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/flexbox_order-abspos-space-around-ref.xht" rel="match" /> -<style> -div { - background: blue; - border: 1px solid black; - width: 27em; - height: 8em; - position: relative; - - display: flex; - justify-content: space-around; -} -span { - background: yellow; - width: 5em; - flex: 0 0 auto; -} -#test { - position: absolute; - right: 0; - order: -1; -} -</style> - -</head><body><div> - <span>damer</span> - <span id="test"></span> - <span>damer</span> - <span>damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-box.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-box.xht deleted file mode 100644 index 51d79259b40..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-box.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse; order</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/flexbox_order-box-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em; - border: 1px solid black; - display: flex; -} -div div { - background: yellow; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.2em; - display: inline-block; -} -#test { - order: -1; -} -</style> - -</head><body><div> - <div> - <span>one</span> - <span>two</span> - </div> - - <div id="test"> - <span>three</span> - <span>four</span> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht deleted file mode 100644 index 7da3d4cac0d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse; order</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<link content="invalid" rel="flags" /> -<style> -div { - width: 200px; - height: 4em; - display: flex; -} -span { - background: red; - order: 1.5; - flex: 1 0 0%; -} -span+span { - background: white; - order: 0; -} -/* irrelevant */ -* {margin: 0;} -h1 { - width: 100px; - height: 4em; - background: white; - position: absolute; - top: 0; - left: 0; -} -</style> - -</head><body><div> - <span></span> - <span></span> -</div> - -<h1></h1> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order.xht deleted file mode 100644 index e0c146ad553..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse; order</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/flexbox_order-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - - display: flex; - flex-flow: column-reverse wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - display: inline-block; -} -.one { - background: pink; - order: 4; -} -.two { - background: yellow; - order: 3; -} -.three { - background: black; - color: white; - order: 2; -} -.four { - background: fuchsia; - color: white; - order: 1; -} -</style> - -</head><body><div> - <span class="one">one</span> - <span class="two">two</span> - <span class="three">three</span> - <span class="four">four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan-overflow-automatic.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan-overflow-automatic.xht deleted file mode 100644 index 4f25aeedb8e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan-overflow-automatic.xht +++ /dev/null @@ -1,65 +0,0 @@ -<!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>flexbox | flexcontainers in cells with rowspan</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_rowspan-ref.xht" rel="match" /> -<style> -table { - width: 600px; - border-spacing: 0; - overflow: hidden; -} -td { - background: blue; - padding: 0; - width: 300px; - overflow: hidden; -} -div { - background: white; - width: 300px; - height: 8em; - - display: flex; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><table> -<tbody><tr> -<td rowspan="2"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -<td> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -</tr> -<tr> -<td> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -</tr> -</tbody></table> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan-overflow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan-overflow.xht deleted file mode 100644 index 7a9ef0b158f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan-overflow.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!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>flexbox | flexcontainers in cells with rowspan</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" /> -<link href="reference/flexbox_rowspan-ref.xht" rel="match" /> -<style> -table { - width: 600px; - table-layout: fixed; - border-spacing: 0; -} -td { - background: blue; - padding: 0; - overflow: hidden; -} -div { - background: white; - width: 300px; - height: 8em; - - display: flex; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><table> -<tbody><tr> -<td rowspan="2"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -<td> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -</tr> -<tr> -<td> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -</tr> -</tbody></table> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan.xht deleted file mode 100644 index 9c0aa2f94fd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rowspan.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!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>flexbox | flexcontainers in cells with rowspan</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flexbox_rowspan-ref.xht" rel="match" /> -<style> -table { - width: 600px; - table-layout: fixed; - border-spacing: 0; -} -td { - background: blue; - padding: 0; - overflow: hidden; -} -div { - background: white; - width: 300px; - height: 8em; - - display: flex; - flex-wrap: wrap; -} -p { - margin: 1em; - width: 200px; -} -</style> - -</head><body><table> -<tbody><tr> -<td rowspan="2"> - <div> - <p> </p> - <p> </p> - <p> </p> - <p> </p> - <p> </p> - </div> -</td> -<td> - <div> - <p> </p> - <p> </p> - <p> </p> - <p> </p> - <p> </p> - </div> -</td> -</tr> -<tr> -<td> - <div> - <p> </p> - <p> </p> - <p> </p> - <p> </p> - <p> </p> - </div> -</td> -</tr> -</tbody></table> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht deleted file mode 100644 index 89b43f1846f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flex-direction: column-reverse | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> -<link href="reference/flexbox_rtl-direction-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - direction: rtl; - - display: flex; - flex-direction: column-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -.test { - background: #ffcc00; -} -</style> - -</head><body><div> - <span class="test">damer</span> - <span>damer</span> - <span>damer</span> - <span>damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht deleted file mode 100644 index f2d387df8ba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flex-flow: column wrap-reverse | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/flexbox_rtl-flow-reverse-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - direction: rtl; - - display: flex; - flex-flow: column wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht deleted file mode 100644 index ac58150ee5c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flex-flow: column wrap | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/flexbox_rtl-flow-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - direction: rtl; - - display: flex; - flex-flow: column wrap; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht deleted file mode 100644 index b86c603131f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/flexbox_rtl-order-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; - direction: rtl; - - display: flex; - flex-flow: column-reverse wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - display: inline-block; -} -.one { - background: pink; - order: 4; -} -.two { - background: yellow; - order: 3; -} -.three { - background: black; - color: white; - order: 2; -} -.four { - background: fuchsia; - color: white; - order: 1; -} -</style> - -</head><body><div> - <span class="one">one</span> - <span class="two">two</span> - <span class="three">three</span> - <span class="four">four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-abspos.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-abspos.xht deleted file mode 100644 index 9beccd2f9d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-abspos.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: abspos</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - position: absolute; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-fixpos.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-fixpos.xht deleted file mode 100644 index 812b6e273e7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-fixpos.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: fixed</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<style> -#test { - background: red; - position: fixed; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-float.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-float.xht deleted file mode 100644 index 02769aa2e2b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-float.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: float</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - float: left; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-inline-block.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-inline-block.xht deleted file mode 100644 index 1cffa8a31fe..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-inline-block.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: inline-block</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - display: inline-block; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-caption.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-caption.xht deleted file mode 100644 index 34f4a2378e9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-caption.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: table-caption</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - display: table-caption; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-cell.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-cell.xht deleted file mode 100644 index 22866e9586c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-cell.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: table cell</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - display: table-cell; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-row-group.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-row-group.xht deleted file mode 100644 index 74ecf268403..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-row-group.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: table row group</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - display: table-row-group; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-row.xht deleted file mode 100644 index a12982c39fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-row.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: table row</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - display: table-row; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-singleline-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-singleline-2.xht deleted file mode 100644 index bed75d8aedd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-singleline-2.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | singleline flexcontainer versus stf :: table</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_stf-table-singleline-ref.xht" rel="match" /> -<style> -#test { - background: blue; - display: table; -} -div div { - background: red; - width: 0; - - display: flex; -} -p { - margin: 1em 0; - width: 200px; -} -p:last-child { - margin-right: 200em; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-singleline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-singleline.xht deleted file mode 100644 index 1b91eab4fc1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table-singleline.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | singleline flexcontainer versus stf :: table</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_stf-table-singleline-ref.xht" rel="match" /> -<style> -#test { - background: red; - display: table; -} -div div { - background: red; - width: 0; - - display: flex; -} -p { - margin: 1em 0; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table.xht deleted file mode 100644 index 38759698d25..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_stf-table.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flexcontainer versus stf :: table</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -#test { - background: red; - display: table; -} -div div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - color: white; - margin: 1em; - width: 200px; -} -</style> - -</head><body><div id="test"> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_table-fixed-layout.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_table-fixed-layout.xht deleted file mode 100644 index 5a497ed1998..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_table-fixed-layout.xht +++ /dev/null @@ -1,54 +0,0 @@ -<!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>flexbox | flexcontainers in tables</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -table { - width: 0; - table-layout: fixed; - border-spacing: 0; -} -td { - background: #3366cc; - padding: 0; - overflow: hidden; -} -div { - background: white; - width: 300px; - - display: flex; - flex-wrap: wrap; -} -p { - xcolor: white; - background: yellow; - margin: 1em; - width: 200px; -} -</style> - -</head><body><table> -<tbody><tr> -<td> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -<td> - <div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - </div> -</td> -</tr> -</tbody></table> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_visibility-collapse-line-wrapping.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_visibility-collapse-line-wrapping.xht deleted file mode 100644 index 6438403a0fd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_visibility-collapse-line-wrapping.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | visibility: collapse and line wrapping</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse" rel="help" /> -<link href="reference/flexbox_visibility-collapse-line-wrapping-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; -} -p { - background: #ffcc00; - margin: 1em 0; - width: 300px; -} -.test { - background: red; - visibility: collapse; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p class="test">FAIL</p> - <p class="test">FAIL</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_visibility-collapse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_visibility-collapse.xht deleted file mode 100644 index 7f387717382..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_visibility-collapse.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | visibility: collapse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse" rel="help" /> -<link href="reference/flexbox_visibility-collapse-ref.xht" rel="match" /> -<style> -body { - margin: 0; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; -} -p { - background: #ffcc00; - margin: 2em; -} -#test { - background: red; - visibility: collapse; -} -</style> - -</head><body><div> - <p>damer</p> - <p id="test">FAIL</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_width-overflow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_width-overflow.xht deleted file mode 100644 index 3454ac09cb0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_width-overflow.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/flexbox_empty-ref.xht" rel="match" /> -<style> -div { - background: red; - height: 4em; - width: 0; - overflow: hidden; - - display: flex; - justify-content: space-around; -} -p {width: 200px;} -</style> - -</head><body><div> - <p>one two three four</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap-long.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap-long.xht deleted file mode 100644 index 33aaf751268..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap-long.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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>flexbox | flex-wrap: wrap / long items</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flexbox_wrap-long-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - - display: flex; - flex-wrap: wrap; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -span:first-child { - width: 24em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap-reverse.xht deleted file mode 100644 index fd0ce6356c6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap-reverse.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | flex-wrap: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flexbox_wrap-reverse-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - - display: flex; - flex-wrap: wrap-reverse; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap.xht deleted file mode 100644 index d51033d7b55..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_wrap.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | flex-wrap: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/flexbox_wrap-ref.xht" rel="match" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - - display: flex; - flex-wrap: wrap; -} -span { - background: white; - margin: 1em; - width: 8em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht deleted file mode 100644 index 49b2361417f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!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> - <meta charset="UTF-8" /> - <title>CSS Flexbox Test: Align content flex-start with writing mode vertical-rl.</title> - <link href="mailto:ryuichi1com@gmail.com" rel="author" title="Ryuichi Nonaka" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flow-order" rel="help" /> - <link href="reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht" rel="match" /> - <meta content="In vertical Japanese, for example, a row flexbox lays out its contents from top to bottom." name="assert" /> - <style type="text/css"> - .container { - display: flex; - - flex-wrap: wrap; - align-content: flex-start; - - writing-mode: vertical-rl; - - width: 200px; - height: 200px; - } - .item { - width: 100px; - height: 100px; - } - - .item.one - { - background: red; - } - - .item.two - { - background: yellow; - } - - .item.three - { - background: green; - } - - .item.four - { - background: blue; - } - </style> -</head> -<body> - <p>The test passes if you see green and red top, blue and yellow bottom.</p> - <!-- PAGE CONTENT --> - <div id="test"> - <div class="container"> - <div class="item one"></div> - <div class="item two"></div> - <div class="item three"></div> - <div class="item four"></div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexible-box-float.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexible-box-float.xht deleted file mode 100644 index e8dfa965fa9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexible-box-float.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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>flexible box flex item float effect</title> - <link href="mailto:liz@oupeng.com" rel="author" title="zhouli" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/flex-box-float-ref.xht" rel="match" /> - <meta content="float has no effect on flex items" name="assert" /> - <style> - #myDiv { - display: flex; - flex-flow: row wrap; - align-content: space-between; - position: relative; - } - #myDiv p{ - width: 300px; - height: 30px; - margin: 0; - } - #first-p{ - background-color: green; - float: right; - } - #second-p{ - background-color: blue; - } - #myDiv #fail-flag{ - width: 600px; - background-color: red; - position: absolute; - left: 0; - top: 0; - z-index: -1; - } - </style> -</head> -<body> - <p>'float' have no effect on a flex item.</p> - <p>The test passes if there is a green square, a blue square and no red square.</p> -<div id="myDiv"> - <p id="first-p"> </p><p id="second-p"> </p><p id="fail-flag"> </p> -</div> -<script> -</script> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-001.xht deleted file mode 100644 index 73c0ec35481..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-001.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #inline-grid { - display: inline-grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - } - - #yellow { - color: yellow; - order: 1; - } - - #lime { - color: lime; - order: 5; - } - - #magenta { - color: magenta; - order: 10; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="inline-grid"> - <div id="magenta">M</div> - <div id="lime">L</div> - <div id="yellow">Y</div> - <div id="blue">B</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-002.xht deleted file mode 100644 index 8b3e9e4fa66..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-002.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #inline-grid { - display: inline-grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: -10; - } - - #yellow { - color: yellow; - order: -5; - } - - #lime { - color: lime; - order: -1; - } - - #magenta { - color: magenta; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="inline-grid"> - <div id="magenta">M</div> - <div id="lime">L</div> - <div id="yellow">Y</div> - <div id="blue">B</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-003.xht deleted file mode 100644 index 0283292ec3f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-003.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #inline-grid { - display: inline-grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: -5; - } - - #yellow { - color: yellow; - order: -5; - } - - #lime { - color: lime; - } - - #magenta { - color: magenta; - order: 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="inline-grid"> - <div id="lime">L</div> - <div id="magenta">M</div> - <div id="blue">B</div> - <div id="yellow">Y</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-004.xht deleted file mode 100644 index f97e1062085..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-004.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #inline-grid { - display: inline-grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: 1; - } - - #yellow { - color: yellow; - order: 1; - } - - #lime { - color: lime; - order: 5; - } - - #magenta { - color: magenta; - order: 5; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="inline-grid"> - <div id="blue">B</div> - <div id="lime">L</div> - <div id="magenta">M</div> - <div id="yellow">Y</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-005.xht deleted file mode 100644 index c8a670021a9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-auto-placement-005.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #inline-grid { - display: inline-grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: -5; - } - - #yellow { - color: yellow; - order: -1; - } - - #lime { - color: lime; - order: 1; - } - - #magenta { - color: magenta; - order: 5; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="inline-grid"> - <div id="yellow">Y</div> - <div id="magenta">M</div> - <div id="blue">B</div> - <div id="lime">L</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-001.xht deleted file mode 100644 index f282d6c857d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-001.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: 1; - } - - #reference-item-overlapped-red { - color: red; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="inline-grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-002.xht deleted file mode 100644 index 76152dba23f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-002.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - } - - #reference-item-overlapped-red { - color: red; - order: -1; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="inline-grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-003.xht deleted file mode 100644 index ae20cc6e3cb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-003.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: 10; - } - - #reference-item-overlapped-red { - color: red; - order: 5; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="inline-grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-004.xht deleted file mode 100644 index 6d53a380803..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-004.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: -5; - } - - #reference-item-overlapped-red { - color: red; - order: -10; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="inline-grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-005.xht deleted file mode 100644 index cdc842304d9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-inline-order-property-painting-005.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: 1; - } - - #reference-item-overlapped-red { - color: red; - order: -1; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="inline-grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-001.xht deleted file mode 100644 index f67510ad5b4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-001.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #grid { - display: grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - } - - #yellow { - color: yellow; - order: 1; - } - - #lime { - color: lime; - order: 5; - } - - #magenta { - color: magenta; - order: 10; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="grid"> - <div id="magenta">M</div> - <div id="lime">L</div> - <div id="yellow">Y</div> - <div id="blue">B</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-002.xht deleted file mode 100644 index ae8460e87d2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-002.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #grid { - display: grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: -10; - } - - #yellow { - color: yellow; - order: -5; - } - - #lime { - color: lime; - order: -1; - } - - #magenta { - color: magenta; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="grid"> - <div id="magenta">M</div> - <div id="lime">L</div> - <div id="yellow">Y</div> - <div id="blue">B</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-003.xht deleted file mode 100644 index 957553d372a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-003.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #grid { - display: grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: -5; - } - - #yellow { - color: yellow; - order: -5; - } - - #lime { - color: lime; - } - - #magenta { - color: magenta; - order: 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="grid"> - <div id="lime">L</div> - <div id="magenta">M</div> - <div id="blue">B</div> - <div id="yellow">Y</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-004.xht deleted file mode 100644 index 0a5e4614c83..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-004.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #grid { - display: grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: 1; - } - - #yellow { - color: yellow; - order: 1; - } - - #lime { - color: lime; - order: 5; - } - - #magenta { - color: magenta; - order: 5; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="grid"> - <div id="blue">B</div> - <div id="lime">L</div> - <div id="magenta">M</div> - <div id="yellow">Y</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-005.xht deleted file mode 100644 index 38538b2cc7d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-auto-placement-005.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items auto-placement position</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/grid-2x2-blue-yellow-lime-magenta.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #grid { - display: grid; - font: 50px/1 Ahem; - grid-template-columns: auto auto; - } - - #blue { - color: blue; - order: -5; - } - - #yellow { - color: yellow; - order: -1; - } - - #lime { - color: lime; - order: 1; - } - - #magenta { - color: magenta; - order: 5; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div id="reference-overlapped-red"></div> - <div id="grid"> - <div id="yellow">Y</div> - <div id="magenta">M</div> - <div id="blue">B</div> - <div id="lime">L</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-001.xht deleted file mode 100644 index b1f04e77dd5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-001.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: 1; - } - - #reference-item-overlapped-red { - color: red; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-002.xht deleted file mode 100644 index 9f59baa8275..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-002.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - } - - #reference-item-overlapped-red { - color: red; - order: -1; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-003.xht deleted file mode 100644 index 77240d490e7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-003.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: 10; - } - - #reference-item-overlapped-red { - color: red; - order: 5; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-004.xht deleted file mode 100644 index dcc912a2578..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-004.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: -5; - } - - #reference-item-overlapped-red { - color: red; - order: -10; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-005.xht deleted file mode 100644 index 81e7466ea86..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/grid-order-property-painting-005.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'order' property affects grid items painting order</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#order-property" title="4.2 Reordered Grid Items: the order property" /> - <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#order-property" title="5.4. Display Order: the order property" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - } - - #test-item-overlapping-green { - color: green; - order: 1; - } - - #reference-item-overlapped-red { - color: red; - order: -1; - } - - .first-row-first-column { - grid-area: 1 / 1; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - - <div id="grid"> - <div id="test-item-overlapping-green" class="first-row-first-column">G</div> - <div id="reference-item-overlapped-red" class="first-row-first-column">R</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-001.xht deleted file mode 100644 index 822346b8982..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-001.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A flex container with 'justify-content' property set to 'center'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="image" name="flags" /> - <meta content="This test checks that the flex container with 'justify-content: center' centers flex items in the main axis of each line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to right, blue 0, blue 75px, red 75px, red 225px, orange 225px, orange 300px); - display: flex; - justify-content: center; - height: 100px; - width: 300px; - } - div div - { - background-color: orange; - width: 76px; - } - .blue - { - background-color: blue; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div class="blue"></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-002.xht deleted file mode 100644 index 4fd88023983..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-002.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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: A flex container with the 'justify-content' property set to 'flex-start'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="image" name="flags" /> - <meta content="This test checks that the flex container with 'justify-content: flex-start' packs flex items toward the start of the main axis of each line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to right, red 0, red 150px, orange 150px, orange 300px); - display: flex; - justify-content: center; - justify-content: flex-start; - height: 100px; - width: 300px; - } - div div - { - background-color: blue; - width: 75px; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-003.xht deleted file mode 100644 index 3fddff6d2fb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-003.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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: A flex container with the 'justify-content' property set to 'flex-end'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="image" name="flags" /> - <meta content="This test checks that the flex container with 'justify-content: flex-end' packs flex items toward the end of the main axis of each line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to right, blue 0, blue 150px, red 150px, red 300px); - display: flex; - justify-content: flex-end; - height: 100px; - width: 300px; - } - div div - { - background-color: orange; - width: 75px; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-004.xht deleted file mode 100644 index 86a49b0799e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-004.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A flex container with the 'justify-content' property set to 'space-between'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="image" name="flags" /> - <meta content="This test checks that the flex container with 'justify-content: space-between' evenly distributes flex items in the main axis of each line." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to right, red 0, red 75px, blue 75px, blue 150px, orange 150px, orange 225px, red 225px, red 300px); - display: flex; - justify-content: space-between; - height: 100px; - width: 300px; - } - div div - { - background-color: orange; - width: 76px; - } - #blue - { - background-color: blue; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div id="blue"></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-005.xht deleted file mode 100644 index cd89d0dbe57..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content-005.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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: A flex container with the 'justify-content' property set to 'space-around'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <link href="reference/justify-content-001-ref.xht" rel="match" /> - <meta content="image" name="flags" /> - <meta content="This test checks that the flex container with 'justify-content: space-around' evenly distributes flex items in the main axis of each line, with half-size spaces on either end." name="assert" /> - <style type="text/css"> - #flexbox - { - background: linear-gradient(to right, blue 0, blue 38px, red 38px, red 112px, blue 112px, blue 150px, orange 150px, orange 188px, red 188px, red 262px, orange 262px, orange 300px); - display: flex; - justify-content: space-around; - height: 100px; - width: 300px; - } - div div - { - background-color: orange; - width: 76px; - } - #blue - { - background-color: blue; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div id="blue"></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_center.xht deleted file mode 100644 index 1bac60c6ccc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_center.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: justify-content_center</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can identify the justify-content value center." name="assert" /> - <style> - #test01, #test02, #test03{ - text-align:center; - font-size: 20px; - width: 30px; - } - #test01{ - background: #7FFF00; - } - #test02{ - background: #00FFFF; - } - #test03{ - background: #4169E1; - } - #test{ - background: #ff0000; - height: 200px; - width: 200px; - display: flex; - justify-content: center; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in middle of red rectangle.<br /> - 3. equal amounts of empty space between the left edge of the red rectangle and ractangle 1 and between the right edge of the red rectangle and rectangle 3.<br /> - 4. the height of the 1, 2, 3 is the same as the height of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_flex-end.xht deleted file mode 100644 index f51e0c58d27..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_flex-end.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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 Flexible Box Test: justify-content_flex-end</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can indentify the justify-content value flex-end." name="assert" /> - <style> - #test01, #test02, #test03{ - text-align:center; - font-size: 20px; - width: 30px; - } - #test01{ - background: #7FFF00; - } - #test02{ - background: #00FFFF; - } - #test03{ - background: #4169E1; - } - #test{ - background: #ff0000; - height: 200px; - width: 200px; - display: flex; - justify-content: flex-end; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in right of red rectangle.<br /> - 3. 3. the height of the 1, 2, 3 is the same as the height of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_flex-start.xht deleted file mode 100644 index e8e89b95b58..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_flex-start.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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 Flexible Box Test: justify-content_flex-start</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can indentify the justify-content value flex-start." name="assert" /> - <style> - #test01, #test02, #test03{ - text-align:center; - font-size: 20px; - width: 30px; - } - #test01{ - background: #7FFF00; - } - #test02{ - background: #00FFFF; - } - #test03{ - background: #4169E1; - } - #test{ - background: #ff0000; - height: 200px; - width: 200px; - display: flex; - justify-content: flex-start; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row in a red rectangle and no gap between them.<br /> - 2. the rectangle 1, 2, 3 appear in left of red rectangle.<br /> - 3. the height of the 1, 2, 3 is the same as the height of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_space-around.xht deleted file mode 100644 index e3824666db0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_space-around.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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 Flexible Box Test: justify-content_space-around</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can indentify the justy-content value space-around." name="assert" /> - <style> - #test01, #test02, #test03{ - text-align:center; - font-size: 20px; - width: 30px; - } - #test01{ - background: #7FFF00; - } - #test02{ - background: #00FFFF; - } - #test03{ - background: #4169E1; - } - #test{ - background: #ff0000; - height: 200px; - width: 200px; - display: flex; - justify-content: space-around; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row in a red rectangle.<br /> - 2. the rectangle 1, 2, 3 are distributed such that the empty space between any two adjacent rectangle is the same, and the empty space of the row before the first and after the last rectangle are half the size of the other empty spaces.<br /> - 3. the height of the 1, 2, 3 is the same as the height of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_space-between.xht deleted file mode 100644 index 58adcb8e012..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/justify-content_space-between.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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 Flexible Box Test: justify-content_space-between</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can indentify the justify-content value space-between." name="assert" /> - <style> - #test01, #test02, #test03{ - text-align:center; - font-size: 20px; - width: 30px; - } - #test01{ - background: #7FFF00; - } - #test02{ - background: #00FFFF; - } - #test03{ - background: #4169E1; - } - #test{ - background: #ff0000; - height: 200px; - width: 200px; - display: flex; - justify-content: space-between; - } - </style> - </head> - <body> - <p>Test passes if:<br /> - 1. the rectangle 1, 2, 3 show up in a row in a red rectangle.<br /> - 2. No gap between the left edge of red rectangle and the left of rectangle 1, no gap between the right edge of red rectangle and the right of rectangle 3 too, and rectangle 2 is distributed so that the empty space between rectangle 1 and rectangle 3 is the same.<br /> - 3. the height of the 1, 2, 3 is the same as the height of the red rectangle.</p> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/layout-algorithm_algo-cross-line-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/layout-algorithm_algo-cross-line-001.xht deleted file mode 100644 index 75fb850678e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/layout-algorithm_algo-cross-line-001.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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 Grid Layout Test: cross size determination with overflow:scroll</title> - <link href="mailto:tomalecpub+github@gmail.com" rel="author" title="Tomek Wytrebowicz" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#algo-cross-line" rel="help" title="9.4. Cross Size Determination" /> - <link href="reference/layout-algorithm_algo-cross-line-001-ref.xht" rel="match" /> - <meta content="This test checks that correct height is applied if overflow: scroll is set" name="assert" /> - <style type="text/css"> - .flex { - width: 200px; - display: flex; - background: red; - } - - .flex>* { - background: green; - height: 200px; - flex: 1; - overflow: scroll; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square with scrollbars and <strong>no red</strong>.</p> - - <div class="flex"> - <div></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/layout-algorithm_algo-cross-line-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/layout-algorithm_algo-cross-line-002.xht deleted file mode 100644 index f425ea30ce8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/layout-algorithm_algo-cross-line-002.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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 Grid Layout Test: cross size determination with overflow:scroll</title> - <link href="mailto:tomalecpub+github@gmail.com" rel="author" title="Tomek Wytrebowicz" /> - <link href="https://www.w3.org/TR/css-flexbox-1/#algo-cross-line" rel="help" title="9.4. Cross Size Determination" /> - <link href="reference/layout-algorithm_algo-cross-line-002-ref.xht" rel="match" /> - <meta content="This test checks that correct width is applied if overflow: scroll is set" name="assert" /> - <style type="text/css"> - .flex { - width: 200px; - height: 200px; - display: flex; - background: red; - flex-direction: column; - } - - .flex>* { - background: green; - width: 200px; - height: 100px; - overflow: scroll; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square with scrollbars and <strong>no red</strong>.</p> - - <div class="flex"> - <div></div><div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-reverse-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-reverse-column-reverse.xht deleted file mode 100644 index 0f0902dca9d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-reverse-column-reverse.xht +++ /dev/null @@ -1,63 +0,0 @@ -<!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: flex container multiline wrapping-reverse in column-reverse direction.</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/multi-line-wrap-reverse-column-reverse-ref.xht" rel="match" /> - <meta content="This test check that a flex container reverse-wraps blocks multiline in column-reverse direction." name="assert" /> - <style> - * { margin:0; padding:0; font-size:100%; line-height:1; } - - #test { - display: flex; - flex-direction: column-reverse; - flex-wrap: wrap-reverse; - height: 300px; - } - - p { - margin-top: 10px; - margin-right: 10px; - background: #ccc; - } - - #col1-row1 { - height: 90px; - } - - #col1-row2 { - height: 90px; - } - - #col1-row3 { - height: 90px; - } - - #col2-row1 { - height: 140px; - } - - #col2-row2 { - height: 140px; - } - - #col3-row1 { - height: 290px; - } - - </style> - </head> - <body> - <div id="test"> - <p id="col3-row1">3-1</p> - <p id="col2-row2">2-2</p> - <p id="col2-row1">2-1</p> - <p id="col1-row3">1-3</p> - <p id="col1-row2">1-2</p> - <p id="col1-row1">1-1</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-reverse-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-reverse-row-reverse.xht deleted file mode 100644 index 9916e0910da..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-reverse-row-reverse.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!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: flex container multiline wrapping-reverse in row-reverse direction.</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/multi-line-wrap-reverse-row-reverse-ref.xht" rel="match" /> - <meta content="This test check that a flex container reverse-wraps blocks multiline in row-reverse direction." name="assert" /> - <style> - * { margin:0; padding:0; font-size:100%; line-height:1; } - - #test { - display: flex; - flex-direction: row-reverse; - flex-wrap: wrap-reverse; - width: 300px; - } - - p { - margin-top: 10px; - margin-right: 10px; - background: #ccc; - } - - #row1-col1 { - width: 90px; - } - - #row1-col2 { - width: 90px; - } - - #row1-col3 { - width: 90px; - } - - #row2-col1 { - width: 140px; - } - - #row2-col2 { - width: 140px; - } - - #row3-col1 { - width: 290px; - } - - - </style> - </head> - <body> - <div id="test"> - <p id="row3-col1">3-1</p> - <p id="row2-col2">2-2</p> - <p id="row2-col1">2-1</p> - <p id="row1-col3">1-3</p> - <p id="row1-col2">1-2</p> - <p id="row1-col1">1-1</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-with-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-with-column-reverse.xht deleted file mode 100644 index 543ebad677a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-with-column-reverse.xht +++ /dev/null @@ -1,63 +0,0 @@ -<!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: flex container multiline wrapping in column-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/multi-line-wrap-with-column-reverse-ref.xht" rel="match" /> - <meta content="This test check that a flex container wraps blocks multiline in column-reverse direction." name="assert" /> - <style> - * { margin:0; padding:0; font-size:100%; line-height:1; } - - #test { - display: flex; - flex-direction: column-reverse; - flex-wrap: wrap; - height: 300px; - } - - p { - margin-top: 10px; - margin-right: 10px; - background: #ccc; - } - - #col1-row1 { - height: 90px; - } - - #col1-row2 { - height: 90px; - } - - #col1-row3 { - height: 90px; - } - - #col2-row1 { - height: 140px; - } - - #col2-row2 { - height: 140px; - } - - #col3-row1 { - height: 290px; - } - - </style> - </head> - <body> - <div id="test"> - <p id="col1-row3">1-3</p> - <p id="col1-row2">1-2</p> - <p id="col1-row1">1-1</p> - <p id="col2-row2">2-2</p> - <p id="col2-row1">2-1</p> - <p id="col3-row1">3-1</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-with-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-with-row-reverse.xht deleted file mode 100644 index 918d3518284..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/multi-line-wrap-with-row-reverse.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!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: flex container multiline wrapping in row-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/multi-line-wrap-with-row-reverse-ref.xht" rel="match" /> - <meta content="This test check that a flex container wraps blocks multiline in row-reverse direction." name="assert" /> - <style> - #test { - display: flex; - flex-direction: row-reverse; - flex-wrap: wrap; - width: 300px; - } - - p { - margin-right: 10px; - background: #ccc; - } - - #row1-col1 { - width: 90px; - } - - #row1-col2 { - width: 90px; - } - - #row1-col3 { - width: 90px; - } - - #row2-col1 { - width: 140px; - } - - #row2-col2 { - width: 140px; - } - - #row3-col1 { - width: 290px; - } - - </style> - </head> - <body> - <div id="test"> - <p id="row1-col3">1-3</p> - <p id="row1-col2">1-2</p> - <p id="row1-col1">1-1</p> - <p id="row2-col2">2-2</p> - <p id="row2-col1">2-1</p> - <p id="row3-col1">3-1</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/negative-margins-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/negative-margins-001.xht deleted file mode 100644 index fb2b422b224..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/negative-margins-001.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexible Box Test: Negative margins</title> -<link href="https://www.google.com/" rel="author" title="Google Inc." /> -<link href="http://www.w3.org/TR/css-flexbox-1/#item-margins" rel="help" /> -<link href="reference/negative-margins-001-ref.xht" rel="match" /> -<meta content="Negative margins get floored at zero for intrinsic size computations" name="assert" /> -<style> - .container { - width: 60px; - background-color: red; - line-height: 0px; - border: 3px black solid; - } - - .flex { - display: inline-flex; - background-color: green; - } - - .item { - width: 20px; - height: 10px; - background-color: green; - } - - .first { - width: 40px; - } - - .neg-marg { - margin-left: -40px; - } -</style> -</head><body> - <p>You should see a green rectangle with a black border, 60px wide. You should see no red.</p> - - <div class="container"> - <div class="flex"> - <div class="item first"></div> - <div class="item neg-marg"></div> - <div class="item"></div> - </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-001.xht deleted file mode 100644 index f1bf2025498..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-001.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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: The 'order' property on flex items set to a value of '-1'</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that a flex container will lay out its content in the order specified by the ordinal groups." name="assert" /> - <style type="text/css"> - #flexbox - { - background-color: red; - display: flex; - width: 300px; - } - div div - { - height: 100px; - width: 150px; - } - #flexItem1 - { - background-color: orange; - } - #flexItem2 - { - background-color: blue; - order: -1; - } - </style> - </head> - <body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="flexbox"> - <div id="flexItem1"></div> - <div id="flexItem2"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht deleted file mode 100644 index 10a40038bfd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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: flex container layout lowest order with column-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - <link href="reference/order-with-column-reverse-ref.xht" rel="match" /> - <meta content="This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with column-reverse direction." name="assert" /> - <style> - #test { - display: flex; - flex-direction: column-reverse; - } - - #first { - order: 3; - } - - #second { - order: 2; - } - - #third { - order: 1; - } - p { - margin: 0; - } - </style> - </head> - <body> - <p>Test passes if the paragraph below reads 'First,Second,Third' from top.</p> - <div id="test"> - <p id="second">Second,</p> - <p id="first">First,</p> - <p id="third">Third</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-row-reverse.xht deleted file mode 100644 index bee537db176..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-row-reverse.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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: flex container layout lowest order with row-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins, Jr." /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - <meta content="" name="flags" /> - <link href="reference/order-with-row-reverse-ref.xht" rel="match" /> - <meta content="This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with row-reverse direction." name="assert" /> - <style> - #test { - display: flex; - flex-direction: row-reverse; - } - - #leftmost { - order: 1; - } - - #middle { - order: 0; - } - - #rightmost { - order: -1; - } - </style> - </head> - <body> - <p>Test passes if the paragraph below reads 'First,Second,Third' from leftmost.</p> - <div id="test"> - <p id="leftmost">First,</p> - <p id="middle">Second,</p> - <p id="rightmost">Third</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order_value.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order_value.xht deleted file mode 100644 index a73bd67fc11..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order_value.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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 Flexible Box Test: order_check</title> - <link href="http://www.intel.com" rel="author" title="Intel" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - <link href="support/test-style.css" rel="stylesheet" /> - <meta content="" name="flags" /> - <meta content="Check if the web engine can indentify order property." name="assert" /> - <style> - #test{ - height: 200px; - width: 200px; - display: flex; - } - div#test02{ - order: -1; - } - </style> - <script src="/resources/testharness.js"></script> - <script src="/resources/testharnessreport.js"></script> - </head> - <body> - <div id="log"></div> - <div id="test"><div id="test01">1</div><div id="test02">2</div><div id="test03">3</div></div> - <script type="text/javascript"> - var t = async_test(document.title, {timeout:500}); - t.step(function () { - assert_equals(document.getElementById("test01").offsetTop, document.getElementById("test02").offsetTop, "Rectangle 1 and 2 have the same offsetTop value"); - assert_equals((document.getElementById("test02").offsetLeft >= document.getElementById("test01").offsetLeft), false, "Rectangle 2 have a smaller offsetLeft value than 1."); - }); - t.done(); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/percentage-heights-000.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/percentage-heights-000.xht deleted file mode 100644 index afeeb81c406..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/percentage-heights-000.xht +++ /dev/null @@ -1,78 +0,0 @@ -<!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 Flexbox: Basic percentage heights</title> -<link href="https://www.google.com/" rel="author" title="Google" /> -<link href="https://drafts.csswg.org/css-flexbox-1/#main-sizing" rel="help" /> -<meta content="dom" name="flags" /> -<meta content="This test checks that percentage heights on a flex item correctly resolve against the container." name="assert" /> -<style> -.flexbox { - display: flex; - background-color: #aaa; - position: relative; -} -.flexbox :nth-child(1) { - background-color: blue; -} -.flexbox :nth-child(2) { - background-color: green; -} -.flexbox :nth-child(3) { - background-color: red; -} - -.flexbox > div { - width: 40%; - height: 40%; -} -.column { - flex-flow: column wrap; - width: 100px; - height: 100px; - align-content: flex-start; -} -</style> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<script src="support/check-layout-th.js"></script> -</head><body onload="checkLayout('.flexbox')"> -<div id="log"></div> - -<div class="flexbox column"> - <div data-expected-height="40" data-offset-x="0" data-offset-y="0"></div> - <div data-expected-height="40" data-offset-x="0" data-offset-y="40"></div> - <div data-expected-height="40" data-offset-x="40" data-offset-y="0"></div> -</div> - -<div class="flexbox column"> - <div style="margin-bottom: 10%" data-expected-height="40" data-offset-x="0" data-offset-y="0"></div> - <div style="margin-bottom: 20%" data-expected-height="40" data-offset-x="40" data-offset-y="0"></div> - <div data-expected-height="40" data-offset-x="40" data-offset-y="60"></div> -</div> - -<div class="flexbox column"> - <div style="flex: 1; min-height: 0; max-height: 20%" data-expected-height="20" data-offset-x="0" data-offset-y="0"></div> - <div data-expected-height="40" data-offset-x="0" data-offset-y="20"></div> - <div data-expected-height="40" data-offset-x="0" data-offset-y="60"></div> -</div> - -<div style="writing-mode: vertical-rl" class="flexbox column"> - <div data-expected-width="40" data-offset-x="60" data-offset-y="0"></div> - <div data-expected-width="40" data-offset-x="20" data-offset-y="0"></div> - <div data-expected-width="40" data-offset-x="60" data-offset-y="40"></div> -</div> - -<div style="writing-mode: vertical-rl" class="flexbox column"> - <div style="margin-bottom: 10%" data-expected-width="40" data-offset-x="60" data-offset-y="0"></div> - <div style="margin-bottom: 20%" data-expected-width="40" data-offset-x="20" data-offset-y="0"></div> - <div data-expected-width="40" data-offset-x="60" data-offset-y="60"></div> -</div> - -<div style="writing-mode: vertical-rl" class="flexbox column"> - <div style="flex: 1; min-width: 0; max-width: 20%" data-expected-width="20" data-offset-x="80" data-offset-y="0"></div> - <div data-expected-width="40" data-offset-x="40" data-offset-y="0"></div> - <div data-expected-width="40" data-offset-x="0" data-offset-y="0"></div> -</div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/Flexible-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/Flexible-order-ref.xht deleted file mode 100644 index e4b0a23c8b1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/Flexible-order-ref.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!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: Change the value of 'order' property</title> -<link href="mailto:keynesqu@sohu.com" rel="author" title="KeynesQu" /> - -<style> - -.box { - margin:0 auto; - background:#CCC; - border-radius:5px; - width:600px; -} - -.box div { - margin:0; - width:200px; - float:left; - text-align:center; -} - -.box .red { - background:#F00; -} -.box .blue { - background:#00F; -} -.box .black { - color:#FFF; - background:#000; -} - - - - -</style> - -</head> - -<body> - - -<!-- FLEX CONTAINER --> -<div class="box"> - <div class="blue">B</div> - <div class="red">A</div> - <div class="black">C</div> -</div> - - - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/align-content-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/align-content-001-ref.xht deleted file mode 100644 index eb27f973478..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/align-content-001-ref.xht +++ /dev/null @@ -1,16 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Reference</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<style> - div { - background: green; - height: 100px; - width: 300px; - } -</style> -</head><body> - <p>Test passes if there is no red visible on the page.</p> - <div></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-flexbox-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-flexbox-001-ref.xht deleted file mode 100644 index 70251d0e943..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-flexbox-001-ref.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .flex { - height: 100px; - width: 100px; - background-color: green; - } - .region { - width: 100px; - background-color: gray; - padding: 10px; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray square.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="region"> - <div class="flex"> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-flexbox-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-flexbox-003-ref.xht deleted file mode 100644 index 3b5efbbb133..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-flexbox-003-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht deleted file mode 100644 index 592b52b5e18..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .blue { - height: 60px; - width: 100px; - background-color: blue; - } - - .green { - height: 40px; - width: 100px; - background-color: green; - position: relative; - bottom: 40px; - left: 200px; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a blue rectangle and a green rectangle, from left to right in this order.</li> - <li>The blue rectangle one the left should be taller than the green rectangle on the right.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="blue"> </div> - <div class="green"> </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht deleted file mode 100644 index 329a06adce5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .content { - font-family: Ahem; - line-height: 1em; - font-size: 20px; - color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a horizontal green stripe.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXX<br /> - XXXXX - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-003-ref.xht deleted file mode 100644 index 2c6e7ac7f8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-003-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - margin-bottom: 20px; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see three horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content">XXXX</div> - <div class="content">XXXX</div> - <div class="content">XXXX</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht deleted file mode 100644 index 01fb2ac15c8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .c1, .c2 { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - } - - .c1 { - color: blue; - margin-top: 20px; - margin-bottom: 20px; - } - - .c2 { - color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a column of three horizontal stripes with colors in the following order: - green, blue, green.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="c2">XXX</div> - <div class="c1">XXX</div> - <div class="c2">XXX</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht deleted file mode 100644 index c50f32dd74a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .block { - display: inline-block; - margin: 0px; - padding: 0px; - height: 200px; - width: 100px; - } - - .blue { - background-color: blue; - } - - .green { - background-color: green; - } - - .white { - background-color: white; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you can see two squares placed on the same horizontal line. Each square consists of two - vertical halves. The left square has the left half colored green and the right half colored blue. - The right square has left half colored blue and the right half colored green.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="block green"></div><div class="block blue"></div><div class="block white"></div><div class="block blue"></div><div class="block green"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht deleted file mode 100644 index dae879fd2d3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .block { - width: 200px; - height: 200px; - } - - .blue { - background-color: blue; - } - - .green { - background-color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you can see two squares: a green square at the top and a blue square at the bottom.</li> - <li>The two squares should be of the same size.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="block green"></div> - <div class="block blue"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht deleted file mode 100644 index 88128cb0168..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .column { - display: inline-block; - margin-right: 20px; - } - - .green { - width: 100px; - height: 40px; - background-color: green; - } - - .blue { - width: 100px; - height: 40px; - background-color: blue; - } - </style> - </head> - <body> - <ul> - <li>The green and blue rectangles are regions placed inside a flexbox with column wrap flow.</li> - <li>Test passes if you see two columns with a total of 6 alternating horizontal green and blue stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="column"> - <div class="green"></div> - <div class="blue"></div> - <div class="green"></div> - </div><div class="column"> - <div class="blue"></div> - <div class="green"></div> - <div class="blue"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-004-ref.xht deleted file mode 100644 index 2f2dd51d073..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-004-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .fixed { - height: 40px; - width: 100px; - margin-bottom: 20px; - background-color: green; - position: relative; - top: 60px; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see two green stripes.</li> - <li>You should not see any red.</li> - </ul> - <div class="fixed"></div> - <div class="fixed"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-005-ref.xht deleted file mode 100644 index 63dadebc314..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-005-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .stripe { - height: 20px; - width: 80px; - display: inline-block; - margin-left: 30px; - margin-right: 26px; - margin-top: 40px; - background-color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see three horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="stripe"></div> - <div class="stripe"></div> - <div class="stripe"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht deleted file mode 100644 index 640d879dca0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .block { - display: inline-block; - height: 80px; - width: 80px; - } - - .blue { - background-color: blue; - } - - .green { - background-color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a rectangle having the left half colored green and the right half colored - blue.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="block green"></div><div class="block blue"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-007-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-007-ref.xht deleted file mode 100644 index 037928585bf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-007-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .stripe { - background-color: green; - height: 20px; - width: 80px; - margin-top: 39px; - margin-bottom: 46px; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see you three identical green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="stripe"></div> - <div class="stripe"></div> - <div class="stripe"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-008-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-008-ref.xht deleted file mode 100644 index 65d9a0fa5b9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/autoheight-regions-in-fixed-sized-flexbox-008-ref.xht +++ /dev/null @@ -1,24 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .stripe { - background-color: green; - height: 20px; - width: 80px; - margin-bottom: 20px; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see three horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="stripe"></div> - <div class="stripe"></div> - <div class="stripe"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/column-flexbox-break-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/column-flexbox-break-ref.xht deleted file mode 100644 index 95429faf73f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/column-flexbox-break-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .first, .second { - width: 80px; - background-color: green; - margin-bottom: 20px; - } - - .first { - height: 45px; - } - - .second { - height: 35px; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see two horizontal green stripes.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="first"></div> - <div class="second"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht deleted file mode 100644 index 09b0d3a1e6c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox |css-box-justify-content</title> -<link href="mailto:ava656094@gmail.com" rel="author" title="xiaoxia" /> -<style> -#flexbox { - background: green; - display: inline-block; - width: 300px; - height: 40px; - text-align:right; -} -.item{ - display: inline-block; - text-align:left; - width:50px; - height: 30px; - } -</style> - -</head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> -<div id="flexbox"> - <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> - <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> - <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> - <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> - <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-column-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-column-ref.xht deleted file mode 100644 index 45c6e583630..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-column-ref.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <style type="text/css"> - .container { - color: white; - width: 9em; - } - .item { - writing-mode: vertical-rl; - background: green; - height: 4em; - width: 1.5em; - float: right; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p> - <div class="container"> - <div class="item">１２３</div> - <div class="item">ａｂｃ</div> - <div class="item">４５６</div> - <div class="item">ｄｅｆ</div> - <div class="item">７８９</div> - <div class="item">ｓｔｕ</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-height-animation-stretch-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-height-animation-stretch-ref.xht deleted file mode 100644 index 0fb11afbb7d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-height-animation-stretch-ref.xht +++ /dev/null @@ -1,22 +0,0 @@ -<!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 Flexbox Test: Items stretch correctly while content is animating</title> - <link href="mailto:micky2be@gmail.com" rel="author" title="Micky Brunetti" /> - <style> - @keyframes resize { - 0% {height: 100px;} - 100% {height: 50px;} - } - .test { - height: 100px; - width: 200px; - background-color: green; - animation: resize 500ms infinite alternate; - } - </style> -</head> -<body> - <p>The test passes if you keep seeing a green rectangle and no red.</p> - <div class="test"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht deleted file mode 100644 index 49730ad1fae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 href="mailto:agektmr+github@gmail.com" rel="author" title="Eiji Kitamura" /> - <style type="text/css"> - - /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ - div.flexbox { - height: 50px; - width: 300px; - border: 2px dotted black; - } - img { - width: 98px; - height: 48px; - background: purple; - border: 1px solid white; - } - - </style> -</head> -<body> - <p>3 rectangular images fill out border.</p> - - <!-- PAGE CONTENT --> - <div class="flexbox"> - <!-- It is important that there is no linebreak between the <img> tags. - The line break would be rendered as whitespace, breaking the test. - --> - <img src="../support/solidblue.png" /><img src="../support/solidblue.png" /><img src="../support/solidblue.png" /> - </div> - - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht deleted file mode 100644 index c7989de8419..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <style type="text/css"> - .container { - color: white; - } - .item { - writing-mode: vertical-rl; - background: green; - height: 3em; - width: 3em; - line-height: 1.5em; - } - </style> -</head> -<body> - <p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p> - - <div class="container"> - <div class="item">１２３<br />ａｂｃ</div> - <div class="item">４５６<br />ｄｅｆ</div> - <div class="item">７８９<br />ｇｈｉ</div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-test1-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-test1-ref.xht deleted file mode 100644 index 22db779d807..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-test1-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:info@ogaoga.org" rel="author" title="Tsutomu ogaoga Ogasawara" /> - <style type="text/css"> - .container { - color: white; - } - .item { - writing-mode: vertical-rl; - background: green; - height: 3em; - width: 3em; - } - </style> -</head> -<body> - - <p>The test passes if you see a tall green box with pairs of the digits 1-9 listed top to bottom in two columns.</p> - - <div class="container"> - <div class="item">１２３<br />１２３</div> - <div class="item">４５６<br />４５６</div> - <div class="item">７８９<br />７８９</div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht deleted file mode 100644 index d77749cbe0a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!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 Flex-basis Test</title> - <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> - <style type="text/css"> - #container { - display: flex; - justify-content: center; - align-items: center; - border: 5px solid green; - width: 600px; - height: 200px; - padding: 5px; - border-radius: 3px; - position: absolute; - top: 70px; - left: 10px; - } - #a { - top: 148px; - left: 239px; - border: 2px dotted blue; - background: green; - border-radius: 3px; - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: none; - } - #b { - top: 148px; - left: 293px; - border: 2px dotted blue; - background: green; - border-radius: 3px; - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: none; - } - #c { - top: 148px; - left: 347px; - border: 2px dotted blue; - background: green; - border-radius: 3px; - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: none; - } - </style> - </head> - <body> - <p>This case tests that flex items center</p> - <p>The test passes if there is no red</p> - <section id="container"> - </section> - <div style="position:absolute" id="a"></div> - <div style="position:absolute" id="b"></div> - <div style="position:absolute" id="c"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-float-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-float-ref.xht deleted file mode 100644 index a0ccc3c7932..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-float-ref.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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>flexible box flex item float effect</title> - <link href="mailto:liz@oupeng.com" rel="author" title="zhouli" /> - <style> - #myDiv{ - position: relative; - } - #myDiv p{ - width: 300px; - height: 30px; - display: inline-block; - margin: 0; - } - #first-p{ - background-color: green; - } - #second-p{ - background-color: blue; - } - #myDiv #fail-flag{ - width: 600px; - background-color: red; - position: absolute; - left: 0; - top: 0; - z-index: -1; - } - </style> -</head> -<body> - <p>'float' have no effect on a flex item.</p> - <p>The test passes if there is a green square, a blue square and no red square.</p> -<div id="myDiv"> - <p id="first-p"> </p><p id="second-p"> </p><p id="fail-flag"> </p> -</div> -<script> -</script> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-wrap-ref.xht deleted file mode 100644 index f8cc282ffc6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-wrap-ref.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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 Flexbox Test: flex-wrap: wrap</title> - <link href="mailto:tokuda109@gmail.com" rel="author" title="Tsuyoshi Tokuda" /> - <style type="text/css"> - - .box { - margin: 0; - padding-left: 0; - width: 200px; - } - .item { - float: left; - list-style-type: none; - width: 120px; - height: 100px; - background-color: green; - } - - </style> -</head> -<body> - <p>There should be a green block with no red.</p> - - <ul class="box"> - <li class="item">width: 120px</li> - <li class="item">width: 120px</li> - </ul> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-container-margin-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-container-margin-ref.xht deleted file mode 100644 index 38187fe38ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-container-margin-ref.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<style> - .flex-container{ - display:block; - margin:20px; - background: #333; - line-height: 0px; - } - .flex-item{ - display: inline-block; - width:50px; - height:50px; - margin:20px 20px; - background: #eee; - } - .flex-item.first{ - margin-left:20px; - } - .flex-item.last{ - margin-right: 20px; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item first"></div><div class="flex-item"></div><div class="flex-item last"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-modify.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-modify.xht deleted file mode 100644 index 6cc080372f3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-modify.xht +++ /dev/null @@ -1,44 +0,0 @@ -<!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: flex flow direction</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - display: inline-block; - width:50px; - height:50px; - margin:20px; - background: #eee; - line-height: 50px; - text-align: center; - } - - - .flex-container.flex-direction-row{ - flex-direction : row; - } - - .flex-container.flex-direction-row-reverse{ - flex-direction : row-reverse; - } - - .flex-container.flex-direction-column{ - flex-direction : column; - } - .flex-container.flex-direction-column-reverse{ - flex-direction : column-reverse; - } -</style> -</head> -<body> - <h1>flex-direction:row</h1> - <div class="flex-container flex-direction-row" id="flex_container"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-with-element-insert.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-with-element-insert.xht deleted file mode 100644 index 9db9d78f559..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-with-element-insert.xht +++ /dev/null @@ -1,76 +0,0 @@ -<!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: flex flow direction</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<style> - .flex-container{ - display:block; - margin:20px; - background: #333; - line-height: 0px; - } - .flex-item{ - display: inline-block; - width:50px; - height:50px; - margin:20px 20px; - background: #eee; - line-height: 50px; - text-align: center; - } - - .flex-container.flex-direction-row{ - flex-direction : row; - } - .flex-container.flex-direction-row-reverse{ - text-align: right; - } - - .flex-container.flex-direction-column{ - padding:20px 0px; - } - - .flex-container.flex-direction-column .flex-item{ - display: block; - margin:40px 20px; - } - - .flex-container.flex-direction-column .flex-item.first{ - margin-top:0px; - } - .flex-container.flex-direction-column .flex-item.last{ - margin-bottom:0px; - } - - .flex-container.flex-direction-column-reverse{ - padding:20px 0px; - } - - .flex-container.flex-direction-column-reverse .flex-item{ - display: block; - margin:40px 20px; - } - - .flex-container.flex-direction-column-reverse .flex-item.first{ - margin-top:0px; - } - .flex-container.flex-direction-column-reverse .flex-item.last{ - margin-bottom:0px; - } -</style> -</head> -<body> - <h1>flex-direction:row</h1> - <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item">new</div></div> - - <h1>flex-direction:row-reverse</h1> - <div class="flex-container flex-direction-row-reverse"><div class="flex-item">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div> - - <h1>flex-direction:column</h1> - <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item last">new</div></div> - - <h1>flex-direction:column-reverse</h1> - <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction.xht deleted file mode 100644 index 6ef502a442e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction.xht +++ /dev/null @@ -1,76 +0,0 @@ -<!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: flex flow direction</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<style> - .flex-container{ - display:block; - margin:20px; - background: #333; - line-height: 0px; - } - .flex-item{ - display: inline-block; - width:50px; - height:50px; - margin:20px 20px; - background: #eee; - line-height: 50px; - text-align: center; - } - - .flex-container.flex-direction-row{ - flex-direction : row; - } - .flex-container.flex-direction-row-reverse{ - text-align: right; - } - - .flex-container.flex-direction-column{ - padding:20px 0px; - } - - .flex-container.flex-direction-column .flex-item{ - display: block; - margin:40px 20px; - } - - .flex-container.flex-direction-column .flex-item.first{ - margin-top:0px; - } - .flex-container.flex-direction-column .flex-item.last{ - margin-bottom:0px; - } - - .flex-container.flex-direction-column-reverse{ - padding:20px 0px; - } - - .flex-container.flex-direction-column-reverse .flex-item{ - display: block; - margin:40px 20px; - } - - .flex-container.flex-direction-column-reverse .flex-item.first{ - margin-top:0px; - } - .flex-container.flex-direction-column-reverse .flex-item.last{ - margin-bottom:0px; - } -</style> -</head> -<body> - <h1>flex-direction:row</h1> - <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - - <h1>flex-direction:row-reverse</h1> - <div class="flex-container flex-direction-row-reverse"><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div> - - <h1>flex-direction:column</h1> - <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item last">3</div></div> - - <h1>flex-direction:column-reverse</h1> - <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-childmargin-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-childmargin-ref.xht deleted file mode 100644 index c07ec2707ae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-childmargin-ref.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!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: childNodes' 'margin' property of flex item'</title> - <link href="mailto:csf178@gmail.com" rel="author" title="Shaofei Cheng" /> - <meta content="" name="flags" /> - <style> - #test - { - background: blue; - display: block; - height:300px; - position:relative; - } - #test>div.flex { - width: 100px; - background:red; - } - #test>div.fixed - { - height: 300px; - flex:1; - background:red; - } - #test p - { - margin:200px 0 0 0; - } - </style> - -</head> -<body> -<div id="test"> - <div class="fixed"> - <p style="width:100px;height:100px;background:orange;position:absolute;left:0px;bottom:0px;"> - a - </p> - </div> - <div class="flex"> - <p style="width:100px;height:100px;background:green;position:absolute;right:0px;bottom:0px;"> - b - </p> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht deleted file mode 100644 index 1bf6ef05ffc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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: childNodes' 'margin' property of flex item'</title> - <link href="mailto:csf178@gmail.com" rel="author" title="Shaofei Cheng" /> - <meta content="" name="flags" /> - <style> - #test - { - background: blue; - position:relative; - height:300px; - width:101px; - } - p - { - position:absolute; - margin:0 0 0 0; - } - </style> - -</head> -<body> -<div id="test"> - <div id="test"> - <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p> - <p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-001-ref.xht deleted file mode 100644 index 124b836a68b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-001-ref.xht +++ /dev/null @@ -1,21 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test Reference File</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<style> - div { - background-color: green; - float: left; - height: 50px; - width: 25px; - } -</style> -</head><body> - <p>Test passes if there is a filled green rectangle whose width is greater than height - and the number within rectangle is '1 2 3 4' from left to right.</p> - <div>1</div> - <div>2</div> - <div>3</div> - <div>4</div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-002-ref.xht deleted file mode 100644 index 507a544c450..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-002-ref.xht +++ /dev/null @@ -1,24 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test Reference File</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<style> - div { - background-color: green; - height: 50px; - width: 50px; - } - .float { - margin-left: 50px; - margin-top: -50px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and <strong>no red</strong>, the number within square is '1 2 3 4' - from left to right, top to bottom.</p> - <div>1</div> - <div class="float">2</div> - <div>3</div> - <div class="float">4</div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-007-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-007-ref.xht deleted file mode 100644 index d7af0f54de2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flow-007-ref.xht +++ /dev/null @@ -1,19 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Flexbox Test Reference File</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<style> - div { - background-color: green; - height: 25px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a filled green square and no red, the number within square is '1 2 3 4' from top to bottom.</p> - <div>1</div> - <div>2</div> - <div>3</div> - <div>4</div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-grow-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-grow-001-ref.xht deleted file mode 100644 index 54925150824..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-grow-001-ref.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Reftest Reference</title> - <link rel="author" title="Hanrui Gao" href="mailto:hanrui.gao@gmail.com" /> - <style type="text/css"><![CDATA[ - #container { - width: 240px; - height: 60px; - border: 1px solid #000; - } - #container > div { - height: 100%; - float: left; - } - #child_1 { - width: 30px; - background-color: green; - } - #child_2 { - width: 80px; - background-color: blue; - } - #child_3 { - width: 130px; - background-color: gray; - } - ]]></style> - </head> - <body> - <div id="container"> - <div id="child_1"></div> - <div id="child_2"></div> - <div id="child_3"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht deleted file mode 100644 index c77e60cdd7d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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 Flex-basis Test</title> - <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> - <style type="text/css"> - #container { - border: 5px solid green; - width: 600px; - height: 200px; - padding: 5px; - border-radius: 3px; - position: absolute; - top: 70px; - left: 10px; - } - #flex { - border: 2px dotted blue; - background: green; - border-radius: 3px; - position: absolute; - top: 73px; - left: 166.5px; - width: 253px; - height: 40px; - padding: 10px; - } - </style> - </head> - <body> - <p>This case tests that flex items flexibility</p> - <p>The test passes if there is no red</p> - <section id="container"> - <div id="flex"></div> - </section> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-margin-no-collapse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-margin-no-collapse-ref.xht deleted file mode 100644 index 2b962ba1b77..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-margin-no-collapse-ref.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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 Flexible Box Reference File</title> - <link href="mailto:phuangce@gmail.com" rel="author" title="Ping Huang" /> - <style type="text/css"> - #container { - position: absolute; - top: 100px; - left: 10px; - width: 200px; - height: 300px; - } - - .box { - width: 100px; - height: 100px; - background-color: green; - } - - #box1 { - margin: 50px 0; - } - - #box2 { - margin: 100px 0; - } - - </style> -</head> -<body> - <p>The test passes if there are two green boxes and no red.</p> - <div id="container"> - <div class="box" id="box1"></div> - <div class="box" id="box2"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-order-ref.xht deleted file mode 100644 index 527604fc061..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-order-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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: flex order</title> - <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> - <style> - #container { display: flex; } - #highOrdinal { - background: lime; - height: 100px; width: 100px; - } - #middleOrdinal { - background: orange; - height: 100px; width: 100px; - } - #lowOrdinal { - background: red; - height: 100px; width: 100px; - } - </style> -</head> -<body> - <div id="container"> - <div id="highOrdinal"></div> - <div id="middleOrdinal"></div> - <div id="lowOrdinal"></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-vertical-align-effect.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-vertical-align-effect.xht deleted file mode 100644 index 305b9ab9aad..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-vertical-align-effect.xht +++ /dev/null @@ -1,22 +0,0 @@ -<!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: 'display' property set to 'flex'</title> - <link href="mailto:zhaohua.design@163.com" rel="author" title="Hua Zhao" /> - - <style type="text/css"> - input{ - margin:0; - padding:0; - vertical-align:top; - float: left; - } - </style> -</head> -<body> - - <div id="container"> - <input type="text" value="input1" /> - <input type="radio" /> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-abspos-child-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-abspos-child-001-ref.xht deleted file mode 100644 index 4e904a8aa1d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-abspos-child-001-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .tealBlock { - background: teal; - width: 20px; - height: 20px; - margin-bottom: 5px; - } - </style> -</head> -<body> - <div class="tealBlock"></div> - <div class="tealBlock"></div> - <div class="tealBlock"></div> - <div class="tealBlock"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-content-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-content-horiz-001-ref.xht deleted file mode 100644 index 8e24d507dc3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-content-horiz-001-ref.xht +++ /dev/null @@ -1,169 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 20px; - height: 200px; - margin-right: 2px; - float: left; - background: lightgray; - } - div.a { - width: 20px; - height: 10px; - background: lightgreen; - } - div.b { - width: 20px; - height: 30px; - background: pink; - } - div.c { - width: 20px; - height: 40px; - background: orange; - } - - /* Inside of 'b': */ - div.fixedSizeChild { - width: 10px; - height: 30px; - background: purple; - } - </style> - </head> - <body> - - <!-- default (stretch) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-top:80px; height:110px"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-top:40px; height: 70px"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox"> - <div class="a" style="margin-top: 190px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 160px"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 120px"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- center --> - <div class="flexbox"> - <div class="a" style="margin-top: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 80px"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 60px"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-top: 160px"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-top: 60px"><div class="fixedSizeChild"/></div> - <div class="c" style="margin-top: 60px"/> - </div> - - <!-- space-around --> - <div class="flexbox"> - <div class="a" style="margin-top: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 40px"/> - <div class="b" style="margin-top: 80px"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 20px"/> - <div class="b" style="margin-top: 40px"><div class="fixedSizeChild"/></div> - <div class="c" style="margin-top: 40px"/> - </div> - - <!-- space-evenly --> - <div class="flexbox"> - <div class="a" style="margin-top: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: calc(160px / 3)"/> - <div class="b" style="margin-top: calc(160px / 3)"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 30px"/> - <div class="b" style="margin-top: 30px"><div class="fixedSizeChild"/></div> - <div class="c" style="margin-top: 30px"/> - </div> - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- right --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-content-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-content-vert-001-ref.xht deleted file mode 100644 index 1a6d1c2ec09..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-content-vert-001-ref.xht +++ /dev/null @@ -1,172 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - margin-bottom: 2px; - background: lightgray; - height: 20px; - clear: all; - } - div.a { - width: 10px; - height: 20px; - background: lightgreen; - float: left; - } - div.b { - width: 30px; - height: 20px; - background: pink; - float: left; - } - div.c { - width: 40px; - height: 20px; - background: orange; - float: left; - } - - /* Inside of 'b': */ - div.fixedSizeChild { - width: 30px; - height: 10px; - background: purple; - } - </style> - </head> - <body> - - <!-- default (stretch) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-left:80px; width:110px"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-left: 40px; width: 70px"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox"> - <div class="a" style="margin-left: 190px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 160px"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 120px"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- center --> - <div class="flexbox"> - <div class="a" style="margin-left: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 80px"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 60px"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-left: 160px"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b" style="margin-left: 60px"><div class="fixedSizeChild"/></div> - <div class="c" style="margin-left: 60px"/> - </div> - - <!-- space-around --> - <div class="flexbox"> - <div class="a" style="margin-left: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 40px"/> - <div class="b" style="margin-left: 80px"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 20px"/> - <div class="b" style="margin-left: 40px"><div class="fixedSizeChild"/></div> - <div class="c" style="margin-left: 40px"/> - </div> - - <!-- space-evenly --> - <div class="flexbox"> - <div class="a" style="margin-left: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: calc(160px / 3)"/> - <div class="b" style="margin-left: calc(160px / 3)"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 30px"/> - <div class="b" style="margin-left: 30px"><div class="fixedSizeChild"/></div> - <div class="c" style="margin-left: 30px"/> - </div> - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - <!-- right --> - <div class="flexbox"> - <div class="a" style="margin-left: 190px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 160px"/> - <div class="b"><div class="fixedSizeChild"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 120px"/> - <div class="b"><div class="fixedSizeChild"/></div> - <div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-001-ref.xht deleted file mode 100644 index d114f9ae50b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-001-ref.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for behavior of the 'baseline' value for align-items and - align-self. - - NOTE: For multi-line 'display: block' elements in the testcase (and inline - content that gets wrapped in an anonymous block), we add an inline-table - wrapper here in the reference case, so that we get first-line baseline - alignment instead of the last-line baseline-alignment that an inline-block - would give us. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - display: block; - border: 1px dashed blue; - font: 14px sans-serif; - } - - div { display: inline-block; } - table { display: inline-table; } - - .big { - height: 100px; - font: 24px sans-serif; - margin-top: 20px; - } - .super { - vertical-align: super; - font-size: 12px; - } - .sub { - vertical-align: sub; - font-size: 12px; - } - - .lime { background: lime; } - .yellow { background: yellow; } - .orange { background: orange; } - .pink { background: pink; } - .aqua { background: aqua; } - .tan { background: tan; } - </style> - </head> - <body> - <div class="flexbox"> - <div class="lime">blk_1line</div><table cellspacing="0" cellpadding="0" class="yellow">blk<br/>2lines</table><div class="orange"><span class="super">super</span></div><div class="pink"><span class="sub">sub</span></div><table cellspacing="0" cellpadding="0" class="aqua big">big<br/>text<br/>3lines</table><table class="tan" cellspacing="0" cellpadding="0"> - <i>ital<br/>ic</i> - </table> - </div> - <div class="flexbox"> - <div class="lime">blk_1line</div><div class="yellow">blk<br/>2lines</div><div class="orange"><span class="super">super</span></div><div class="pink"><span class="sub">sub</span></div><div class="aqua big">big<br/>text<br/>3lines</div><div class="tan"><i>ital<br/>ic</i></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-002-ref.xht deleted file mode 100644 index 18b20a36854..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-002-ref.xht +++ /dev/null @@ -1,80 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - width: 40px; - height: 40px; - border: 1px solid gray; - margin: 5px; /* just for visual separation */ - float: left; - } - - .flexbox > * { - background: yellow; - border: 1px solid black; - height: 20px; - } - </style> - </head> - <body> - <!-- ZEROTH ROW: NO MARGINS --> - <!-- No margins on flex item: --> - <div class="flexbox"> - <div>a</div> - </div> - - - <!-- FIRST ROW: SETTING MARGIN-TOP: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div style="margin-top: 18px">a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div style="margin-top: -4px">a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div style="margin-top: 4px">a</div> - </div> - - <!-- Large (pushing us out of container): --> - <div class="flexbox"> - <div style="margin-top: 25px">a</div> - </div> - - - <!-- SECOND ROW: SETTING MARGIN-BOTTOM: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div>a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div>a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div>a</div> - </div> - - <!-- Large: --> - <div class="flexbox"> - <div>a</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-003-ref.xht deleted file mode 100644 index f71a1db6978..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-003-ref.xht +++ /dev/null @@ -1,80 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - width: 40px; - height: 40px; - border: 1px solid gray; - margin: 5px; /* just for visual separation */ - float: left; - } - - .flexbox > * { - background: yellow; - border: 1px solid black; - height: 20px; - } - </style> - </head> - <body> - <!-- ZEROTH ROW: NO MARGINS --> - <!-- No margins on flex item: --> - <div class="flexbox"> - <div style="margin-top: 18px">a</div> - </div> - - - <!-- FIRST ROW: SETTING MARGIN-TOP: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div style="margin-top: 18px">a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div style="margin-top: 18px">a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div style="margin-top: 18px">a</div> - </div> - - <!-- Large (pushing us out of container): --> - <div class="flexbox"> - <div style="margin-top: 18px">a</div> - </div> - - - <!-- SECOND ROW: SETTING MARGIN-BOTTOM: --> - <br style="clear: both"/> - - <!-- auto: --> - <div class="flexbox"> - <div>a</div> - </div> - - <!-- Negative: --> - <div class="flexbox"> - <div style="margin-top: 22px">a</div> - </div> - - <!-- Small: --> - <div class="flexbox"> - <div style="margin-top: 14px">a</div> - </div> - - <!-- Large: --> - <div class="flexbox"> - <div style="margin-top: -7px">a</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-004-ref.xht deleted file mode 100644 index 62ecf667bc1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-004-ref.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for behavior of the 'baseline' value for align-items and - align-self, in a multi-line flex container. - - This reference case just consists of three single-line flex containers, - to match the testcase's one flex container with three flex lines. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - display: flex; - align-items: baseline; - width: 90px; - } - - .flexbox > * { - width: 28px; - background: yellow; - border: 1px solid black; - } - - .big { font: 24px sans-serif; } - .medium { font: 14px sans-serif; } - .small { font: 8px sans-serif; } - - </style> - </head> - <body> - <div class="flexbox"> - <!-- First flex line: Just 3 different sizes of text --> - <div class="big">a</div> - <div class="small">b</div> - <div class="medium">c</div> - </div> - <div class="flexbox"> - <!-- Second flex line: different margin/padding amounts on each item, - and one non-baseline-aligned item.--> - <div class="medium" style="padding-top: 10px">d</div> - <div class="medium" style="margin-bottom: 8px">e</div> - <div class="medium" style="align-self: stretch">f</div> - </div> - <div class="flexbox"> - <!-- Third flex line: other margin/padding amounts on each item --> - <div class="small" style="margin-top: 20px">g</div> - <div class="big">h</div> - <div class="medium" style="padding-bottom: 6px">i</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-005-ref.xht deleted file mode 100644 index 78bfc857b21..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-005-ref.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for behavior of the 'baseline' value for align-items and - align-self, in a multi-line flex container. - - This reference case just consists of three single-line flex containers, - to match the testcase's one flex container with three flex lines. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - display: flex; - align-items: baseline; - width: 90px; - } - - .flexbox > * { - width: 28px; - background: yellow; - border: 1px solid black; - } - - .big { font: 24px sans-serif; } - .medium { font: 14px sans-serif; } - .small { font: 8px sans-serif; } - - </style> - </head> - <body> - <!-- Note: The lines are reversed here with respect to the testcase, - due to the testcase's "wrap-reverse". --> - <div class="flexbox"> - <!-- Third flex line: other margin/padding amounts on each item --> - <div class="small" style="margin-top: 20px">g</div> - <div class="big">h</div> - <div class="medium" style="padding-bottom: 6px">i</div> - </div> - <div class="flexbox"> - <!-- Second flex line: different margin/padding amounts on each item, - and one non-baseline-aligned item.--> - <div class="medium" style="padding-top: 10px">d</div> - <div class="medium" style="margin-bottom: 8px">e</div> - <div class="medium" style="align-self: stretch">f</div> - </div> - <div class="flexbox"> - <!-- First flex line: Just 3 different sizes of text --> - <div class="big">a</div> - <div class="small">b</div> - <div class="medium">c</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-006-ref.xht deleted file mode 100644 index 5d70a4335f2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-006-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for behavior of the 'baseline' value for align-items and - align-self when tested against content with an orthogonal writing-mode. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Brad Werth" href="mailto:bwerth@mozilla.com"/> - <style> - .container { - display: flex; - border: 1px dashed blue; - font: 14px sans-serif; - height: 50px; - } - - .ortho { writing-mode: vertical-rl; - width: 17px; - height: 40px; - float: left; } - .offset { margin-top: 10px; - margin-bottom: 3px; } - - .start { align-self: flex-start; } - .end { align-self: flex-end; } - - .lime { background: lime; } - .yellow { background: yellow; } - .orange { background: orange; } - .pink { background: pink; } - </style> - </head> - <body> - <div class="container"> - <div class="lime ortho start">ortho</div><div class="yellow offset start">one line</div><div class="orange offset start">two<br/>lines</div><div class="pink offset start">offset</div> - </div> - <div class="container"> - <div class="lime ortho end">ortho</div><div class="yellow offset end">one line</div><div class="orange offset end">two<br/>lines</div><div class="pink offset end">offset</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-007-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-007-ref.xht deleted file mode 100644 index 528fae4ccaa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-baseline-horiz-007-ref.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for behavior of 'baseline' and 'last baseline' values - for align-items and align-self. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Brad Werth" href="mailto:bwerth@mozilla.com"/> - <style> - .container { - display: flex; - border: 1px dashed blue; - font: 14px sans-serif; - height: 50px; - } - - .start { align-self: flex-start; } - .end { align-self: flex-end; } - - .offset { margin-top: 10px; - margin-bottom: 3px; } - - .lime { background: lime; } - .yellow { background: yellow; } - .orange { background: orange; } - .pink { background: pink; } - </style> - </head> - <body> - <div class="container"> - <div class="lime offset start">one line (first)</div><div class="yellow offset end">one line (last)</div><div class="orange offset end">two<br/>lines and offset (last)</div><div class="pink offset start">offset (first)</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-001-ref.xht deleted file mode 100644 index 384d7bda4ba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-001-ref.xht +++ /dev/null @@ -1,93 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using floated divs - in place of flex items and using margin-top in place of the align-items / - align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - height: 200px; - width: 640px; - font-size: 10px; - line-height: 10px; - } - - .flexbox > div { - width: 40px; - float: left; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - } - .flex-end { - background: orange; - } - .center { - background: lightblue; - } - .baseline { - background: teal; - } - .stretch { - background: pink; - } - .auto { - background: yellow; - } - .unspecified { - background: lightgreen; - } - .initial { - background: aqua; - } - .inherit { - background: violet; - } - .left { - background: tan; - } - .right { - background: brown; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end" style="margin-top: 190px">end</div> - <div class="flex-end big" style="margin-top: 100px">a b c d e f</div> - <div class="center" style="margin-top: 95px">center</div> - <div class="center big" style="margin-top: 50px">a b c d e f</div> - <!-- We use inline-blocks inside of a wrapper-block as references for the - baseline-aligned flex items, since inline-blocks get - baseline-aligned in block layout. We also need to specify the widths - manually here since the "flexbox > div" child-selector doesn't - handle these guys (since they're grandchildren). - --> - <div style="width: 80px"> - <div class="baseline" style="width: 40px; display: inline-block">base</div><div class="baseline big" style="width: 40px; display: inline-block">abc</div> - </div> - <div class="stretch" style="height: 100%">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="auto" style="margin-top: 95px">auto</div> - <div class="unspecified" style="margin-top: 95px">unspec</div> - <div class="initial" style="margin-top: 95px">initial</div> - <div class="inherit" style="margin-top: 190px">inherit</div> - <div class="left">left</div> - <div class="right">right</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-002-ref.xht deleted file mode 100644 index 92317497a48..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-002-ref.xht +++ /dev/null @@ -1,79 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using floated divs - in place of flex items and using relative positioning in place of the - align-items / align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - height: 200px; - display: inline-block; - font-size: 10px; - line-height: 10px; - vertical-align: top; - } - - .flexbox > div { float: left } - .flex-start, .flex-end, .center, .baseline, .stretch, - .auto, .unspecified, .initial, .inherit { - width: 40px; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - position: relative; - border-style: dotted; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - } - .flex-end { - background: orange; - } - .center { - background: lightblue; - } - .baseline { - background: teal; - } - .stretch { - background: pink; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end" style="top: 172px">end</div> - <div class="flex-end big" style="top: 82px">a b c d e f</div> - <div class="center" style="top: 86px">center</div> - <div class="center big" style="top: 41px">a b c d e f</div> - </div> - <br/> - <div class="flexbox"> - <!-- We use inline-blocks inside of a wrapper-block as references for the - baseline-aligned flex items, since inline-blocks get - baseline-aligned in block layout. We also need to specify the widths - manually here since the "flexbox > div" child-selector doesn't - handle these guys (since they're grandchildren). - --> - <div> - <div class="baseline" style="display: inline-block">base</div><div class="baseline big" style="display: inline-block">abc</div> - </div> - <div class="stretch" style="height: 182px">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht deleted file mode 100644 index 70b3a3da1b7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht +++ /dev/null @@ -1,91 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using floated divs - in place of flex items and using relative positioning in place of the - align-items / align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - padding: 3px; - width: 600px; - height: 4px; - font-size: 10px; - line-height: 10px; - font-family: sans-serif; - } - - .flexbox > div { - width: 40px; - float: left; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - } - .flex-end { - background: orange; - } - .center { - background: lightblue; - } - .baseline { - background: teal; - } - .stretch { - background: pink; - } - .auto { - background: yellow; - } - .unspecified { - background: lightgreen; - } - .initial { - background: aqua; - } - .inherit { - background: violet; - } - .normal { - background: tan; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end" style="position: relative; top: -6px">end</div> - <div class="flex-end big" style="position: relative; top: -96px">a b c d e f</div> - <div class="center" style="position: relative; top: -3px">center</div> - <div class="center big" style="position: relative; top: -48px">a b c d e f</div> - <!-- We use inline-blocks inside of a wrapper-block as references for the - baseline-aligned flex items, since inline-blocks get - baseline-aligned in block layout. We also need to specify the widths - manually here since the "flexbox > div" child-selector doesn't - handle these guys (since they're grandchildren). - --> - <div style="width: 80px"> - <div class="baseline" style="width: 40px; display: inline-block">base</div><div class="baseline big" style="width: 40px; display: inline-block">abc</div> - </div> - <div class="stretch" style="height: 100%">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="auto" style="height: 100%">auto</div> - <div class="unspecified" style="height: 100%">unspec</div> - <div class="initial" style="height: 100%">initial</div> - <div class="inherit" style="height: 100%">inherit</div> - <div class="normal" style="height: 100%">normal</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-004-ref.xht deleted file mode 100644 index 28affe14349..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-004-ref.xht +++ /dev/null @@ -1,83 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using floated divs - in place of flex items and using relative positioning in place of the - align-items / align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - padding: 3px; - height: 4px; - display: inline-block; - font-size: 10px; - line-height: 10px; - font-family: sans-serif; - margin-top: 20px; - margin-bottom: 120px; - vertical-align: top; - } - - .flexbox > div { float: left } - .flex-start, .flex-end, .center, .baseline, .stretch, - .auto, .unspecified, .initial, .inherit { - width: 40px; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - position: relative; - border-style: dotted; - } - - .big { - height: 100px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - } - .flex-end { - background: orange; - } - .center { - background: lightblue; - } - .baseline { - background: teal; - } - .stretch { - background: pink; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end" style="top: -24px">end</div> - <div class="flex-end big" style="top: -114px">a b c d e f</div> - <div class="center" style="top: -12px">center</div> - <div class="center big" style="top: -57px">a b c d e f</div> - </div> - <br/> - <div class="flexbox"> - <!-- We use inline-blocks inside of a wrapper-block as references for the - baseline-aligned flex items, since inline-blocks get - baseline-aligned in block layout. We also need to specify the widths - manually here since the "flexbox > div" child-selector doesn't - handle these guys (since they're grandchildren). - --> - <div> - <div class="baseline" style="display: inline-block">base</div><div class="baseline big" style="display: inline-block">abc</div> - </div> - <div class="stretch" style="height: 2px">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-005-ref.xht deleted file mode 100644 index 0c3402cd384..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-005-ref.xht +++ /dev/null @@ -1,95 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior with auto - margins in play. This reference case uses fixed margin-top values - in place of the testcase's auto margins. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - height: 140px; - width: 400px; - display: flex; - font-size: 10px; - line-height: 10px; - margin-bottom: 10px; - } - - .kidsAutoTop > div { margin-top: 130px; } - .kidsAutoTop > div.big { margin-top: 60px; } - .kidsAutoBoth > div { margin-top: 65px; } - .kidsAutoBoth > div.big { margin-top: 30px; } - - .flexbox > div { - width: 40px; - height: 10px; - } - - .flexbox > div.big { - height: 80px; - font-size: 20px; - line-height: 20px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - } - .flex-end { - background: orange; - } - .center { - background: lightblue; - } - .baseline { - background: teal; - } - .stretch { - background: pink; - } - </style> - </head> - <body> - <div class="flexbox kidsAutoTop"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">a b c d e f</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - - <div class="flexbox kidsAutoBottom"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">a b c d e f</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - - <div class="flexbox kidsAutoBoth"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="center">center</div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">a b c d e f</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-stretch-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-stretch-vert-001-ref.xht deleted file mode 100644 index 6e174390083..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-stretch-vert-001-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- In this reference case, we just have the testcases's text placed directly - in the outermost wrapper-block, with a lime background on that wrapper - instead of on a flex item. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.fixedWidthWrapper { - width: 200px; - /* Small enough that 3 characters can _easily_ fit in our width */ - font-size: 12px; - background: lime; - } - </style> -</head> -<body> - <div class="fixedWidthWrapper"> - A B C - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-stretch-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-stretch-vert-002-ref.xht deleted file mode 100644 index c82197dca2f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-stretch-vert-002-ref.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- In this reference case, we use floated fixed-sized divs to mimic the - testcases's flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.container { - width: 100px; - height: 20px; - border: 2px solid black; - } - div.item { - width: 48px; - height: 15px; - float: left; - border: 1px dotted blue; - } - </style> -</head> -<body> - <div class="container"> - <div class="item"></div> - <div class="item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-001-ref.xht deleted file mode 100644 index 7d702276669..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-001-ref.xht +++ /dev/null @@ -1,116 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using blocks in - place of flex items and using float and width keywords to emulate the - align-items / align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - font-size: 10px; - } - - div.big { - font-size: 20px; - width: 50px; - } - - .flexbox > * { - clear: both; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: left; - } - .flex-end { - background: orange; - float: right; - } - .center { - background: lightblue; - margin: auto; - } - .baseline { - background: teal; - float: left; - } - .stretch { - background: pink; - width: 100%; - } - .auto { - background: yellow; - margin: auto; - } - .unspecified { - background: lightgreen; - margin: auto; - } - .initial { - background: aqua; - margin: auto; - } - .inherit { - background: violet; - float: right; - } - .left { - background: tan; - float: left; - } - .right { - background: brown; - float: right; - } - - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. --> - .centerParent { - text-align: center; - } - .centerParent > * { - display: inline-block; - text-align: left; /* Keep parent's centering from tweaking my text */ - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="centerParent"> - <div class="center">center</div> - </div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="centerParent"> - <div class="auto">auto</div> - </div> - <div class="centerParent"> - <div class="unspecified">unspec</div> - </div> - <div class="centerParent"> - <div class="initial">initial</div> - </div> - <div class="inherit">inherit</div> - <div class="left">left</div> - <div class="right">right</div> - <!-- Since the last three divs are floated, the container doesn't include - their heights by default. So we add some invisible hacky text (of the - same font) to make sure our container is tall enough. --> - <span style="visibility:hidden">hacky text<br/>(line 2)<br/>(line 3)</span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-002-ref.xht deleted file mode 100644 index ab85c708228..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-002-ref.xht +++ /dev/null @@ -1,87 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using blocks in - place of flex items and using float and width keywords to emulate the - align-items / align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - float: left; - font-size: 10px; - } - - .flex-start, .flex-end, .center, .baseline, .stretch { - clear: both; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - border-style: dotted; - } - - div.big { - font-size: 20px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: left; - } - .flex-end { - background: orange; - float: right; - } - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. --> - .centerParent { - text-align: center; - } - .center { - background: lightblue; - display: inline-block; - text-align: left; /* Keep parent's centering from tweaking my text */ - } - .baseline { - background: teal; - float: left; - } - .stretch { - background: pink; - } - .clearFloats { clear: both } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="clearFloats"/> - <div class="centerParent"> - <div class="center">center</div> - </div> - <div class="centerParent"> - <div class="center big">a b c d e f</div> - </div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="clearFloats"/> - <div class="stretch">stretch</div> - <!-- Force a 3px + 1px = 4px margin between this and the previous div - (to thwart the effects of margin-collapsing). This is the only - place we need this hack, because everywhere else in this test - we use floats or inline-blocks, whose margins don't collapse. --> - <div class="stretch big" style="margin-top: 4px">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-003-ref.xht deleted file mode 100644 index 6bc5b393920..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-003-ref.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using blocks in - place of flex items and using float and width keywords to emulate the - align-items / align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: left; - } - .flex-end { - background: orange; - float: right; - } - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. For this to work, the parent has to be at - least as wide as the centered content inside of it, so we make it - large with a negative margin such that its center aligns with the - 4px-wide container's center. --> - .centerParent { - text-align: center; - width: 100px; - margin-left: -48px; - } - .center { - background: lightblue; - display: inline-block; - text-align: left; /* Keep parent's centering from tweaking my text */ - } - .baseline { - background: teal; - float: left; - } - .stretch { - background: pink; - } - .clearFloats { clear: both } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - <div class="centerParent clearFloats"> - <div class="center">center</div> - </div> - <div class="centerParent"> - <div class="center big">a b</div> - </div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch clearFloats">stretch</div> - <div class="stretch big">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-004-ref.xht deleted file mode 100644 index 529db8b84ae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-004-ref.xht +++ /dev/null @@ -1,93 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior, using blocks in - place of flex items and using float and width keywords to emulate the - align-items / align-self properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - float: left; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - .flex-start, .flex-end, .center, .baseline, .stretch { - clear: both; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - border-style: dotted; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: left; - } - .flex-end { - background: orange; - float: right; - } - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. For this to work, the parent has to be at - least as wide as the centered content inside of it, so we make it - large with a negative margin such that its center aligns with the - 4px-wide container's center. --> - .centerParent { - text-align: center; - width: 100px; - margin-left: -48px; - } - .center { - background: lightblue; - display: inline-block; - text-align: left; /* Keep parent's centering from tweaking my text */ - } - .baseline { - background: teal; - float: left; - } - .stretch { - background: pink; - } - .clearFloats { clear: both } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - <div class="centerParent"> - <div class="center">center</div> - </div> - <div class="centerParent"> - <div class="center big">a b</div> - </div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="clearFloats"/> - <div class="stretch">stretch</div> - <!-- Force a 3px + 1px = 4px margin between this and the previous div - (to thwart the effects of margin-collapsing). This is the only - place we need this hack, because everywhere else in this test - we use floats or inline-blocks, whose margins don't collapse. --> - <div class="stretch big" style="margin-top: 4px">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-001-ref.xht deleted file mode 100644 index 88b6762027d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-001-ref.xht +++ /dev/null @@ -1,119 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior in a vertical - "direction: rtl" flex container, using blocks in place of flex items and - using float and width keywords to emulate the align-items / align-self - properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - direction: rtl; - font-family: sans-serif; - font-size: 10px; - } - - div.big { - font-size: 20px; - width: 50px; - } - - .flexbox > * { - clear: both; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: right; - } - .flex-end { - background: orange; - float: left; - } - .center { - background: lightblue; - margin: auto; - } - .baseline { - background: teal; - float: right; - } - .stretch { - background: pink; - width: 100%; - } - .auto { - background: yellow; - margin: auto; - } - .unspecified { - background: lightgreen; - margin: auto; - } - .initial { - background: aqua; - margin: auto; - } - .inherit { - background: violet; - float: left; - } - .left { - background: tan; - float: left; - } - .right { - background: brown; - float: right; - } - - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. --> - .centerParent { - text-align: center; - } - .centerParent > * { - display: inline-block; - text-align: left; /* Keep parent's centering from tweaking my text */ - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="centerParent"> - <div class="center">center</div> - </div> - <div class="center big">a b c d e f</div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch">stretch</div> - <div class="stretch big">a b c d e f</div> - <div class="centerParent"> - <div class="auto">auto</div> - </div> - <div class="centerParent"> - <div class="unspecified">unspec</div> - </div> - <div class="centerParent"> - <div class="initial">initial</div> - </div> - <div class="inherit">inherit</div> - <div class="left">left</div> - <div class="right">right</div> - <!-- Since the last three divs are floated, the container doesn't include - their heights by default. So we add some invisible hacky text (of the - same font) to make sure our container is tall enough. --> - <span style="visibility:hidden">hacky text<br/>(line 2)<br/>(line 3)</span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-002-ref.xht deleted file mode 100644 index 9dd01e5cdc4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-002-ref.xht +++ /dev/null @@ -1,90 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior in a vertical - "direction: rtl" flex container, using blocks in place of flex items and - using float and width keywords to emulate the align-items / align-self - properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 200px; - float: left; - direction: rtl; - font-family: sans-serif; - font-size: 10px; - } - - .flex-start, .flex-end, .center, .baseline, .stretch { - clear: both; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - border-style: dotted; - } - - div.big { - font-size: 20px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: right; - } - .flex-end { - background: orange; - float: left; - } - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. --> - .centerParent { - text-align: center; - } - .center { - background: lightblue; - display: inline-block; - text-align: right; /* Keep parent's centering from tweaking my text */ - } - .baseline { - background: teal; - float: right; - } - .stretch { - background: pink; - } - .clearFloats { clear: both } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b c d e f</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b c d e f</div> - <div class="clearFloats"/> - <div class="centerParent"> - <div class="center">center</div> - </div> - <div class="centerParent"> - <div class="center big">a b c d e f</div> - </div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="clearFloats"/> - <div class="stretch">stretch</div> - <!-- Force a 3px + 1px = 4px margin between this and the previous div - (to thwart the effects of margin-collapsing). This is the only - place we need this hack, because everywhere else in this test - we use floats or inline-blocks, whose margins don't collapse. --> - <div class="stretch big" style="margin-top: 4px">a b c d e f</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-003-ref.xht deleted file mode 100644 index 6e6338f146d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-003-ref.xht +++ /dev/null @@ -1,79 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior in a vertical - "direction: rtl" flex container, using blocks in place of flex items and - using float and width keywords to emulate the align-items / align-self - properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - font-family: sans-serif; - direction: rtl; - font-size: 10px; - margin-left: 80px; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: right; - } - .flex-end { - background: orange; - float: left; - } - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. For this to work, the parent has to be at - least as wide as the centered content inside of it, so we make it - large with a negative margin such that its center aligns with the - 4px-wide container's center. --> - .centerParent { - text-align: center; - width: 100px; - margin-right: -48px; - } - .center { - background: lightblue; - display: inline-block; - text-align: right; /* Keep parent's centering from tweaking my text */ - } - .baseline { - background: teal; - float: right; - } - .stretch { - background: pink; - } - .clearFloats { clear: both } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - <div class="centerParent clearFloats"> - <div class="center">center</div> - </div> - <div class="centerParent"> - <div class="center big">a b</div> - </div> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="stretch clearFloats">stretch</div> - <div class="stretch big">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-004-ref.xht deleted file mode 100644 index c3a373b2560..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-vert-rtl-004-ref.xht +++ /dev/null @@ -1,95 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for align-items / align-self behavior in a vertical - "direction: rtl" flex container, using blocks in place of flex items and - using float and width keywords to emulate the align-items / align-self - properties. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - border: 1px dashed blue; - width: 4px; - float: left; - direction: rtl; - font-family: sans-serif; - font-size: 10px; - margin-left: 80px; - } - - .flex-start, .flex-end, .center, .baseline, .stretch { - clear: both; - margin: 1px 2px 3px 4px; - border-width: 2px 3px 4px 5px; - padding: 3px 4px 5px 6px; - border-style: dotted; - } - - div.big { - font-size: 18px; - width: 50px; - } - - /* Classes for each of the various align-self values */ - .flex-start { - background: lime; - float: right; - } - .flex-end { - background: orange; - float: left; - } - <!-- We center shrinkwrapped text by putting it into an inline-block, and - then wrapping that inline-block in a helper-div that has - "text-align:center" set. For this to work, the parent has to be at - least as wide as the centered content inside of it, so we make it - large with a negative margin such that its center aligns with the - 4px-wide container's center. --> - .centerParent { - text-align: center; - width: 100px; - margin-right: -48px; - } - .center { - background: lightblue; - display: inline-block; - text-align: right; /* Keep parent's centering from tweaking my text */ - } - .baseline { - background: teal; - float: right; - } - .stretch { - background: pink; - } - .clearFloats { clear: both } - </style> - </head> - <body> - <div class="flexbox"> - <div class="flex-start">start</div> - <div class="flex-start big">a b</div> - <div class="clearFloats"/> - <div class="stretch">stretch</div> - <!-- Force a 3px + 1px = 4px margin between this and the previous div - (to thwart the effects of margin-collapsing). This is the only - place we need this hack, because everywhere else in this test - we use floats or inline-blocks, whose margins don't collapse. --> - <div class="stretch big" style="margin-top: 4px">a b</div> - <div class="centerParent"> - <div class="center">center</div> - </div> - <div class="centerParent"> - <div class="center big">a b</div> - </div> - </div> - <div class="flexbox"> - <div class="baseline">base</div> - <div class="baseline big">abc</div> - <div class="flex-end">end</div> - <div class="flex-end big">a b</div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-anonymous-items-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-anonymous-items-001-ref.xht deleted file mode 100644 index 92acb330710..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-anonymous-items-001-ref.xht +++ /dev/null @@ -1,14 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> -</head> -<body> - a ab bx x - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht deleted file mode 100644 index e9850769a0b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - unaligned children taken out of baseline-alignment with - "vertical-align:top". ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - body { - margin: 0; - font-size: 20px; - line-height: 20px; - } - .flexContainer { - display: inline-block; - background: lightblue; - vertical-align: top; - } - .hugeAndUnaligned { - font-size: 35px; - line-height: 35px; - vertical-align: top; - } - .smallFont { - font-size: 10px; - line-height: 10px; - } - .flexContainer > * { display: inline; } - </style> -</head> -<body> - a - <div class="flexContainer"> - <div class="smallFont">b</div><div>c</div><div class="hugeAndUnaligned">d</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">e</div><div>f</div><div class="smallFont">g</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">h</div><div class="smallFont">i</div><div>j</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht deleted file mode 100644 index f9ba48eb247..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - unaligned children taken out of baseline-alignment with - "vertical-align:top". ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <link href="support/ahem.css" type="text/css" rel="stylesheet" /> - <style> - body { - margin: 0; - font: 20px Ahem; - line-height: 20px; - /* Baseline is 0.8em = 16px from top */ - } - .flexContainer { - display: inline-block; - background: lightblue; - } - .hugeAndUnaligned { - font-size: 35px; - line-height: 35px; - vertical-align: top; - } - .smallFont { - font-size: 10px; - line-height: 10px; - /* Baseline is 0.8em = 8px from top */ - } - * { vertical-align: top } - </style> -</head> -<body> - <div style="display: inline-block; margin-top: 12px">a</div> - <div style="margin-top: 20px" class="flexContainer"> - <div class="smallFont">b</div><div>c</div><div class="hugeAndUnaligned">d</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">e</div><div>f</div><div class="smallFont">g</div> - </div> - <div class="flexContainer"> - <div class="hugeAndUnaligned">h</div><div class="smallFont">i</div><div>j</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht deleted file mode 100644 index 5261dd57cd4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-empty-001-ref.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- In this reference case, we have inline-blocks instead of inline - flex containers. Otherwise it's the same. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <link href="support/ahem.css" type="text/css" rel="stylesheet" /> - <style> - body { - font: 20px Ahem; - } - .flexContainer { - display: inline-block; - height: 16px; - width: 16px; - background: purple; - border: 0px dotted black; - /* (Elements that want a border will set their border-width.) */ - } - </style> -</head> -<body> - A - <div class="flexContainer"></div> - <div style="padding-bottom: 20px" class="flexContainer"></div> - <div style="padding: 10px" class="flexContainer"></div> - <div style="border-width: 3px" class="flexContainer"></div> - <div style="border-bottom-width: 4px" class="flexContainer"></div> - <div style="border-bottom-width: 4px; margin: 2px" class="flexContainer"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-item-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-item-horiz-001-ref.xht deleted file mode 100644 index 3c047731fc5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-item-horiz-001-ref.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - baseline-aligned items aligned using specific font-size / line-heights, - and with unaligned children taken out of baseline-alignment using - "vertical-align:top". ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-block; - background: lightblue; - } - .flexContainer > * { display: inline; } - .smallFont { - font-size: 10px; - line-height: 10px; - } - .bigFont { - font-size: 20px; - line-height: 20px; - } - .unaligned { vertical-align: top } - </style> -</head> -<body> - a - <div class="flexContainer smallFont"> - <div class="smallFont">b</div><div class="bigFont unaligned">c</div> - </div> - <div class="flexContainer bigFont"> - <div class="bigFont">d</div><div class="smallFont unaligned">e</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-item-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-item-vert-001-ref.xht deleted file mode 100644 index 6828442a7fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-item-vert-001-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - inline-blocks manually positioned with "vertical-align:top" and - margin-top. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <link href="support/ahem.css" type="text/css" rel="stylesheet" /> - <style> - body { - margin: 0; - font: 20px Ahem; - line-height: 20px; - /* Baseline is 0.8em = 16px from top */ - } - .flexContainer { - display: inline-block; - background: lightblue; - } - .smallFont { - font-size: 10px; - line-height: 10px; - /* Baseline is 0.8em = 8px from top */ - } - .bigFont { - font-size: 20px; - line-height: 20px; - /* Baseline is 0.8em = 16px from top */ - } - * { vertical-align: top } - </style> -</head> -<body> - a - <div style="margin-top: 8px" class="flexContainer"> - <div class="smallFont">b</div><div class="bigFont">c</div> - </div> - <div class="flexContainer"> - <div class="bigFont">d</div><div class="smallFont">e</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-001-ref.xht deleted file mode 100644 index c9a2dda121a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-001-ref.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - baseline-aligned items aligned using specific font-size / line-heights, - and with unaligned children taken out of baseline-alignment using - "vertical-align:top". ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-block; - width: 40px; - height: 40px; - background: lightblue; - } - .flexContainer > * { - width: 20px; - display: inline-block; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - .unaligned { vertical-align: top } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer medFont"> - <div class="medFont">b</div><div class="bigFont unaligned">c</div> - </div> - - <div class="flexContainer bigFont"> - <div class="bigFont">f</div><div class="smallFont unaligned">g</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer smallFont"> - <div class="smallFont">j</div><div class="bigFont unaligned">k</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-002-ref.xht deleted file mode 100644 index ffc541aead2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-002-ref.xht +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - baseline-aligned items aligned using specific font-size / line-heights, - and with unaligned children taken out of baseline-alignment using - "vertical-align:top". ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-block; - width: 40px; - /* Split testcase's 40px height into 20px of padding-top and 20px of - height, to set aside space for the testcase's (invisible) second line - (which is above the first line, since this is wrap-reverse) */ - height: 20px; - padding-top: 20px; - background: lightblue; - } - .flexContainer > * { - width: 20px; - display: inline-block; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - .unaligned { vertical-align: top } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer medFont"> - <div class="medFont">b</div><div class="bigFont unaligned">c</div> - </div> - - <div class="flexContainer bigFont"> - <div class="bigFont">f</div><div class="smallFont unaligned">g</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer smallFont"> - <div class="smallFont">j</div><div class="bigFont unaligned">k</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-003-ref.xht deleted file mode 100644 index dbd317bab41..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-003-ref.xht +++ /dev/null @@ -1,84 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - /* We use an outer vertical flex container, wrapping two single-line - flex containers, to match the testcase's multi-line flex container. */ - .outerFlexContainer { - height: 100px; - background: lightgray; - display: inline-flex; - flex-direction: column; - justify-content: center; /* to mimic testcase's "align-content:center" */ - } - .flexContainer { - display: flex; - width: 40px; - } - .flexContainer > * { - width: 20px; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex container with second item in first line baseline-aligned - (should set the container's baseline) --> - <div class="outerFlexContainer"> - <div class="flexContainer"> - <div class="medFont">b</div> - <div style="align-self: baseline" class="bigFont">c</div> - </div> - <div class="flexContainer"> - <div class="medFont">d</div> - <div class="smallFont">e</div> - </div> - </div> - - <!-- Flex container with both items in first line baseline-aligned - (should set the container's baseline) --> - <div class="outerFlexContainer"> - <div class="flexContainer"> - <div style="align-self: baseline" class="smallFont">f</div> - <div style="align-self: baseline" class="medFont">g</div> - </div> - <div class="flexContainer"> - <div class="bigFont">h</div> - <div class="smallFont">i</div> - </div> - </div> - - <!-- Flex container with all items baseline-aligned - (only those on first line should set the container's baseline) --> - <div class="outerFlexContainer"> - <div style="align-items: baseline" class="flexContainer"> - <div class="bigFont">j</div> - <div style="padding-bottom: 20px" class="smallFont">k</div> - </div> - <div style="align-items: baseline" class="flexContainer"> - <div class="smallFont">l</div> - <div class="medFont">m</div> - </div> - </div> - n - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-004-ref.xht deleted file mode 100644 index 3e1631dcfb5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-horiz-004-ref.xht +++ /dev/null @@ -1,84 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - /* We use an outer vertical flex container, wrapping two single-line - flex containers, to match the testcase's multi-line flex container. */ - .outerFlexContainer { - height: 100px; - background: lightgray; - display: inline-flex; - flex-direction: column-reverse; - justify-content: center; /* to mimic testcase's "align-content:center" */ - } - .flexContainer { - display: flex; - width: 40px; - } - .flexContainer > * { - width: 20px; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - </style> -</head> -<body> - a - <!-- Flex container with second item in first line baseline-aligned - (should set the container's baseline) --> - <div class="outerFlexContainer"> - <div class="flexContainer"> - <div class="medFont">b</div> - <div style="align-self: baseline" class="bigFont">c</div> - </div> - <div class="flexContainer"> - <div class="medFont">d</div> - <div class="smallFont">e</div> - </div> - </div> - - <!-- Flex container with both items in first line baseline-aligned - (should set the container's baseline) --> - <div class="outerFlexContainer"> - <div class="flexContainer"> - <div style="align-self: baseline" class="smallFont">f</div> - <div style="align-self: baseline" class="medFont">g</div> - </div> - <div class="flexContainer"> - <div class="bigFont">h</div> - <div class="smallFont">i</div> - </div> - </div> - - <!-- Flex container with all items baseline-aligned - (only those on first line should set the container's baseline) --> - <div class="outerFlexContainer"> - <div style="align-items: baseline" class="flexContainer"> - <div class="bigFont">j</div> - <div style="padding-bottom: 20px" class="smallFont">k</div> - </div> - <div style="align-items: baseline" class="flexContainer"> - <div class="smallFont">l</div> - <div class="medFont">m</div> - </div> - </div> - n - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-vert-001-ref.xht deleted file mode 100644 index 7b2c376ed9e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-vert-001-ref.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - baseline-aligned items aligned using specific font-size / line-heights, - and with unaligned children taken out of baseline-alignment using - "float: left". ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-block; - width: 40px; - height: 40px; - background: lightblue; - } - .flexContainer > * { - height: 20px; - display: inline-block; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - .unaligned { float: left } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer medFont"> - <div class="medFont">b</div><br /><div class="bigFont unaligned">c</div> - </div> - - <div class="flexContainer bigFont"> - <div class="bigFont">f</div><br /><div class="smallFont unaligned">g</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer smallFont"> - <div class="smallFont">j</div><br /><div class="bigFont unaligned">k</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-vert-002-ref.xht deleted file mode 100644 index 9f4828caa5c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-multi-line-vert-002-ref.xht +++ /dev/null @@ -1,66 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex, and with the - baseline-aligned items aligned using specific font-size / line-heights, - and with unaligned children taken out of baseline-alignment using - "float: left". ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: inline-block; - /* Split testcase's 40px width into 20px of padding-left and 20px of - width, to set aside space for the testcase's (invisible) second line - (which is to the left of the first line, since this is wrap-reverse) - */ - width: 20px; - padding-left: 20px; - height: 40px; - background: lightblue; - } - .flexContainer > * { - width: 20px; - height: 20px; - display: inline-block; - } - - .smallFont { - font-size: 8px; - line-height: 8px; - } - .medFont { - font-size: 12px; - line-height: 12px; - } - .bigFont { - font-size: 16px; - line-height: 16px; - } - .unaligned { float: left } - </style> -</head> -<body> - a - <!-- Flex containers with flex items that have a mix of baselines: --> - <div class="flexContainer medFont"> - <div class="medFont">b</div><br /><div class="bigFont unaligned">c</div> - </div> - - <div class="flexContainer bigFont"> - <div class="bigFont">f</div><br /><div class="smallFont unaligned">g</div> - </div> - - <!-- Flex container with second line baseline-aligned - (shouldn't make a difference) --> - <div class="flexContainer smallFont"> - <div class="smallFont">j</div><br /><div class="bigFont unaligned">k</div> - </div> - n - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-single-item-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-single-item-001-ref.xht deleted file mode 100644 index 858a3d2506e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-baseline-single-item-001-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, using inline-block instead of inline-flex. --><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - body { - font: 14px serif; - } - .flexContainer { - display: inline-block; - height: 16px; - width: 16px; - background: pink; - border: 0px dotted black; - /* (Elements that want a border will set their border-width.) */ - } - .abs { - position: absolute; - top: 0; - font-size: 8px; - } - </style> -</head> -<body> - A - <div class="flexContainer">a</div> - <div style="padding-bottom: 20px" class="flexContainer">a</div> - <div style="padding: 10px" class="flexContainer">a</div> - <div style="border-width: 3px" class="flexContainer">a</div> - <div style="border-bottom-width: 4px" class="flexContainer">a</div> - <div style="padding: 4px" class="flexContainer"> - <!-- (An abspos child shouldn't prevent us from getting our baseline from - the first flex item, which happens to be the second child.) --> - <div class="abs">abs</div> - <div style="font: 26px serif">a</div> - - -</div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-block-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-block-horiz-001-ref.xht deleted file mode 100644 index e2ab7bb1dbc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-block-horiz-001-ref.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 100px; } - div.flexbox { - border: 1px dashed blue; - width: 200px; - } - div.a { - display: inline-block; - background: lightgreen; - } - div.b { - display: inline-block; - background: yellow; - } - div.c { - display: inline-block; - background: orange; - } - div.auto { - display: inline-block; - background: pink; - } - div.inflex { - display: inline-block; - background: gray; - } - div.spacer { - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="a" style="width: 80px"/><div class="b" style="width: 120px"/> - </div> - <div class="flexbox"> - <div class="a" style="width: 62.5px"/><div class="c" style="width: 137.5px"/> - </div> - <div class="flexbox"> - <div class="a" style="width: 185px"/><div class="auto"> - <div class="spacer" style="width: 15px"/></div> - </div> - <div class="flexbox"> - <div class="b" style="width: 76px"/><div class="c" style="width: 124px"/> - </div> - <div class="flexbox"> - <div class="b" style="width: 170px"/><div class="auto"> - <div class="spacer" style="width: 30px"/></div> - </div> - <div class="flexbox"> - <div class="a" style="width: 45px"/><div class="b" style="width: 50px"/><div class="inflex" style="width: 20px"/><div class="c" style="width: 85px"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-block-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-block-vert-001-ref.xht deleted file mode 100644 index fdcdd028cc4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-block-vert-001-ref.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { width: 50px; } - div.flexbox { - border: 1px dashed blue; - float: left; - } - div.a { - background: lightgreen; - } - div.b { - background: yellow; - } - div.c { - background: orange; - } - div.auto { - background: pink; - } - div.inflex { - background: gray; - } - div.spacer { - width: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="a" style="height: 80px"/><div class="b" style="height: 120px"/> - </div> - <div class="flexbox"> - <div class="a" style="height: 62.5px"/><div class="c" style="height: 137.5px"/> - </div> - <div class="flexbox"> - <div class="a" style="height: 185px"/><div class="auto"> - <div class="spacer" style="height: 15px"/></div> - </div> - <div class="flexbox"> - <div class="b" style="height: 76px"/><div class="c" style="height: 124px"/> - </div> - <div class="flexbox"> - <div class="b" style="height: 170px"/><div class="auto"> - <div class="spacer" style="height: 30px"/></div> - </div> - <div class="flexbox"> - <div class="a" style="height: 45px"/><div class="b" style="height: 50px"/><div class="inflex" style="height: 20px"/><div class="c" style="height: 85px"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-canvas-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-canvas-horiz-001-ref.xht deleted file mode 100644 index 3fd57871fb0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-canvas-horiz-001-ref.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - margin-bottom: 5px; - line-height: 8px; - } - canvas { - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <canvas/> - </div> - - <div class="flexbox" style="height: 22px"> - some words - <canvas style="float:right"/> - </div> - - <div class="flexbox"> - <canvas style="width: 122.5px"/><canvas style="width: 73.5px"/> - </div> - - <div class="flexbox"> - <canvas style="width: 93px"/><canvas style="width: 103px"/> - </div> - - <div class="flexbox"> - <canvas style="width: 114px"/><canvas style="width: 82px"/> - </div> - - <div class="flexbox"> - <canvas style="width: 106px"/><canvas style="width: 90px"/> - </div> - - <div class="flexbox"> - <canvas style="width: 46px"/><canvas style="width: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-canvas-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-canvas-vert-001-ref.xht deleted file mode 100644 index 01c87028c60..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-canvas-vert-001-ref.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - width: 22px; - float: left; - margin-right: 10px; - background: lightgreen; - line-height: 0; - } - canvas { - width: 20px; - height: 10px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <canvas/> - </div> - - <div class="flexbox"> - <div style="font: 8px monospace; height: 188px"> - a b - </div> - <canvas/> - </div> - - <div class="flexbox"> - <canvas style="height: 122.5px"/><canvas style="height: 73.5px"/> - </div> - - <div class="flexbox"> - <canvas style="height: 93px"/><canvas style="height: 103px"/> - </div> - - <div class="flexbox"> - <canvas style="height: 114px"/><canvas style="height: 82px"/> - </div> - - <div class="flexbox"> - <canvas style="height: 106px"/><canvas style="height: 90px"/> - </div> - - <div class="flexbox"> - <canvas style="height: 46px"/><canvas style="height: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-fieldset-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-fieldset-horiz-001-ref.xht deleted file mode 100644 index 0d0b7a50f46..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-fieldset-horiz-001-ref.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - margin-bottom: 5px; - line-height: 8px; - clear: all; - height: 22px; - } - fieldset { - width: 10px; - height: 20px; - border: 1px dotted green; - margin: 0; - padding: 0; - float: left; - } - </style> - </head> - <body> - <div class="flexbox"> - <fieldset/> - </div> - - <div class="flexbox" style="height: 22px"> - some words - <fieldset style="float:right"/> - </div> - - <div class="flexbox"> - <fieldset style="width: 122.5px"/><fieldset style="width: 73.5px"/> - </div> - - <div class="flexbox"> - <fieldset style="width: 93px"/><fieldset style="width: 103px"/> - </div> - - <div class="flexbox"> - <fieldset style="width: 114px"/><fieldset style="width: 82px"/> - </div> - - <div class="flexbox"> - <fieldset style="width: 106px"/><fieldset style="width: 90px"/> - </div> - - <div class="flexbox"> - <fieldset style="width: 46px"/><fieldset style="width: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-fieldset-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-fieldset-vert-001-ref.xht deleted file mode 100644 index 675ed08fc94..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-fieldset-vert-001-ref.xht +++ /dev/null @@ -1,59 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - width: 22px; - float: left; - margin-right: 10px; - background: lightgreen; - line-height: 0; - } - fieldset { - width: 20px; - height: 10px; - border: 1px dotted green; - margin: 0; - padding: 0; - } - </style> - </head> - <body> - <div class="flexbox"> - <fieldset/> - </div> - - <div class="flexbox"> - <div style="font: 8px monospace; height: 188px"> - a b - </div> - <fieldset/> - </div> - - <div class="flexbox"> - <fieldset style="height: 122.5px"/><fieldset style="height: 73.5px"/> - </div> - - <div class="flexbox"> - <fieldset style="height: 93px"/><fieldset style="height: 103px"/> - </div> - - <div class="flexbox"> - <fieldset style="height: 114px"/><fieldset style="height: 82px"/> - </div> - - <div class="flexbox"> - <fieldset style="height: 106px"/><fieldset style="height: 90px"/> - </div> - - <div class="flexbox"> - <fieldset style="height: 46px"/><fieldset style="height: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-iframe-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-iframe-horiz-001-ref.xht deleted file mode 100644 index 1d00047c112..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-iframe-horiz-001-ref.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - margin-bottom: 5px; - line-height: 8px; - } - iframe { - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <iframe/> - </div> - - <div class="flexbox" style="height: 22px"> - some words - <iframe style="float:right"/> - </div> - - <div class="flexbox"> - <iframe style="width: 122.5px"/><iframe style="width: 73.5px"/> - </div> - - <div class="flexbox"> - <iframe style="width: 93px"/><iframe style="width: 103px"/> - </div> - - <div class="flexbox"> - <iframe style="width: 114px"/><iframe style="width: 82px"/> - </div> - - <div class="flexbox"> - <iframe style="width: 106px"/><iframe style="width: 90px"/> - </div> - - <div class="flexbox"> - <iframe style="width: 46px"/><iframe style="width: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-iframe-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-iframe-vert-001-ref.xht deleted file mode 100644 index d5d93ca3ca1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-iframe-vert-001-ref.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - width: 22px; - float: left; - margin-right: 10px; - background: lightgreen; - line-height: 0; - } - iframe { - width: 20px; - height: 10px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <iframe/> - </div> - - <div class="flexbox"> - <div style="font: 8px monospace; height: 188px"> - a b - </div> - <iframe/> - </div> - - <div class="flexbox"> - <iframe style="height: 122.5px"/><iframe style="height: 73.5px"/> - </div> - - <div class="flexbox"> - <iframe style="height: 93px"/><iframe style="height: 103px"/> - </div> - - <div class="flexbox"> - <iframe style="height: 114px"/><iframe style="height: 82px"/> - </div> - - <div class="flexbox"> - <iframe style="height: 106px"/><iframe style="height: 90px"/> - </div> - - <div class="flexbox"> - <iframe style="height: 46px"/><iframe style="height: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-img-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-img-horiz-001-ref.xht deleted file mode 100644 index b3db98022da..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-img-horiz-001-ref.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - margin-bottom: 5px; - line-height: 8px; - } - img { - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <img src="support/solidblue.png"/> - </div> - - <div class="flexbox" style="height: 22px"> - some words - <img src="support/solidblue.png" style="float:right"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 122.5px"/><img src="support/solidblue.png" style="width: 73.5px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 93px"/><img src="support/solidblue.png" style="width: 103px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 114px"/><img src="support/solidblue.png" style="width: 82px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 106px"/><img src="support/solidblue.png" style="width: 90px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 46px"/><img src="support/solidblue.png" style="width: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-img-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-img-vert-001-ref.xht deleted file mode 100644 index 5a987415006..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-img-vert-001-ref.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - width: 22px; - float: left; - margin-right: 10px; - background: lightgreen; - line-height: 0; - } - img { - width: 20px; - height: 10px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <img src="support/solidblue.png"/> - </div> - - <div class="flexbox"> - <div style="font: 8px monospace; height: 188px"> - a b - </div> - <img src="support/solidblue.png"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 122.5px"/><img src="support/solidblue.png" style="height: 73.5px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 93px"/><img src="support/solidblue.png" style="height: 103px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 114px"/><img src="support/solidblue.png" style="height: 82px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 106px"/><img src="support/solidblue.png" style="height: 90px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="height: 46px"/><img src="support/solidblue.png" style="height: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-textarea-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-textarea-horiz-001-ref.xht deleted file mode 100644 index eefc09c08bc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-textarea-horiz-001-ref.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - margin-bottom: 5px; - line-height: 8px; - } - textarea { - width: 10px; - height: 20px; - background: white; - border-radius: 0; - border: 1px dotted green; - padding: 0; - margin: 0; - } - </style> - </head> - <body> - <div class="flexbox"> - <textarea/> - </div> - - <div class="flexbox" style="height: 22px"><!-- height of textarea's border-box --> - some words - <textarea style="float:right"/> - </div> - - <div class="flexbox"> - <textarea style="width: 122.5px"/><textarea style="width: 73.5px"/> - </div> - - <div class="flexbox"> - <textarea style="width: 93px"/><textarea style="width: 103px"/> - </div> - - <div class="flexbox"> - <textarea style="width: 114px"/><textarea style="width: 82px"/> - </div> - - <div class="flexbox"> - <textarea style="width: 106px"/><textarea style="width: 90px"/> - </div> - - <div class="flexbox"> - <textarea style="width: 46px"/><textarea style="width: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-textarea-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-textarea-vert-001-ref.xht deleted file mode 100644 index cf4b6b4cc1c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-textarea-vert-001-ref.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - width: 22px; - float: left; - margin-right: 10px; - background: lightgreen; - line-height: 0; - } - textarea { - width: 20px; - height: 10px; - background: white; - border-radius: 0; - border: 1px dotted green; - margin: 0; - padding: 0; - } - </style> - </head> - <body> - <div class="flexbox"> - <textarea/> - </div> - - <div class="flexbox"> - <div style="font: 8px monospace; height: 188px"> - a b - </div> - <textarea/> - </div> - - <div class="flexbox"> - <textarea style="height: 122.5px"/><textarea style="height: 73.5px"/> - </div> - - <div class="flexbox"> - <textarea style="height: 93px"/><textarea style="height: 103px"/> - </div> - - <div class="flexbox"> - <textarea style="height: 114px"/><textarea style="height: 82px"/> - </div> - - <div class="flexbox"> - <textarea style="height: 106px"/><textarea style="height: 90px"/> - </div> - - <div class="flexbox"> - <textarea style="height: 46px"/><textarea style="height: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-video-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-video-horiz-001-ref.xht deleted file mode 100644 index 45cb855292a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-video-horiz-001-ref.xht +++ /dev/null @@ -1,53 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - background: lightgreen; - margin-bottom: 5px; - line-height: 8px; - } - video { - width: 10px; - height: 20px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <video/> - </div> - - <div class="flexbox" style="height: 22px"> - some words - <video style="float:right"/> - </div> - - <div class="flexbox"> - <video style="width: 122.5px"/><video style="width: 73.5px"/> - </div> - - <div class="flexbox"> - <video style="width: 93px"/><video style="width: 103px"/> - </div> - - <div class="flexbox"> - <video style="width: 114px"/><video style="width: 82px"/> - </div> - - <div class="flexbox"> - <video style="width: 106px"/><video style="width: 90px"/> - </div> - - <div class="flexbox"> - <video style="width: 46px"/><video style="width: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-video-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-video-vert-001-ref.xht deleted file mode 100644 index 18ba3b34105..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-basic-video-vert-001-ref.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - width: 22px; - float: left; - margin-right: 10px; - background: lightgreen; - line-height: 0; - } - video { - width: 20px; - height: 10px; - border: 1px dotted green; - } - </style> - </head> - <body> - <div class="flexbox"> - <video/> - </div> - - <div class="flexbox"> - <div style="font: 8px monospace; height: 188px"> - a b - </div> - <video/> - </div> - - <div class="flexbox"> - <video style="height: 122.5px"/><video style="height: 73.5px"/> - </div> - - <div class="flexbox"> - <video style="height: 93px"/><video style="height: 103px"/> - </div> - - <div class="flexbox"> - <video style="height: 114px"/><video style="height: 82px"/> - </div> - - <div class="flexbox"> - <video style="height: 106px"/><video style="height: 90px"/> - </div> - - <div class="flexbox"> - <video style="height: 46px"/><video style="height: 150px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-horiz-001-ref.xht deleted file mode 100644 index 7a37c3599c8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-horiz-001-ref.xht +++ /dev/null @@ -1,97 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - width: 60px; - height: 20px; - margin: 2px; - float: left; - } - div.item { - width: 28px; - border: 1px solid blue; - background: lightblue; - } - div.fullCrossSize { - height: 18px; - } - div.halfCrossSize { - height: 8px; - } - </style> -</head> -<body> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize"></div> - <div style="float: left" class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize"></div> - <div style="float: left" class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item halfCrossSize"></div> - <div class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item halfCrossSize"></div> - <div class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item halfCrossSize"></div> - <div class="item halfCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-horiz-002-ref.xht deleted file mode 100644 index 9561ca44ee9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-horiz-002-ref.xht +++ /dev/null @@ -1,100 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - width: 60px; - height: 20px; - margin: 2px; - float: left; - } - div.item { - width: 28px; - border: 1px solid blue; - background: lightblue; - } - div.fullCrossSize { - height: 18px; - } - div.halfCrossSize { - height: 8px; - } - div.shrunkMainSize { - width: 18px; - } - </style> -</head> -<body> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize"></div> - <div style="float: left" class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize"></div> - <div style="float: left" class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize"></div> - <div style="float: left" class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize"></div> - <div style="float: left" class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize"></div> - <div style="float: left" class="item fullCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - <div style="float: left" class="item fullCrossSize shrunkMainSize"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-vert-001-ref.xht deleted file mode 100644 index c95d2df81cc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-vert-001-ref.xht +++ /dev/null @@ -1,97 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - width: 20px; - height: 60px; - margin: 2px; - float: left; - } - div.item { - height: 28px; - border: 1px solid blue; - background: lightblue; - } - div.fullCrossSize { - width: 18px; - } - div.halfCrossSize { - width: 8px; - } - </style> -</head> -<body> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div class="item fullCrossSize"></div> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - <div class="flexbox"> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - <div style="float: left" class="item halfCrossSize"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-vert-002-ref.xht deleted file mode 100644 index 65c65bb8931..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-break-request-vert-002-ref.xht +++ /dev/null @@ -1,100 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - width: 20px; - height: 60px; - margin: 2px; - float: left; - } - div.item { - height: 28px; - border: 1px solid blue; - background: lightblue; - } - div.fullCrossSize { - width: 18px; - } - div.halfCrossSize { - width: 8px; - } - div.shrunkMainSize { - height: 18px; - } - </style> -</head> -<body> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div class="item fullCrossSize"></div> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - <div class="item fullCrossSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize"></div> - <div class="item fullCrossSize"></div> - </div> - <div style="clear: both"></div> - - <div class="flexbox"> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - </div> - <div class="flexbox"> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - <div class="item fullCrossSize shrunkMainSize"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-baseline-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-baseline-001-ref.xht deleted file mode 100644 index 1faaeaaaa45..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-baseline-001-ref.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- In this reference case, we get each container to be sized the same as - in the testcase, without any visible baseline alignemnt, by using some - hidden flex items. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - width: 50px; - background: yellow; - border: 1px dotted black; - margin: 5px; - align-items: flex-start; - } - .hiddenItemForSizing { - width: 0; - min-width: 0; /* disable default min-width:auto behavior */ - color: transparent; - align-self: baseline; - } - .largeFont { - font-size: 20px; - background: lightblue; - /* Our flex items get padding on opposite sides (top/bottom) so that they - produce a large combined height when baseline-aligned: */ - padding-top: 5px; - } - .smallFont { - font-size: 10px; - background: pink; - /* Our flex items get padding on opposite sides (top/bottom) so that they - produce a large combined height when baseline-aligned: */ - padding-bottom: 20px; - } - </style> -</head> -<body> - <div class="flexContainer"> - <div class="largeFont">a</div> - <!-- Hidden flex items used to determine container's cross size, - based on their baseline-aligned combined cross size: --> - <div class="largeFont hiddenItemForSizing">a</div> - <div class="smallFont hiddenItemForSizing">b</div> - </div> - - <div class="flexContainer"> - <div class="smallFont">b</div> - <!-- Hidden flex items used to determine container's cross size, - based on their baseline-aligned combined cross size: --> - <div class="largeFont hiddenItemForSizing">a</div> - <div class="smallFont hiddenItemForSizing">b</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-001-ref.xht deleted file mode 100644 index 036a81759ba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-001-ref.xht +++ /dev/null @@ -1,100 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- In this reference case, we have blocks in place of the testcase's - flex containers. The testcase's collapsed flex items are entirely - absent here (and the remaining content is sized using exact pixel - values). ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - background: yellow; - border: 1px dotted black; - float: left; - margin: 5px; - } - .flexContainer > * { - /* All flex items have 20px base size */ - width: 20px; - } - .collapse { - flex-basis: 0; - height: 20px; - } - .flexible { - flex: 1 auto; - } - .heightTall { - height: 40px; - background: purple; - } - .heightAuto { - background: teal; - } - .heightShort { - height: 10px; - background: pink; - } - </style> -</head> -<body> - <!-- FIRST ROW: --> - <!-- Just one (collapsed) flex item, which ends up establishing - the container's size (even though it's collapsed): --> - <div class="flexContainer"> - <div class="heightTall collapse"></div> - </div> - - <div style="clear: both"></div> - - <!-- SECOND ROW: --> - <!-- One collapsed flex item, one short flex item. - (Container ends up with collapsed item's height) --> - <div class="flexContainer"> - <div class="heightTall collapse"></div> - <div class="heightShort"></div> - </div> - <!-- (same, but with items in opposite order) --> - <div class="flexContainer"> - <div class="heightShort"></div> - <div class="heightTall collapse"></div> - </div> - - <div style="clear: both"></div> - - <!-- THIRD ROW: --> - <!-- One collapsed flex item, one stretched flex item. - (Container and stretched item end up with collapsed item's height) --> - <div class="flexContainer"> - <div class="heightTall collapse"></div> - <div class="heightAuto"></div> - </div> - <!-- (again, with items in opposite order) --> - <div class="flexContainer"> - <div class="heightAuto"></div> - <div class="heightTall collapse"></div> - </div> - - <div style="clear: both"></div> - - <!-- FOURTH ROW: --> - <!-- One collapsed flex item, one other flex item; both are flexible. - (The non-collapsed one should take all of the available width.) --> - <div class="flexContainer"> - <div class="heightAuto collapse"></div> - <div class="heightTall flexible"></div> - </div> - <!-- (again, with items in opposite order) --> - <div class="flexContainer"> - <div class="heightTall flexible"></div> - <div class="heightAuto collapse"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-002-ref.xht deleted file mode 100644 index 9ac999beda4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-002-ref.xht +++ /dev/null @@ -1,107 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - flex-wrap: wrap; - - /* These let us show where each flex line begins (and hence, how tall - the flex lines end up) */ - align-content: flex-start; - align-items: flex-start; - - width: 30px; - background: yellow; - border: 1px dotted black; - float: left; - margin: 5px; - } - .collapsedItem { - width: 0; - height: 25px; - } - .halfWidthItem { - width: 15px; - height: 15px; - background: teal; - } - .fullWidthItem { - width: 30px; - height: 20px; - background: purple; - } - .veryTallItem { - width: 15px; - height: 40px; - background: olive; - } - </style> -</head> -<body> - <!-- FIRST ROW: --> - <!-- One collapsed flex item, at the beginning of a flex line, which - ends up establishing its flex line's cross size: --> - <div class="flexContainer"> - <div class="collapsedItem"></div> - <div class="halfWidthItem"></div> - <div class="fullWidthItem"></div> - </div> - <!-- ...and now with it being at the end of that flex line: --> - <div class="flexContainer"> - <div class="halfWidthItem"></div> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - </div> - - <div style="clear: both"></div> - - <!-- SECOND ROW: --> - <!-- One collapsed flex item, initially in its own line. It ends - up being merged into another line after it collapses, due to its - (post-collapse) zero main-size. --> - <div class="flexContainer"> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - <div class="fullWidthItem"></div> - </div> - <div class="flexContainer"> - <div class="fullWidthItem"></div> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - </div> - <div class="flexContainer"> - <div class="fullWidthItem"></div> - <div class="fullWidthItem"></div> - <div class="collapsedItem"></div> - </div> - - <div style="clear: both"></div> - - <!-- THIRD ROW: --> - <!-- One collapsed flex item, initially in a line with an even-taller item. - The collapsed item ends up shifting into another line after it - collapses, but it carries the taller item's cross size with it, as its - strut size. --> - <div class="flexContainer"> - <div class="fullWidthItem"></div> - <div style="height: 40px" class="collapsedItem"></div> - <div class="veryTallItem"></div> - </div> - <!-- ...and now with two (differently-sized) struts in first line: - (the one that's taller - due to being initially grouped with the tall - item - wins out.) --> - <div class="flexContainer"> - <div class="collapsedItem"></div> - <div class="fullWidthItem"></div> - <div style="height: 40px" class="collapsedItem"></div> - <div class="veryTallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-003-ref.xht deleted file mode 100644 index 782e3542553..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-collapsed-item-horiz-003-ref.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - flex-wrap: wrap; - align-content: stretch; /* Initial value; just here for emphasis */ - width: 25px; - height: 60px; - background: yellow; - border: 1px dotted black; - float: left; - margin: 5px; - } - .collapsedItem { - width: 0; - height: 40px; - } - .shortItem { - width: 25px; - height: 10px; - background: purple; - } - .tallItem { - width: 10px; - height: 30px; - background: olive; - } - </style> -</head> -<body> - <div class="flexContainer"> - <div class="shortItem"></div> - <div class="collapsedItem"></div> - <div class="tallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-direction-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-direction-ref.xht deleted file mode 100644 index 9e6d400584e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-direction-ref.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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: Flexbox direction and wrapping</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <meta content="" name="flags" /> - <style> - - /* Ref test styles */ - - .flex-wrapper div{ - display: inline-block; - } - - - /* Test-series styles */ - - .flex-wrapper { - width: 120px; - height: 120px; - - /* should only display on error */ - background: red; - - /* Enforce writing mode */ - direction: ltr; - writing-mode: horizontal-tb; - } - - .flex-wrapper div { - width: 38px; - height: 38px; - - background: green; - border: 1px solid limegreen; - - color: white; - line-height: 40px; - text-align: center; - vertical-align: middle; - } - </style> - </head> - <body> - <p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p> - <div class="flex-wrapper"> - <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-flow-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-flow-001-ref.xht deleted file mode 100644 index 83805d4875c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-flow-001-ref.xht +++ /dev/null @@ -1,126 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - height: 60px; - width: 60px; - font: 10px sans-serif; - background: yellow; - float: left; - border: 1px solid black; - } - .flexContainer > * { - border: 1px dotted gray; - width: 28px; - height: 28px; - float: left; - } - - /* The single-line flex containers' flex items are shrunk in main axis: */ - .singleLineHoriz > * { - width: 13px; - } - .singleLineVert > * { - height: 13px; - float: none; - } - </style> -</head> -<body> - <!-- single-line (flex-wrap unspecified): --> - <div class="flexContainer singleLineHoriz"><!-- flex-flow: row --> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div class="flexContainer singleLineHoriz"><!-- flex-flow: row-reverse --> - <div>4</div><div>3</div><div>2</div><div>1</div> - </div> - <div class="flexContainer singleLineVert"><!-- flex-flow: column --> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div class="flexContainer singleLineVert"><!-- flex-flow: column-reverse --> - <div>4</div><div>3</div><div>2</div><div>1</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", after flex-direction: --> - <div class="flexContainer"><!-- flex-flow: row wrap --> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div class="flexContainer"><!-- flex-flow: row-reverse wrap --> - <div>2</div><div>1</div><div>4</div><div>3</div> - </div> - <div class="flexContainer"><!-- flex-flow: column wrap --> - <div>1</div><div>3</div><div>2</div><div>4</div> - </div> - <div class="flexContainer"><!-- flex-flow: column-reverse wrap --> - <div>2</div><div>4</div><div>1</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", before flex-direction: --> - <div class="flexContainer"><!-- flex-flow: wrap row --> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap row-reverse --> - <div>2</div><div>1</div><div>4</div><div>3</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap column --> - <div>1</div><div>3</div><div>2</div><div>4</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap column-reverse --> - <div>2</div><div>4</div><div>1</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", after flex-direction: --> - <div class="flexContainer"><!-- flex-flow: row wrap-reverse --> - <div>3</div><div>4</div><div>1</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: row-reverse wrap-reverse --> - <div>4</div><div>3</div><div>2</div><div>1</div> - </div> - <div class="flexContainer"><!-- flex-flow: column wrap-reverse --> - <div>3</div><div>1</div><div>4</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: column-reverse wrap-reverse --> - <div>4</div><div>2</div><div>3</div><div>1</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", before flex-direction: --> - <div class="flexContainer"><!-- flex-flow: wrap-reverse row --> - <div>3</div><div>4</div><div>1</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap-reverse row-reverse --> - <div>4</div><div>3</div><div>2</div><div>1</div> - </div> - <div class="flexContainer"> <!-- flex-flow: wrap-reverse column --> - <div>3</div><div>1</div><div>4</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap-reverse column-reverse --> - <div>4</div><div>2</div><div>3</div><div>1</div> - </div> - - <div style="clear:both"></div> - - <!-- now just specifying flex-wrap (no flex-direction) --> - <div class="flexContainer"><!-- flex-flow: wrap --> - <div>1</div><div>2</div><div>3</div><div>4</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap-reverse --> - <div>3</div><div>4</div><div>1</div><div>2</div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-flow-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-flow-002-ref.xht deleted file mode 100644 index a4ca4a3671c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-flow-002-ref.xht +++ /dev/null @@ -1,132 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - height: 60px; - width: 60px; - font: 10px sans-serif; - background: yellow; - float: left; - border: 1px solid black; - } - .flexContainer > * { - border: 1px dotted gray; - width: 28px; - height: 28px; - float: left; - } - - /* The single-line flex containers' flex items are shrunk in main axis: */ - .singleLineHoriz > * { - width: 18px; - } - .singleLineVert > * { - height: 18px; - float: none; - } - .hidden { - /* We use this to hide the "4" box in each of the multi-line chunks. - The testcase has 3 flex items in each flex container, but it's easier - to write this reference case w/ a hidden 4th box as a space-filler. */ - visibility: hidden; - } - </style> -</head> -<body> - <!-- single-line (flex-wrap unspecified): --> - <div class="flexContainer singleLineHoriz"><!-- flex-flow: row --> - <div>1</div><div>2</div><div>3</div> - </div> - <div class="flexContainer singleLineHoriz"><!-- flex-flow: row-reverse --> - <div>3</div><div>2</div><div>1</div> - </div> - <div class="flexContainer singleLineVert"><!-- flex-flow: column --> - <div>1</div><div>2</div><div>3</div> - </div> - <div class="flexContainer singleLineVert"><!-- flex-flow: column-reverse --> - <div>3</div><div>2</div><div>1</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", after flex-direction: --> - <div class="flexContainer"><!-- flex-flow: row wrap --> - <div>1</div><div>2</div><div>3</div><div class="hidden">4</div> - </div> - <div class="flexContainer"><!-- flex-flow: row-reverse wrap --> - <div>2</div><div>1</div><div class="hidden">4</div><div>3</div> - </div> - <div class="flexContainer"><!-- flex-flow: column wrap --> - <div>1</div><div>3</div><div>2</div><div class="hidden">4</div> - </div> - <div class="flexContainer"><!-- flex-flow: column-reverse wrap --> - <div>2</div><div class="hidden">4</div><div>1</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap", before flex-direction: --> - <div class="flexContainer"><!-- flex-flow: wrap row --> - <div>1</div><div>2</div><div>3</div><div class="hidden">4</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap row-reverse --> - <div>2</div><div>1</div><div class="hidden">4</div><div>3</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap column --> - <div>1</div><div>3</div><div>2</div><div class="hidden">4</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap column-reverse --> - <div>2</div><div class="hidden">4</div><div>1</div><div>3</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", after flex-direction: --> - <div class="flexContainer"><!-- flex-flow: row wrap-reverse --> - <div>3</div><div class="hidden">4</div><div>1</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: row-reverse wrap-reverse --> - <div class="hidden">4</div><div>3</div><div>2</div><div>1</div> - </div> - <div class="flexContainer"><!-- flex-flow: column wrap-reverse --> - <div>3</div><div>1</div><div class="hidden">4</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: column-reverse wrap-reverse --> - <div class="hidden">4</div><div>2</div><div>3</div><div>1</div> - </div> - - <div style="clear:both"></div> - - <!-- now using "wrap-reverse", before flex-direction: --> - <div class="flexContainer"><!-- flex-flow: wrap-reverse row --> - <div>3</div><div class="hidden">4</div><div>1</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap-reverse row-reverse --> - <div class="hidden">4</div><div>3</div><div>2</div><div>1</div> - </div> - <div class="flexContainer"> <!-- flex-flow: wrap-reverse column --> - <div>3</div><div>1</div><div class="hidden">4</div><div>2</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap-reverse column-reverse --> - <div class="hidden">4</div><div>2</div><div>3</div><div>1</div> - </div> - - <div style="clear:both"></div> - - <!-- now just specifying flex-wrap (no flex-direction) --> - <div class="flexContainer"><!-- flex-flow: wrap --> - <div>1</div><div>2</div><div>3</div><div class="hidden">4</div> - </div> - <div class="flexContainer"><!-- flex-flow: wrap-reverse --> - <div>3</div><div class="hidden">4</div><div>1</div><div>2</div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-flexing-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-flexing-ref.xht deleted file mode 100644 index 94411aa7242..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-flexing-ref.xht +++ /dev/null @@ -1,17 +0,0 @@ -<!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 Flexbox Test: flex-wrap flexes widths after line breaking</title> - <link href="mailto:stearns@adobe.com" rel="author" title="Alan Stearns" /> - <style> - .container { - width: 150px; - height: 100px; - background: green; - } - </style> -</head> -<body> - <p>Test passes if there is a green rectangle and no red.</p> - <div class="container"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-horiz-001-ref.xht deleted file mode 100644 index c81cf23582f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-horiz-001-ref.xht +++ /dev/null @@ -1,98 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - width: 100px; - height: 12px; - margin-bottom: 2px; - } - div.halfMainSize { - width: 48px; - border: 1px solid blue; - background: lightblue; - } - div.hugeMainSize { - width: 148px; - border: 1px solid purple; - background: fuchsia; - } - div.fullCrossSize { - height: 10px; - } - div.halfCrossSize { - height: 4px; - } - </style> -</head> -<body> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="halfMainSize fullCrossSize"></div> - </div> - - <!-- Single small flex item with 'margin-left' set to push it to protrude - from the far edge of the container (and to shrink as a result) --> - <div class="flexbox"> - <div style="margin-left: 80px; width: 18px" class="halfMainSize fullCrossSize"></div> - </div> - - <!-- Single small inflexible flex item with 'margin-left' set to push it to - protrude from the far edge of the container --> - <div class="flexbox"> - <div style="margin-left: 80px" class="halfMainSize fullCrossSize"></div> - </div> - - <!-- Two flex items, exactly large enough to fit in line (no wrapping): --> - <div class="flexbox"> - <div style="float: left" class="halfMainSize fullCrossSize"></div> - <div style="float: left" class="halfMainSize fullCrossSize"></div> - </div> - - <!-- and now with some margin on first item, to force second item to wrap: --> - <div class="flexbox"> - <div class="halfMainSize halfCrossSize"></div> - <div class="halfMainSize halfCrossSize"></div> - </div> - - <!-- and now with some margin on second item, again forcing it to wrap: --> - <div class="flexbox"> - <div class="halfMainSize halfCrossSize"></div> - <div class="halfMainSize halfCrossSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) and is shrunk - to fit container's main-size --> - <div class="flexbox"> - <div style="width: 98px" class="hugeMainSize fullCrossSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) --> - <div class="flexbox"> - <div class="hugeMainSize fullCrossSize"></div> - </div> - - <!-- Small flex item, followed by large flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div class="halfMainSize halfCrossSize"></div> - <div style="width: 98px" class="hugeMainSize halfCrossSize"></div> - </div> - - <!-- Small flex item, followed by large inflexible flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div class="halfMainSize halfCrossSize"></div> - <div class="hugeMainSize halfCrossSize"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-horiz-002-ref.xht deleted file mode 100644 index 10ad506d8d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-horiz-002-ref.xht +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - min-width: 100px; - height: 12px; - float: left; - clear: both; - margin-bottom: 2px; - } - div.smallItem { - width: 30px; - border: 1px solid blue; - background: lightblue; - float: left; - } - div.fullCrossSize { - height: 10px; - } - div.halfCrossSize { - height: 4px; - } - </style> -</head> -<body> - - <!-- No flex items --> - <div class="flexbox"> - </div> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="smallItem fullCrossSize"></div> - </div> - - <!-- Multiple flex items, larger than flex container's min-size: --> - <div class="flexbox"> - <div class="smallItem fullCrossSize"></div> - <div class="smallItem fullCrossSize"></div> - <div class="smallItem fullCrossSize"></div> - <div class="smallItem fullCrossSize"></div> - <div class="smallItem fullCrossSize"></div> - </div> - - <!--- ...and now with flex container constrained by both min and max-size --> - <div style="max-width: 120px" class="flexbox"> - <div class="smallItem halfCrossSize"></div> - <div class="smallItem halfCrossSize"></div> - <div class="smallItem halfCrossSize"></div> - <div class="smallItem halfCrossSize"></div> - <div class="smallItem halfCrossSize"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-nowrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-nowrap-ref.xht deleted file mode 100644 index c591cb9581a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-nowrap-ref.xht +++ /dev/null @@ -1,20 +0,0 @@ -<!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: Flexbox flex-wrap: nowrap</title> - <link href="mailto:gavin.elster@me.com" rel="author" title="Gavin Elster" /> - <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J. Etemad" /> - <meta content="" name="flags" /> - <style type="text/css"> - div { - width: 120px; - height: 120px; - background: green; - } - </style> -</head> -<body> - <p>The test passes if there is a green square and no red.</p> - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-vert-001-ref.xht deleted file mode 100644 index f6b2cdc50be..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-vert-001-ref.xht +++ /dev/null @@ -1,99 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - width: 12px; - height: 100px; - margin-right: 2px; - float: left; - } - div.halfMainSize { - height: 48px; - border: 1px solid blue; - background: lightblue; - } - div.hugeMainSize { - height: 148px; - border: 1px solid purple; - background: fuchsia; - } - div.fullCrossSize { - width: 10px; - } - div.halfCrossSize { - width: 4px; - } - </style> -</head> -<body> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="halfMainSize fullCrossSize"></div> - </div> - - <!-- Single small flex item with 'margin-left' set to push it to protrude - from the far edge of the container (and to shrink as a result) --> - <div class="flexbox"> - <div style="margin-top: 80px; height: 18px" class="halfMainSize fullCrossSize"></div> - </div> - - <!-- Single small inflexible flex item with 'margin-left' set to push it to - protrude from the far edge of the container --> - <div class="flexbox"> - <div style="margin-top: 80px" class="halfMainSize fullCrossSize"></div> - </div> - - <!-- Two flex items, exactly large enough to fit in line (no wrapping): --> - <div class="flexbox"> - <div class="halfMainSize fullCrossSize"></div> - <div class="halfMainSize fullCrossSize"></div> - </div> - - <!-- and now with some margin on first item, to force second item to wrap: --> - <div class="flexbox"> - <div style="float: left" class="halfMainSize halfCrossSize"></div> - <div style="float: left" class="halfMainSize halfCrossSize"></div> - </div> - - <!-- and now with some margin on second item, again forcing it to wrap: --> - <div class="flexbox"> - <div style="float: left" class="halfMainSize halfCrossSize"></div> - <div style="float: left" class="halfMainSize halfCrossSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) and is shrunk - to fit container's main-size --> - <div class="flexbox"> - <div style="height: 98px" class="hugeMainSize fullCrossSize"></div> - </div> - - <!-- Single large flex item: overflows (but does not wrap) --> - <div class="flexbox"> - <div class="hugeMainSize fullCrossSize"></div> - </div> - - <!-- Small flex item, followed by large flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div style="float: left" class="halfMainSize halfCrossSize"></div> - <div style="float: left; height: 98px" class="hugeMainSize halfCrossSize"></div> - </div> - - <!-- Small flex item, followed by large inflexible flex item (which wraps to - its own line and then shrink to container's main-size) --> - <div class="flexbox"> - <div style="float: left" class="halfMainSize halfCrossSize"></div> - <div style="float: left" class="hugeMainSize halfCrossSize"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-vert-002-ref.xht deleted file mode 100644 index 0f7b6073b62..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-flex-wrap-vert-002-ref.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - div.flexbox { - border: 1px dashed black; - width: 12px; - min-height: 100px; - margin-right: 2px; - float: left; - } - div.smallItem { - height: 30px; - border: 1px solid blue; - background: lightblue; - } - div.halfCrossSize { - width: 4px; - } - </style> -</head> -<body> - - <!-- No flex items --> - <div class="flexbox"> - </div> - - <!-- Single small flex item --> - <div class="flexbox"> - <div class="smallItem"></div> - </div> - - <!-- Multiple flex items, larger than flex container's min-size: --> - <div class="flexbox"> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - <div class="smallItem"></div> - </div> - - <!--- ...and now with flex container constrained by both min and max-size --> - <div style="max-height: 120px" class="flexbox"> - <div style="float: left" class="smallItem halfCrossSize"></div> - <div style="float: left" class="smallItem halfCrossSize"></div> - <div style="float: left" class="smallItem halfCrossSize"></div> - <div style="float: left" class="smallItem halfCrossSize"></div> - <div style="float: left" class="smallItem halfCrossSize"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-001-ref.xht deleted file mode 100644 index 0e26061412a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-001-ref.xht +++ /dev/null @@ -1,121 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexbox { - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - vertical-align: top; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 34px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 6px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-003-ref.xht deleted file mode 100644 index 2b575ceb334..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-003-ref.xht +++ /dev/null @@ -1,122 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexbox { - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - vertical-align: top; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 16px; - height: 40px" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 40px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 34px; - height: 40px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 40px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 40px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-004-ref.xht deleted file mode 100644 index 5f975f642e3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-004-ref.xht +++ /dev/null @@ -1,122 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexbox { - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - vertical-align: top; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 16px" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 30px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 34px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 34px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 6px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-005-ref.xht deleted file mode 100644 index 7674aac0d34..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-005-ref.xht +++ /dev/null @@ -1,122 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexbox { - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - vertical-align: top; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 6px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 30px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-006-ref.xht deleted file mode 100644 index 1f7a24a1173..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-006-ref.xht +++ /dev/null @@ -1,122 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexbox { - border: 1px solid black; - margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ - width: 40px; - height: 40px; - - float: left; /* For testing in "rows" */ - } - br { clear: both; } - - .flexbox > * { - /* Disable "min-width:auto"/"min-height:auto" to focus purely on - later channels of influence. */ - min-width: 0; - min-height: 0; - vertical-align: top; - } - </style> - </head> - <body> - <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> - - <!-- Row 1: no special sizing: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <br /> - - <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <br /> - - <!-- Row 3: min main-size OR min cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <br /> - - <!-- Row 4: max main-size OR max cross-size, or both --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 6px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 6px; - height: 10px" /> - </div> - <br /> - - <!-- Row 5: min main-size vs. max cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 40px" /> - </div> - <br /> - - <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 40px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 30px; - height: 10px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 40px" /> - </div> - <div class="flexbox"> - <img src="support/solidblue.png" style="width: 10px; - height: 40px" /> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-001-ref.xht deleted file mode 100644 index 1b5e1f21cd9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-001-ref.xht +++ /dev/null @@ -1,112 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case, with floated elements in place of flex items, and using - "position: relative" on those elements, to make z-index work on them - outside of a flex container. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .flexbox { - width: 90px; - height: 10px; - border: 2px solid gray; - margin-bottom: 10px; - } - .a { - width: 10px; - height: 10px; - background: lightblue; - min-width: 0; - float: left; - } - .b { - width: 10px; - height: 10px; - background: pink; - min-width: 0; - margin-right: 10px; - float: left; - } - .aKid { - margin-left: 3px; - margin-top: 3px; - width: 10px; - height: 10px; - background: steelblue; - border: 1px solid blue; - } - .bKid { - margin-left: 3px; - margin-top: 6px; - width: 10px; - height: 10px; - background: violet; - border: 1px solid purple; - } - - .z0, .z1, .zn1 { position: relative; } - .z0 { z-index: 0; } - .z1 { z-index: 1; } - .zn1 { z-index: -1; } - - </style> - </head> - <body> - <!-- No "z-index" --> - <div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" just on the first item --> - <div class="flexbox"> - <div class="a zn1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - - <div class="a z1"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" just on the second item --> - <div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b zn1"><div class="bKid"/></div> - - <div class="a"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a"><div class="aKid"/></div> - <div class="b z1"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" on the first item, w/ "z-index:0" on second item --> - <div class="flexbox"> - <div class="a zn1"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a z1"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - </div> - - <!-- Various "z-index" on the second item, w/ "z-index:0" on first item --> - <div class="flexbox"> - <div class="a z0"><div class="aKid"/></div> - <div class="b zn1"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b z0"><div class="bKid"/></div> - - <div class="a z0"><div class="aKid"/></div> - <div class="b z1"><div class="bKid"/></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-002-ref.xht deleted file mode 100644 index b1fb51a74b3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-002-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - body { font: 10px sans-serif } - .flexContainer { - background: orange; - width: 70px; - padding: 2px; - margin-bottom: 2px; - } - - .flexContainer > div:first-child { - margin-right: 10px; /* the space between the flex items, in testcase */ - } - - .item1 { - display: inline-block; - background: lightblue; - width: 30px; - } - .item2 { - display: inline-block; - background: yellow; - width: 30px; - } - </style> -</head> -<body> - <div class="flexContainer"><div class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIsSomeMoreLongText</div></div> - - <div class="flexContainer"><div style="position:relative" class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIsSomeMoreLongText</div></div> - - <div class="flexContainer"><div style="position:relative" class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIsSomeMoreLongText</div></div> - - <div class="flexContainer"><div class="item2">HereIsSomeMoreLongText</div><div class="item1">ThisIsALongUnbrokenString</div></div> - - <div class="flexContainer"><div class="item2">HereIsSomeMoreLongText</div><div class="item1">ThisIsALongUnbrokenString</div></div> - - <div class="flexContainer"><div style="position:relative" class="item2">HereIsSomeMoreLongText</div><div class="item1">ThisIsALongUnbrokenString</div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-003-ref.xht deleted file mode 100644 index 4bb95b2a73a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-items-as-stacking-contexts-003-ref.xht +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: orange; - width: 70px; - height: 20px; - padding: 2px; - margin-bottom: 2px; - } - .item1 { - display: inline-block; - background: lightblue; - width: 30px; - height: 16px; - padding: 2px; - margin-right: 2px; - vertical-align: top; - } - .item2 { - display: inline-block; - background: yellow; - width: 30px; - height: 16px; - padding: 2px; - vertical-align: top; - } - .grandchildA { - background: purple; - width: 80px; - height: 6px; - position: relative; - z-index: 10; - } - .grandchildB { - background: teal; - width: 80px; - height: 6px; - position: relative; - z-index: 20; - } - .grandchildC { - background: lime; - width: 20px; - height: 16px; - position: relative; - /* This z-index should interleave this content - between grandchildA and grandchildB: */ - z-index: 15; - } - </style> -</head> -<body> - <div class="flexContainer"><div class="item1"><div class="grandchildA"></div><div class="grandchildB"></div></div><div class="item2"><div class="grandchildC"></div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-001-ref.xht deleted file mode 100644 index bff4e5112e1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-001-ref.xht +++ /dev/null @@ -1,135 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - margin-bottom: 2px; - line-height: 0; - } - div.flexbox > * { - display: inline-block; - } - div.a { - height: 20px; - width: 10px; - background: lightgreen; - } - div.b { - height: 20px; - width: 50px; - background: pink; - } - div.c { - height: 20px; - width: 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox"> - <div class="a" style="margin-left: 190px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 140px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 40px"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox"> - <div class="a" style="margin-left: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 70px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 20px"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b" style="margin-left: 140px"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b" style="margin-left: 20px"/><div class="c" style="margin-left: 20px"/> - </div> - - <!-- space-around --> - <div class="flexbox"> - <div class="a" style="margin-left: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 35px"/><div class="b" style="margin-left: 70px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: calc(40px / 6)"/><div class="b" style="margin-left: calc(40px / 3)"/><div class="c" style="margin-left: calc(40px / 3)"/> - </div> - - <!-- space-evenly --> - <div class="flexbox"> - <div class="a" style="margin-left: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: calc(140px / 3)"/><div class="b" style="margin-left: calc(140px / 3)"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 10px"/><div class="b" style="margin-left: 10px"/><div class="c" style="margin-left: 10px"/> - </div> - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox"> - <div class="a" style="margin-left: 190px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 140px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 40px"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-002-ref.xht deleted file mode 100644 index 267962379ae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-002-ref.xht +++ /dev/null @@ -1,149 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - width: 200px; - line-height: 0; - margin-bottom: 4px; - border: 1px dotted black; - } - div.flexbox > * { - vertical-align: top; - display: inline-block; - } - div.a { - height: 10px; - width: 10px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 1px; - border-right-width: 2px; - border-bottom-width: 3px; - border-left-width: 4px; - padding: 2px; - } - div.b { - height: 10px; - width: 50px; - background: pink; - padding: 4px 3px 2px 1px; - margin: 2px 3px 4px 5px; - } - div.c { - height: 10px; - width: 100px; - background: orange; - margin: 3px; - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox"> - <div class="a" style="margin-left: 180px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 118px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 8px"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox"> - <div class="a" style="margin-left: 90px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 59px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 4px"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div style="margin-left: 118px"><div class="b"/></div> - </div> - <div class="flexbox"> - <div class="a"/><div style="margin-left: 4px"><div class="b"/></div><div style="margin-left: 4px"><div class="c"/></div> - </div> - - <!-- space-around --> - <div class="flexbox"> - <div class="a" style="margin-left: 90px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 29.5px"/><div style="margin-left: 59px"><div class="b"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: calc(8px / 6)"/><div style="margin-left: calc(8px / 3)"><div class="b"/></div><div style="margin-left: calc(8px / 3)"><div class="c"/></div> - </div> - - <!-- space-evenly --> - <div class="flexbox"> - <div class="a" style="margin-left: 90px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: calc(118px / 3)"/><div style="margin-left: calc(118px / 3)"><div class="b"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 2px"/><div style="margin-left: 2px"><div class="b"/></div><div style="margin-left: 2px"><div class="c"/></div> - </div> - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox"> - <div class="a" style="margin-left: 180px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 118px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-left: 8px"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-003-ref.xht deleted file mode 100644 index 6c45ed374a2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-003-ref.xht +++ /dev/null @@ -1,136 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - body { margin-left: 0px; } /* We'll apply margins w/ style attribute */ - div.flexbox { - margin-bottom: 2px; - line-height: 0; - } - div.flexbox > * { - display: inline-block; - } - div.a { - height: 20px; - width: 35px; - background: lightgreen; - } - div.b { - height: 20px; - width: 40px; - background: pink; - } - div.c { - height: 20px; - width: 45px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="margin-left: 95px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 55px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 10px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="margin-left: 97.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 77.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 55px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="margin-left: 97.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 77.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 55px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="margin-left: 97.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 77.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 55px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="margin-left: 95px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 55px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 10px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-004-ref.xht deleted file mode 100644 index a7f20063bdd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-004-ref.xht +++ /dev/null @@ -1,148 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - body { margin-left: 0px; } /* We'll apply margins w/ style attribute */ - div.flexbox { - line-height: 0; - margin-bottom: 4px; - } - div.flexbox > * { - vertical-align: top; - display: inline-block; - } - div.a { - height: 10px; - width: 35px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 1px; - border-right-width: 2px; - border-bottom-width: 3px; - border-left-width: 4px; - padding: 2px; - } - div.b { - height: 10px; - width: 40px; - background: pink; - padding: 4px 3px 2px 1px; - margin: 2px 3px 4px 5px; - } - div.c { - height: 10px; - width: 45px; - background: orange; - margin: 3px; - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="margin-left: 85px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 33px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: -22px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="margin-left: 92.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 66.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 39px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="margin-left: 92.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 66.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 39px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="margin-left: 92.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 66.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 39px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="margin-left: 85px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-left: 33px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-left: -22px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-005-ref.xht deleted file mode 100644 index 0fd33212b95..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-horiz-005-ref.xht +++ /dev/null @@ -1,187 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - body { line-height: 0; } - - div.flexbox > * { - display: inline-block; - } - div.a { - height: 20px; - width: 10px; - background: lightgreen; - } - div.b { - height: 20px; - width: 50px; - background: pink; - } - div.c { - height: 20px; - width: 100px; - background: orange; - } - .centerParent { - text-align: center; - } - .center { - display: inline-block; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="float:right; clear:right;"> - <div class="a"/> - </div> - <div class="flexbox" style="float:right; clear:right;"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="float:right; clear:right;"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - <div style="clear:right;"/> - - <!-- center --> - <div class="centerParent"> - <div class="flexbox center"> - <div class="a"/> - </div> - </div> - <div class="centerParent"> - <div class="flexbox center"> - <div class="a"/><div class="b"/> - </div> - </div> - <div class="centerParent"> - <div class="flexbox center"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b" style="float: right"/> - </div> - <div class="flexbox"> - <div class="a" style="display:block; float: left"/> - <div class="c" style="float:right"/> - <!-- Use fixed-size margins to subtract space for "a" and "c", and then - use auto margins to center 'b' within the remaining space --> - <div style="display: block; margin-left: 10px; margin-right: 100px"> - <div class="b" style="margin: auto"/> - </div> - </div> - - <!-- space-around --> - <!-- Center "a" here just as we did above in the "center" case. --> - <div class="centerParent"> - <div class="flexbox center"> - <div class="a"/> - </div> - </div> - <!-- For the rest, we'll use a flex container with invisible flexible items - instead of packing space. That's simpler than trying to hack up - a width-independent reference case for "justify-content: space-around". - (There are other reftests to ensure that basic flex container - behavior is correct, so it's safe to rely on it here.) --> - <div class="flexbox" style="display: flex"> - <div style="flex: 0.5"/> - <div class="a"/> - <div style="flex: 1"/> - <div class="b"/> - <div style="flex: 0.5"/> - </div> - <div class="flexbox" style="display: flex"> - <div style="flex: 0.5"/> - <div class="a"/> - <div style="flex: 1"/> - <div class="b"/> - <div style="flex: 1"/> - <div class="c"/> - <div style="flex: 0.5"/> - </div> - - <!-- space-evenly --> - <!-- Center "a" here just as we did above in the "center" case. --> - <div class="centerParent"> - <div class="flexbox center"> - <div class="a"/> - </div> - </div> - <!-- As above with space-around, we'll use a flex container with invisible - flexible items instead of packing space. --> - <div class="flexbox" style="display: flex"> - <div style="flex: 1"/> - <div class="a"/> - <div style="flex: 1"/> - <div class="b"/> - <div style="flex: 1"/> - </div> - <div class="flexbox" style="display: flex"> - <div style="flex: 1"/> - <div class="a"/> - <div style="flex: 1"/> - <div class="b"/> - <div style="flex: 1"/> - <div class="c"/> - <div style="flex: 1"/> - </div> - - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="float:right; clear:right;"> - <div class="a"/> - </div> - <div class="flexbox" style="float:right; clear:right;"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="float:right; clear:right;"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - <div style="clear:right;"/> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-001-ref.xht deleted file mode 100644 index f097c1b5ca7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-001-ref.xht +++ /dev/null @@ -1,133 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - margin-right: 2px; - float: left; - } - div.a { - width: 20px; - height: 10px; - background: lightgreen; - } - div.b { - width: 20px; - height: 50px; - background: pink; - } - div.c { - width: 20px; - height: 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox"> - <div class="a" style="margin-top: 190px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 140px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 40px"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox"> - <div class="a" style="margin-top: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 70px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 20px"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b" style="margin-top: 140px"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b" style="margin-top: 20px"/><div class="c" style="margin-top: 20px"/> - </div> - - <!-- space-around --> - <div class="flexbox"> - <div class="a" style="margin-top: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 35px"/><div class="b" style="margin-top: 70px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: calc(40px / 6)"/><div class="b" style="margin-top: calc(40px / 3)"/><div class="c" style="margin-top: calc(40px / 3)"/> - </div> - - <!-- space-evenly --> - <div class="flexbox"> - <div class="a" style="margin-top: 95px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: calc(140px / 3)"/><div class="b" style="margin-top: calc(140px / 3)"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 10px"/><div class="b" style="margin-top: 10px"/><div class="c" style="margin-top: 10px"/> - </div> - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-002-ref.xht deleted file mode 100644 index ad760e74993..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-002-ref.xht +++ /dev/null @@ -1,146 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - height: 200px; - margin-right: 2px; - border: 1px dotted black; - float: left; - } - div.a { - width: 10px; - height: 10px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 4px; - border-right-width: 3px; - border-bottom-width: 2px; - border-left-width: 1px; - padding: 2px; - } - div.b { - width: 10px; - height: 50px; - background: pink; - padding: 1px 2px 3px 4px; - margin: 5px 4px 3px 2px; - } - div.c { - width: 10px; - height: 100px; - background: orange; - margin: 3px; - margin-top: 6px; /* Increased to counteract for collapsing */ - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox"> - <div class="a" style="margin-top: 180px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 118px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 8px"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox"> - <div class="a" style="margin-top: 90px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 59px"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 4px"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div style="margin-top: 123px"><div class="b"/></div> - </div> - <div class="flexbox"> - <div class="a"/><div style="margin-top: 9px"><div class="b"/></div><div style="margin-top: 10px"><div class="c"/></div> - </div> - - <!-- space-around --> - <div class="flexbox"> - <div class="a" style="margin-top: 90px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 29.5px"/><div style="margin-top: 64px"><div class="b"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: calc(8px / 6)"/><div style="margin-top: calc(5px + 8px / 3)"><div class="b"/></div><div style="margin-top: calc(6px + 8px / 3)"><div class="c"/></div> - </div> - - <!-- space-evenly --> - <div class="flexbox"> - <div class="a" style="margin-top: 90px"/> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: calc(118px / 3)"/><div style="margin-top: calc(5px + 118px / 3)"><div class="b"/></div> - </div> - <div class="flexbox"> - <div class="a" style="margin-top: 2px"/><div style="margin-top: 7px"><div class="b"/></div><div style="margin-top: 8px"><div class="c"/></div> - </div> - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-003-ref.xht deleted file mode 100644 index cfe535b7c9d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-003-ref.xht +++ /dev/null @@ -1,134 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - body { margin-top: 0px; } /* We'll apply margins w/ style attribute */ - div.flexbox { - height: 200px; - margin-right: 2px; - float: left; - } - div.a { - width: 20px; - height: 35px; - background: lightgreen; - } - div.b { - width: 20px; - height: 40px; - background: pink; - } - div.c { - width: 20px; - height: 45px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="margin-top: 95px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 55px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 10px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="margin-top: 97.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 77.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 55px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="margin-top: 97.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 77.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 55px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="margin-top: 97.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 77.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 55px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-004-ref.xht deleted file mode 100644 index 870a1d5fe9d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-004-ref.xht +++ /dev/null @@ -1,145 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - body { margin-top: 0px; } /* We'll apply margins w/ style attribute */ - div.flexbox { - margin-right: 4px; - float: left; - } - div.a { - width: 10px; - height: 35px; - background: lightgreen; - border-style: solid; - border-color: purple; - border-top-width: 4px; - border-right-width: 3px; - border-bottom-width: 2px; - border-left-width: 1px; - padding: 2px; - } - div.b { - width: 10px; - height: 40px; - background: pink; - padding: 1px 2px 3px 4px; - margin: 5px 4px 3px 2px; - } - div.c { - width: 10px; - height: 45px; - background: orange; - margin: 3px; - margin-top: 6px; /* Increased to counteract for collapsing */ - border: 2px dashed teal; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox" style="margin-top: 85px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 33px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: -22px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox" style="margin-top: 92.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 66.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 39px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox" style="margin-top: 92.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 66.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 39px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox" style="margin-top: 92.5px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 66.5px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 39px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox" style="margin-top: 100px"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-005-ref.xht deleted file mode 100644 index 4a70c6d16c0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-justify-content-vert-005-ref.xht +++ /dev/null @@ -1,133 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - margin-right: 2px; - float: left; - border: 1px dotted black; - } - div.a { - width: 20px; - height: 10px; - background: lightgreen; - } - div.b { - width: 20px; - height: 50px; - background: pink; - } - div.c { - width: 20px; - height: 100px; - background: orange; - } - </style> - </head> - <body> - - <!-- default (start) --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-start --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- flex-end --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- center --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-between --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-around --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- space-evenly --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- left --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <!-- right --> - <div class="flexbox"> - <div class="a"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/> - </div> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-margin-auto-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-margin-auto-horiz-001-ref.xht deleted file mode 100644 index 9031929504b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-margin-auto-horiz-001-ref.xht +++ /dev/null @@ -1,85 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 20px; } - div.flexbox { - width: 200px; - background: lightgray; - margin-bottom: 2px; - } - div.a { - width: 20px; - background: green; - display: inline-block; - } - div.b { - width: 20px; - background: pink; - display: inline-block; - } - div.c { - width: 20px; - background: purple; - display: inline-block; - } - - <!-- These classes allow us to conveniently/concisely specify margin - values below, for exact positioning of the items on each reference - line. ("l" = "margin-_l_eft", and the number = number of pixels) --> - div.l180 { margin-left: 180px } - div.l90 { margin-left: 90px } - div.l80 { margin-left: 80px } - div.l70 { margin-left: 70px } - div.l53 { margin-left: calc(160px / 3) } <!-- == 53.33333px --> - div.l35 { margin-left: 35px } - </style> - </head> - <body> - <!-- just one item --> - <div class="flexbox"> - <div class="a l180"/> - </div> - <div class="flexbox"> - <div class="b l90"/> - </div> - <div class="flexbox"> - <div class="c"/> - </div> - - <!-- Two items --> - <div class="flexbox"> - <div class="a l53"/><div class="b l53"/> - </div> - <div class="flexbox"> - <div class="a l80"/><div class="c"/> - </div> - <div class="flexbox"> - <div class="b l53"/><div class="c l53"/> - </div> - - <!-- Three items --> - <div class="flexbox"> - <div class="a l35"/><div class="b l35"/><div class="c l35"/> - </div> - <div class="flexbox"> - <div class="a l35"/><div class="c"/><div class="b l70"/> - </div> - <div class="flexbox"> - <div class="b l35"/><div class="a l70"/><div class="c"/> - </div> - <div class="flexbox"> - <div class="b l35"/><div class="c l35"/><div class="a l70"/> - </div> - <div class="flexbox"> - <div class="c"/><div class="a l70"/><div class="b l35"/> - </div> - <div class="flexbox"> - <div class="c"/><div class="b l70"/><div class="a l70"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-margin-auto-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-margin-auto-horiz-002-ref.xht deleted file mode 100644 index afbd08f4052..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-margin-auto-horiz-002-ref.xht +++ /dev/null @@ -1,58 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Testcase with a variety of 'display: flex' examples - with margin-top and/or margin-bottom set to 'auto' on flex items. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - border: 2px dotted black; - display: flex; - margin-bottom: 2px; - width: 100px; - } - div.fixedSize { - width: 20px; - height: 20px; - } - div.gray { background: gray; } - div.green { background: green; } - div.pink { background: pink; } - div.blue { background: blue; } - </style> - </head> - <body> - - <!-- fixed-height flexbox, with items that have auto margins --> - <div class="flexbox" style="height: 100px"> - <div class="fixedSize green" style="margin-top: 80px"/> - <div class="fixedSize pink"/> - <div class="fixedSize blue" style="margin-top: 40px"/> - </div> - <!-- fixed-height flexbox, with items that have auto & fixed margins --> - <div class="flexbox" style="height: 100px"> - <div class="fixedSize green" style="margin-top: 70px"/> - <div class="fixedSize pink" style="margin-top: 10px"/> - </div> - - <!-- height-shrinkwrapping flexbox, sized by item w/ fixed height & margins, - with other items that have auto margins --> - <div class="flexbox" style="height: 50px"> - <div class="fixedSize green" style="margin-top: 30px"/> - <div class="fixedSize pink"/> - <div class="fixedSize blue" style="margin-top: 15px"/> - <div class="gray" style="width: 10px; height: 30px; margin-top: 10px"/> - </div> - - <!-- height-shrinkwrapping flexbox, sized by item w/ fixed height & margins, - with other items that have auto & fixed margins --> - <div class="flexbox" style="height: 50px"> - <div class="fixedSize green" style="margin-top: 20px"/> - <div class="fixedSize pink" style="margin-top: 10px"/> - <div class="gray" style="width: 10px; height: 30px; margin-top: 10px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-001-ref.xht deleted file mode 100644 index b77f91fdccb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-001-ref.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - } - div.a { - display: inline-block; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - display: inline-block; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - display: inline-block; - background: orange; - } - div.flexNone { - display: inline-block; - background: pink; - } - div.flexBasis { - display: inline-block; - background: gray; - } - div.spacer { - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="a" style="width: 74px"/><div class="b" style="width: 110px"/> - </div> - <div class="flexbox"> - <div class="a" style="width: 56.5px"/><div class="c" style="width: 137.5px"/> - </div> - <div class="flexbox"> - <div class="a" style="width: 179px"/><div class="flexNone"> - <div class="spacer" style="width: 15px"/></div> - </div> - <div class="flexbox"> - <div class="b" style="width: 66px"/><div class="c" style="width: 124px"/> - </div> - <div class="flexbox"> - <div class="b" style="width: 160px"/><div class="flexNone"> - <div class="spacer" style="width: 30px"/></div> - </div> - <div class="flexbox"> - <div class="a" style="width: 39px"/><div class="b" style="width: 40px"/><div class="flexBasis" style="width: 20px"/><div class="c" style="width: 85px"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-001-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-001-reverse-ref.xht deleted file mode 100644 index cafa668496e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-001-reverse-ref.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - } - div.a { - display: inline-block; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - display: inline-block; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - display: inline-block; - background: orange; - } - div.flexNone { - display: inline-block; - background: pink; - } - div.flexBasis { - display: inline-block; - background: gray; - } - div.spacer { - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="b" style="width: 110px"/><div class="a" style="width: 74px"/> - </div> - <div class="flexbox"> - <div class="c" style="width: 137.5px"/><div class="a" style="width: 56.5px"/> - </div> - <div class="flexbox"> - <div class="flexNone"><div class="spacer" style="width: 15px"/> - </div><div class="a" style="width: 179px"/> - </div> - <div class="flexbox"> - <div class="c" style="width: 124px"/><div class="b" style="width: 66px"/> - </div> - <div class="flexbox"> - <div class="flexNone"><div class="spacer" style="width: 30px"/> - </div><div class="b" style="width: 160px"/> - </div> - <div class="flexbox"> - <div class="c" style="width: 85px"/><div class="flexBasis" style="width: 20px"/><div class="b" style="width: 40px"/><div class="a" style="width: 39px"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-002-ref.xht deleted file mode 100644 index d8fa2447405..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-002-ref.xht +++ /dev/null @@ -1,71 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 100px; border: 0; } - div.flexbox { - width: 200px; - } - div.a { - display: inline-block; - background: lightgreen; - margin-left: 1px; - margin-right: 3px; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.b { - display: inline-block; - background: yellow; - margin-left: 2px; - margin-right: 4px; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - div.c { - display: inline-block; - background: orange; - } - div.flexNone { - display: inline-block; - background: pink; - } - div.flexBasis { - display: inline-block; - background: gray; - } - div.spacer { - height: 15px; - background: purple; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="a" style="width: 70px"/><div class="b" style="width: 104px"/> - </div> - <div class="flexbox"> - <div class="a" style="width: 52.5px"/><div class="c" style="width: 137.5px"/> - </div> - <div class="flexbox"> - <div class="a" style="width: 175px"/><div class="flexNone"> - <div class="spacer" style="width: 15px"/></div> - </div> - <div class="flexbox"> - <div class="b" style="width: 60px"/><div class="c" style="width: 124px"/> - </div> - <div class="flexbox"> - <div class="b" style="width: 154px"/><div class="flexNone"> - <div class="spacer" style="width: 30px"/></div> - </div> - <div class="flexbox"> - <div class="a" style="width: 35px"/><div class="b" style="width: 34px"/><div class="flexBasis" style="width: 20px"/><div class="c" style="width: 85px"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-003-ref.xht deleted file mode 100644 index 2c0f6cd5e81..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-003-ref.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 20px; border: 0; } - div.flexbox { - width: 200px; - margin-bottom: 2px; - } - - <!-- customizations for flexbox border/padding --> - .borderA { - border-style: dashed; - border-color: purple; - border-top-width: 6px; - border-right-width: 4px; - border-bottom-width: 2px; - border-left-width: 8px; - } - - .borderB { - border-style: dashed; - border-color: purple; - border-top-width: 4px; - border-right-width: 5px; - border-bottom-width: 6px; - border-left-width: 7px; - } - - .paddingA { - padding: 4px 3px 2px 1px; - } - - .paddingB { - padding: 8px 11px 14px 17px; - } - - div.child1 { - display: inline-block; - width: 74px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.child2 { - display: inline-block; - width: 110px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - </style> - </head> - <body> - <div class="flexbox borderA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderA paddingB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox borderB paddingB"><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingA"><div class="child1"/><div class="child2"/></div> - <div class="flexbox paddingB"><div class="child1"/><div class="child2"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-003-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-003-reverse-ref.xht deleted file mode 100644 index 6a2906c209b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-003-reverse-ref.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 20px; border: 0; } - div.flexbox { - width: 200px; - margin-bottom: 2px; - } - - <!-- customizations for flexbox border/padding --> - .borderA { - border-style: dashed; - border-color: purple; - border-top-width: 6px; - border-right-width: 4px; - border-bottom-width: 2px; - border-left-width: 8px; - } - - .borderB { - border-style: dashed; - border-color: purple; - border-top-width: 4px; - border-right-width: 5px; - border-bottom-width: 6px; - border-left-width: 7px; - } - - .paddingA { - padding: 4px 3px 2px 1px; - } - - .paddingB { - padding: 8px 11px 14px 17px; - } - - div.child1 { - display: inline-block; - width: 74px; - background: lightgreen; - border-style: dotted; - border-left-width: 2px; - border-right-width: 4px; - } - div.child2 { - display: inline-block; - width: 110px; - background: yellow; - border-style: dashed; - border-left-width: 7px; - border-right-width: 3px; - } - </style> - </head> - <body> - <div class="flexbox borderA"><div class="child2"/><div class="child1"/></div> - <div class="flexbox borderA paddingA"><div class="child2"/><div class="child1"/></div> - <div class="flexbox borderA paddingB"><div class="child2"/><div class="child1"/></div> - <div class="flexbox borderB"><div class="child2"/><div class="child1"/></div> - <div class="flexbox borderB paddingA"><div class="child2"/><div class="child1"/></div> - <div class="flexbox borderB paddingB"><div class="child2"/><div class="child1"/></div> - <div class="flexbox paddingA"><div class="child2"/><div class="child1"/></div> - <div class="flexbox paddingB"><div class="child2"/><div class="child1"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-004-ref.xht deleted file mode 100644 index 3d4a2aad169..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-mbp-horiz-004-ref.xht +++ /dev/null @@ -1,74 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case - identical to the testcase, but with with the flex items' - vertical margin and padding values set to 0 by default, and then set to - specific pixel values for the items that have a 50px percent-basis. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { border: 0; } - div.flexbox { - width: 200px; - display: flex; - margin-bottom: 2px; - border: 1px dotted black; - } - div.height50 { height: 50px; } - - .marginA { margin: 0 8% 0 4%; } - .marginB { margin: 0 10% 0 14%; } - .paddingA { padding: 0 6% 0 2%; } - .paddingB { padding: 0 8% 0 12%; } - - div.height50 > .marginA { - margin-top: 5px; - margin-bottom: 3px; - } - div.height50 > .marginB { - margin-top: 4px; - margin-bottom: 6px; - } - div.height50 > .paddingA { - padding-top: 4px; - padding-bottom: 2px; - } - div.height50 > .paddingB { - padding-top: 3px; - padding-bottom: 5px; - } - - div.child1 { - flex: none; - width: 10px; - height: 10px; - background: lightgreen; - } - div.child2 { - flex: none; - width: 10px; - height: 10px; - background: purple; - } - - div.filler { - /* Filler-div to fill up content-box and make padding easier to see. */ - height: 10px; - width: 100%; - background: lightgrey; - } - - </style> - </head> - <body> - <div class="flexbox"><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"/><div class="child2 marginB"/></div> - - <div class="flexbox height50"><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"/><div class="child2 marginB"/></div> - - <div class="flexbox height50" style="align-items: flex-end"><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"/><div class="child2 marginB"/></div> - - <div class="flexbox height50"><div class="child1 paddingA marginA"><div class="filler"/></div><div class="child2 paddingB marginB"><div class="filler"/></div></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-001-ref.xht deleted file mode 100644 index 993cbd3a09e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-001-ref.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .item { - /* Flex items have purple border: */ - border: 2px dotted purple; - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .small { height: 50px; } - .big { height: 80px; } - - .item > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - width: 10px; - height: 80px; - } - </style> - </head> - <body> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - - <div class="item big"><div></div></div> - <div class="item big"><div></div></div> - <div class="item big"><div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-002-ref.xht deleted file mode 100644 index fa0eb0c8512..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-002-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - img { - width: 30px; - height: 30px; - float: left; - border: 2px dotted purple; - margin-right: 2px; /* (Just for spacing things out, visually) */ - } - </style> - </head> - <body> - <img src="support/solidblue.png" alt="blue square" /> - <img src="support/solidblue.png" alt="blue square" /> - <img src="support/solidblue.png" alt="blue square" /> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-003-ref.xht deleted file mode 100644 index 18ca4d5bbaa..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-003-ref.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .item { - /* Flex items have purple border: */ - border: 2px dotted purple; - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .small { height: 26px; } - .big { height: 80px; } - - .item > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - width: 40px; - height: 80px; - } - - .yvisible { overflow-y: visible; } - .yhidden { overflow-y: hidden; } - .yscroll { overflow-y: scroll; } - .yauto { overflow-y: auto; } - </style> - </head> - <body> - <div class="item big yvisible"><div></div></div> - <div class="item small yhidden"><div></div></div> - <div class="item small yscroll"><div></div></div> - <div class="item small yauto"><div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-004-ref.xht deleted file mode 100644 index 9b35d0e2012..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-height-auto-004-ref.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .item { - /* Flex items have purple border: */ - border: 2px dotted purple; - margin-right: 2px; /* (Just for spacing things out, visually) */ - float: left; - } - - .small { height: 26px; } - .big { height: 80px; } - - .item > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - width: 40px; - height: 80px; - } - - .xvisible { overflow-x: visible; } - .xhidden { overflow-x: hidden; } - .xscroll { overflow-x: scroll; } - .xauto { overflow-x: auto; } - </style> - </head> - <body> - <div class="item big xvisible"><div></div></div> - <div class="item small xhidden"><div></div></div> - <div class="item small xscroll"><div></div></div> - <div class="item small xauto"><div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-001-ref.xht deleted file mode 100644 index 86cb2765cb7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-001-ref.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .item { - /* Flex items have purple border: */ - border: 2px dotted purple; - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .small { width: 50px; } - .big { width: 80px; } - - .item > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - height: 10px; - width: 80px; - } - </style> - </head> - <body> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - <div class="item small"><div></div></div> - - <div class="item big"><div></div></div> - <div class="item big"><div></div></div> - <div class="item big"><div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-002-ref.xht deleted file mode 100644 index a0bbff3c7e8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-002-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - img { - width: 30px; - height: 30px; - display: block; - border: 2px dotted purple; - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - </style> - </head> - <body> - <img src="support/solidblue.png" alt="blue square" /> - <img src="support/solidblue.png" alt="blue square" /> - <img src="support/solidblue.png" alt="blue square" /> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-003-ref.xht deleted file mode 100644 index e6f714f5717..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-003-ref.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .item { - /* Flex items have purple border: */ - border: 2px dotted purple; - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .small { width: 26px; } - .big { width: 80px; } - - .item > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - height: 40px; - width: 80px; - } - - .xvisible { overflow-x: visible; } - .xhidden { overflow-x: hidden; } - .xscroll { overflow-x: scroll; } - .xauto { overflow-x: auto; } - </style> - </head> - <body> - <div class="item big xvisible"><div></div></div> - <div class="item small xhidden"><div></div></div> - <div class="item small xscroll"><div></div></div> - <div class="item small xauto"><div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-004-ref.xht deleted file mode 100644 index 29e579b1264..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-min-width-auto-004-ref.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="utf-8" /> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .item { - /* Flex items have purple border: */ - border: 2px dotted purple; - margin-bottom: 2px; /* (Just for spacing things out, visually) */ - } - - .small { width: 26px; } - .big { width: 80px; } - - .item > * { - /* Flex items' contents are gray & fixed-size: */ - background: gray; - height: 40px; - width: 80px; - } - - .yvisible { overflow-y: visible; } - .yhidden { overflow-y: hidden; } - .yscroll { overflow-y: scroll; } - .yauto { overflow-y: auto; } - </style> - </head> - <body> - <div class="item big yvisible"><div></div></div> - <div class="item small yhidden"><div></div></div> - <div class="item small yscroll"><div></div></div> - <div class="item small yauto"><div></div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-001-ref.xht deleted file mode 100644 index ec6f2b347c2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-001-ref.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - display: inline-block; - height: 200px; - width: 75%; - float: left; - } - .smallItem { - background: teal; - width: 25%; - /* In the testcase, we'll stretch to container's height, - minus our 10px margin-bottom. */ - height: calc(100% - 10px); - float: left; - } - .scroll { overflow: scroll } - .auto { overflow: auto } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer scroll"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer auto"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-002-ref.xht deleted file mode 100644 index 5dca75c8add..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-002-ref.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - align-items: center; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - height: 10px; - /* Tall border (taller than our container): */ - border: solid coral; - border-width: 50px 2px; - flex: 3; - } - .smallItem { - background: teal; - height: 20px; - flex: 1; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller border that exactly fits our container (and - doesn't overflow). */ - border-width: 30px 2px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-003-ref.xht deleted file mode 100644 index 28fc45ad173..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-003-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - justify-content: space-around; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - width: 20px; - height: 200px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller height that exactly fits our container (and - doesn't overflow). */ - height: 70px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-004-ref.xht deleted file mode 100644 index 7e6270ecdf7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-004-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-wrap: wrap; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - width: 50px; - height: 200px; - } - .smallItem { - background: teal; - width: 50px; - height: 20px; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller height that exactly fits the space remaining - in our container, after wrapping */ - height: 50px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-005-ref.xht deleted file mode 100644 index 8f4b0799ca1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-horiz-005-ref.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-wrap: wrap; - align-content: space-around; - width: 70px; - height: 70px; - float: left; - margin-right: 5px; - } - .bigItem { - background: blue; - flex: none; /* prevent shrinking (so we can intentionally overflow) */ - width: 72px; - height: 20px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller width that exactly fits our container (and - doesn't overflow). */ - width: 70px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-001-ref.xht deleted file mode 100644 index 88c6be58f08..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-001-ref.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - width: 200px; - background: blue; - height: 75%; - } - .smallItem { - background: teal; - margin-right: 10px; - height: 25%; - } - .scroll { overflow: scroll } - .auto { overflow: auto } - .hidden { overflow: hidden } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer scroll"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer auto"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-002-ref.xht deleted file mode 100644 index ca127a72569..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-002-ref.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - align-items: center; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - width: 10px; - /* Tall border (taller than our container): */ - border: solid coral; - border-width: 2px 50px; - flex: 3; - } - .smallItem { - background: teal; - width: 20px; - flex: 1; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller border that exactly fits our container (and - doesn't overflow). */ - border-width: 2px 30px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-003-ref.xht deleted file mode 100644 index ec01b63a649..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-003-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - justify-content: space-around; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - width: 200px; - height: 20px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller width that exactly fits our container (and - doesn't overflow). */ - width: 70px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-004-ref.xht deleted file mode 100644 index 272df0c598a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-004-ref.xht +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - flex-wrap: wrap; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - width: 200px; - height: 50px; - } - .smallItem { - background: teal; - width: 20px; - height: 50px; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller width that exactly fits the space remaining - in our container, after wrapping */ - width: 50px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="smallItem"></div> - <div class="bigItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-005-ref.xht deleted file mode 100644 index a6102d17163..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-overflow-vert-005-ref.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - .flexContainer { - background: purple; - display: flex; - flex-direction: column; - flex-wrap: wrap; - align-content: space-around; - width: 70px; - height: 70px; - margin-bottom: 5px; - } - .bigItem { - background: blue; - flex: none; /* prevent shrinking (so we can intentionally overflow) */ - width: 20px; - height: 72px; - } - .smallItem { - background: teal; - width: 20px; - height: 20px; - } - .hidden > .bigItem { - /* To match the testcase's "overflow:hidden"-cropped flex item, we - just use a smaller height that exactly fits our container (and - doesn't overflow). */ - height: 70px; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- (overflow un-set) --> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - <div class="flexContainer hidden"> - <div class="bigItem"></div> - <div class="smallItem"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-paint-ordering-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-paint-ordering-001-ref.xht deleted file mode 100644 index 692fadbfc1e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-paint-ordering-001-ref.xht +++ /dev/null @@ -1,76 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - .container { - width: 40px; - height: 14px; - border: 2px solid green; - margin-bottom: 2px; - } - .a { - width: 16px; - height: 10px; - background: blue; - min-width: 0; - border: 2px solid lightblue; - } - .b { - width: 16px; - height: 10px; - background: purple; - min-width: 0; - border: 2px solid slateblue; - } - .aKid { - margin-left: 10px; - margin-top: 2px; - width: 16px; - height: 6px; - background: yellow; - border: 1px solid black; - } - .a, .b { float: left; } - </style> - </head> - <body> - <!-- Just 6 copies of the same container, since they all should look the - same (except for the final "position: fixed" one, which needs to be - explicitly marked as "position: fixed" or else it paints differently - on Android.) --> - <div class="container"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <div class="container"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <div class="container"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <div class="container"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <div class="container"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - <div class="container" style="position: fixed"> - <div class="a"><div class="aKid"/></div> - <div class="b"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-paint-ordering-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-paint-ordering-002-ref.xht deleted file mode 100644 index 66f62c68aa8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-paint-ordering-002-ref.xht +++ /dev/null @@ -1,153 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for flex items containing overlapping content. - This reference uses inline-block in place of inline-flex, with floated - children in place of flex items, and with hardcoded DOM-reordering in - place of "order" reordering. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - body { - line-height: 0; - } - - .flexbox { - display: inline-block; - width: 20px; - height: 10px; - border: 2px solid gray; - margin-bottom: 10px; - margin-right: 10px; - } - .a { - width: 10px; - height: 10px; - background: lightblue; - float: left; /* to stack horizontally, like a flex item */ - } - .b { - width: 10px; - height: 10px; - background: pink; - float: left; /* to stack horizontally, like a flex item */ - } - .aKid { - margin-left: 3px; - margin-top: 3px; - width: 10px; - height: 10px; - background: steelblue; - border: 1px solid blue; - } - .bKid { - margin-left: 3px; - margin-top: 6px; - width: 10px; - height: 10px; - background: violet; - border: 1px solid purple; - } - - /* Need to set 'position' for z-index to take effect. */ - .zn2 { z-index: -2; position: relative; } - .zn1 { z-index: -1; position: relative; } - .z0 { z-index: 0; position: relative; } - .z1 { z-index: 1; position: relative; } - - </style> - </head> - <body> - <!-- order not set: --> - <div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div> - - <br/> - - <!-- order set, but it matches content order, so it shouldn't matter: --> - <div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div><div class="flexbox"> - <div class="a"><div class="aKid"/></div> - <div class="b"><div class="bKid"/></div> - </div> - - <br/> - - <!-- order set to reverse of content-order: --> - <div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div><div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div><div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div><div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div> - - <br/> - - <!-- order set to reverse of content-order, AND with z-index set on - one or both items, but not such that it changes the paint order --> - <div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div><div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div><div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div><div class="flexbox"> - <div class="b"><div class="bKid"/></div> - <div class="a"><div class="aKid"/></div> - </div> - - <br/> - - <!-- order set to reverse of content-order, AND with z-index set on - one or both items, in such a way that it affects paint order --> - <div class="flexbox"> - <!-- 'a' is behind the container's border --> - <div class="b"><div class="bKid"/></div> - <div class="a zn1"><div class="aKid"/></div> - </div><div class="flexbox"> - <!-- 'a' and 'b' are both behind the container's border --> - <div class="b zn1"><div class="bKid"/></div> - <div class="a zn1"><div class="aKid"/></div> - </div><div class="flexbox"> - <!-- 'a' and 'b' are both behind the container's border, - and 'a' is behind 'b' despite coming after it in the 'order' - ordering--> - <div class="b zn1"><div class="bKid"/></div> - <div class="a zn2"><div class="aKid"/></div> - </div><div class="flexbox"> - <!-- 'a' and 'b' are both in front of the container's border, - and 'a' is behind 'b' despite coming after it in the 'order' - ordering--> - <div class="b z1"><div class="bKid"/></div> - <div class="a z0"><div class="aKid"/></div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-root-node-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-root-node-001-ref.xht deleted file mode 100644 index 0df71e4322b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-root-node-001-ref.xht +++ /dev/null @@ -1,19 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html style="display: flex; justify-content: center" xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <style> - div { - display: flex; - justify-content: center; - } - </style> -</head> -<body> - <div>centered</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-1-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-1-ref.xht deleted file mode 100644 index 2d93f2db3ef..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-1-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> -<title>CSS Test Reference</title> -<link href="mailto:ecoal95@gmail.com" rel="author" title="Emilio Cobos Álvarez" /> -<style> -.container { - display: block; - background: gray; - max-height: 200px; -} -.panel { - background: lightblue; - width: 150px; - height: 200px; - border: 1px solid purple; - box-sizing: border-box; -} -</style> -</head><body><div class="container"> - <div class="panel"> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-2-ref.xht deleted file mode 100644 index 41589ee7e79..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-2-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> -<title>CSS Test Reference</title> -<link href="mailto:ecoal95@gmail.com" rel="author" title="Emilio Cobos Álvarez" /> -<style> -.container { - background: gray; - height: 500px; - width: 250px; -} -.panel { - background: lightblue; - border: 1px solid purple; - height: 100px; -} -</style> -</head><body><div class="container"> - <div class="panel"> - </div> - <div class="panel"> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-3-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-3-ref.xht deleted file mode 100644 index 5e7226ae615..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-single-line-clamp-3-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> -<title>CSS Test Reference</title> -<link href="mailto:ecoal95@gmail.com" rel="author" title="Emilio Cobos Álvarez" /> -<style> -.container { - background: gray; - height: 80px; -} -.panel { - background: lightblue; - width: 150px; - height: 80px; -} -.contents { - height: 10px; - width: 10px; - background: purple; -} -</style> -</head> -<body><div class="container"> - <div class="panel"> - <div class="contents"></div> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-horiz-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-horiz-001-ref.xht deleted file mode 100644 index 786aa0cac8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-horiz-001-ref.xht +++ /dev/null @@ -1,77 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 10px; } - div.flexbox { - border: 1px dashed blue; - font-size: 10px; - margin-bottom: 2px; - } - div.a, div.b, div.c { float: left } - div.a { - width: 20px; - background: lightgreen; - } - div.b { - width: 40px; - background: purple; - } - div.c { - width: 40px; - background: orange; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="a" style="width: 60px"/> - <div class="b" style="width: 60px"/> - <div class="c" style="width: 60px"/> - </div> - - <div class="flexbox"> - <div class="a" style="width: 60px"/> - <div class="b" style="width: 60px"/> - <div class="c" style="width: 60px"/> - </div> - - <div class="flexbox" style="width: 300px"> - <div class="a" style="width: 60px"/> - <div class="b" style="width: 60px"/> - <div class="c" style="width: 60px"/> - </div> - - <div class="flexbox" style="width: 70px"> - <div class="a" style="width: 10px"/> - <div class="b"/> - <div class="c" style="width: 20px"/> - </div> - - <div class="flexbox" style="width: 20px"> - <!-- We add an extra layer of <div> wrapping in this chunk, with a - fixed width, to keep the overflowing children from wrapping. --> - <div style="width: 50px"> - <div class="b"/> - <div class="c" style="width: 10px"/> - </div> - </div> - - <div class="flexbox" style="width: 58px"> - <div class="a" style="width: 6px"/> - <div class="b"/> - <div class="c" style="width: 12px"/> - </div> - - <div class="flexbox" style="width: 140px"> - <div class="a" style="width: 40px"/> - <div class="b" style="width: 40px"/> - <div class="c" style="width: 60px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-horiz-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-horiz-002-ref.xht deleted file mode 100644 index d21a6ff0a4a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-horiz-002-ref.xht +++ /dev/null @@ -1,44 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { width: 200px; } - div.flexbox { - border: 1px dashed blue; - background: lightgreen; - font-size: 10px; - margin-bottom: 5px; - } - </style> - </head> - <body> - <div class="flexbox"> - <div>text</div> - </div> - - <div class="flexbox"> - <div>text</div> - </div> - - <div class="flexbox"> - <div>text</div> - </div> - - <div class="flexbox" style="height: 30px"> - <div>text</div> - </div> - - <div class="flexbox" style="height: 6px"> - <div>text</div> - </div> - - <div class="flexbox" style="height: 30px"> - <div>text</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-vert-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-vert-001-ref.xht deleted file mode 100644 index d1c1ef02e00..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-vert-001-ref.xht +++ /dev/null @@ -1,79 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { width: 10px; } - div.flexbox { - float: left; - border: 1px dashed blue; - font-size: 10px; - margin-right: 2px; - } - div.a { - height: 20px; - background: lightgreen; - } - div.b { - height: 40px; - background: purple; - } - div.c { - height: 40px; - background: orange; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <div class="flexbox"> - <div class="a"/><div class="b"/><div class="c"/> - </div> - - <div class="flexbox"> - <div class="a" style="height: 30px"/> - <div class="b"/> - <div class="c" style="height: 50px"/> - </div> - - <div class="flexbox" style="height: 200px"> - <div class="a" style="height: 60px"/> - <div class="b" style="height: 60px"/> - <div class="c" style="height: 60px"/> - </div> - - <div class="flexbox"> - <div class="a" style="height: 10px"/> - <div class="b"/> - <div class="c" style="height: 20px"/> - </div> - - <div class="flexbox" style="height: 20px"> - <div class="b"/> - <div class="c" style="height: 10px"/> - </div> - - <div class="flexbox"> - <div class="a" style="height: 6px"/> - <div class="b"/> - <div class="c" style="height: 12px"/> - </div> - - <div class="flexbox"> - <div class="a" style="height: 40px"/> - <div class="b" style="height: 40px"/> - <div class="c" style="height: 60px"/> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-vert-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-vert-002-ref.xht deleted file mode 100644 index 0533c826b28..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-sizing-vert-002-ref.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 100px; } - div.flexbox { - float: left; - border: 1px dashed blue; - background: lightgreen; - font-size: 10px; - margin-right: 10px; - } - </style> - </head> - <body> - <div class="flexbox"> - <div>AB</div> - </div> - - <div class="flexbox"> - <div>AB</div> - </div> - - <div class="flexbox"> - <div>AB</div> - </div> - - <div class="flexbox" style="width: 30px"> - <div>AB</div> - </div> - - <div class="flexbox" style="width: 3px"> - <div>AB</div> - </div> - - <div class="flexbox" style="width: 30px"> - <div>AB</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-table-fixup-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-table-fixup-001-ref.xht deleted file mode 100644 index df7aff59d7f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-table-fixup-001-ref.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case for ensuring table-fixup does not happen to adjacent - table parts directly inside of a flex container. --><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div.flexbox { - border: 1px dashed blue; - width: 200px; - display: flex; - justify-content: space-around; - } - - .a { - background: lightgreen; - width: 48px; - } - - .b { - background: yellow; - width: 48px; - } - - .c { - background: pink; - width: 48px; - } - </style> - </head> - <body> - <!-- In each example here, we simply use blocks instead of table parts --> - <div class="flexbox"><div class="a">cell1</div><div class="b">cell2</div></div> - - <div class="flexbox"><div class="a">cell1</div><div class="b">t</div></div> - - <div class="flexbox"><div/><div class="b">cell1</div></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-whitespace-handling-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-whitespace-handling-001-ref.xht deleted file mode 100644 index 9846a59c901..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-whitespace-handling-001-ref.xht +++ /dev/null @@ -1,46 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - Reference case, with inline-blocks instead of flexbox/flex items, - with positioning done using margins. ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <style> - div { height: 100px; } - div.flexbox { - border: 1px dashed blue; - width: 200px; - } - div.a { - width: 30px; - background: lightgreen; - display: inline-block; - } - div.b { - width: 20px; - background: lightblue; - display: inline-block; - } - img { - width: 40px; - height: 100%; - } - </style> - </head> - <body> - <div class="flexbox"> - <div class="a" style="margin-left: 85px"/> - </div> - - <div class="flexbox"> - <div class="a" style="margin-left: 37.5px"/><div class="b" style="margin-left: 75px"/> - </div> - - <div class="flexbox"> - <img src="support/solidblue.png" style="margin-left: 30px"/><img src="support/solidblue.png" style="margin-left: 60px"/> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-whitespace-handling-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-whitespace-handling-002-ref.xht deleted file mode 100644 index ac627e63395..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-whitespace-handling-002-ref.xht +++ /dev/null @@ -1,48 +0,0 @@ -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- - This reference case is the same as the testcase, but with an explicit <div> - around each run of content that we expect to turn into an anonymous - flex item (to ensure that the whitespace is included). ---><html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="stylesheet" type="text/css" href="support/ahem.css"/> - <style> - div { height: 100px; } - div.flexbox { - white-space: pre; - border: 1px dashed blue; - width: 200px; - display: flex; - justify-content: space-around; - } - div.a { - width: 30px; - background: lightgreen; - } - div.b { - width: 20px; - background: lightblue; - } - </style> - </head> - <body> - <!-- spaces around inline content at the beginning of flexbox --> - <div class="flexbox"><div> abc</div><div class="a"/></div> - <div class="flexbox"><div>abc </div><div class="a"/></div> - <div class="flexbox"><div> abc </div><div class="a"/></div> - - <!-- spaces around inline content at the end of flexbox --> - <div class="flexbox"><div class="a"/><div> abc</div></div> - <div class="flexbox"><div class="a"/><div>abc </div></div> - <div class="flexbox"><div class="a"/><div> abc </div></div> - - <!-- whitespace around inline content in between flex items --> - <div class="flexbox"><div class="a"/><div> abc</div><div class="b"/></div> - <div class="flexbox"><div class="a"/><div>abc </div><div class="b"/></div> - <div class="flexbox"><div class="a"/><div> abc </div><div class="b"/></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-001-ref.xht deleted file mode 100644 index 81fcd85db23..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-001-ref.xht +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case where we've swapped in actual divs (fakeBefore/fakeAfter) - for the testcase's ::before and ::after generated content. - - fakeBefore div is always the first child; fakeAfter is always the last. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - align-items: flex-end; - justify-content: space-between; - height: 50px; - width: 300px; - margin-bottom: 2px; - background: lightgray; - } - .fakeBefore { - align-self: center; - content: 'b'; - background: yellow; - } - .fakeAfter { - align-self: center; - content: 'a'; - background: lightblue; - } - </style> -</head> -<body> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - x - <div>y</div> - z - </div> - <div class="flexContainer"> - x - <div>y</div> - z - <div class="fakeAfter">a</div> - </div> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - x - <div>y</div> - z - <div class="fakeAfter">a</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-002-ref.xht deleted file mode 100644 index 211c518bd47..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-002-ref.xht +++ /dev/null @@ -1,83 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case where we've swapped in actual divs (fakeBefore/fakeAfter) - for the testcase's ::before and ::after generated content. - - fakeBefore div is always the first child; fakeAfter is always the last. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - margin-bottom: 2px; - background: lightgray; - } - .fakeBefore { - background: yellow; - /* This 'order' value should place us after the other elements, visually, - even though we're ::before. */ - order: 1; - } - .fakeAfter { - background: lightblue; - order: -1; - } - </style> -</head> -<body> - <!-- 'b' should be at end, due to its high 'order' value: --> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - <div>I</div> - </div> - - <!-- 'b' should be at beginning, since it's '::before' and the other item has - a matching 'order' value: --> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - <div style="order: 1">I</div> - </div> - - <!-- 'a' should be at beginning, due to its low 'order' value: --> - <div class="flexContainer"> - <div>I</div> - <div class="fakeAfter">a</div> - </div> - - <!-- 'a' should be at end, since it's '::after' and the other item has - a matching 'order' value: --> - <div class="flexContainer"> - <div style="order: -1">I</div> - <div class="fakeAfter">a</div> - </div> - - <!-- As above, the ::after 'a' should be at beginning, and the ::before 'b' - should be at end, due to their 'order' values --> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - <div>I</div> - <div class="fakeAfter">a</div> - </div> - - <!-- ...but now the normal item "I" has its order increased, so it'll go - at the end. --> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - <div style="order: 1">I</div> - <div class="fakeAfter">a</div> - </div> - - <!-- ...and now the normal item "I" has its order reduced, so it'll go - at the beginning. --> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - <div style="order: -1">I</div> - <div class="fakeAfter">a</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-003-ref.xht deleted file mode 100644 index 69df8dd4ebc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-with-pseudo-elements-003-ref.xht +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><!-- Reference case where we've swapped in actual divs (fakeBefore/fakeAfter) - for the testcase's ::before and ::after generated content. - - fakeBefore div is always the first child; fakeAfter is always the last. ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - display: flex; - align-items: flex-end; - justify-content: space-between; - height: 50px; - width: 300px; - margin-bottom: 2px; - background: lightgray; - } - .fakeBefore { - content: 'b'; - background: yellow; - align-self: center; - order: 1; - } - .fakeAfter { - content: 'a'; - background: lightblue; - align-self: center; - order: -1; - } - </style> -</head> -<body> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - x - <div>y</div> - z - </div> - <div class="flexContainer"> - x - <div>y</div> - z - <div class="fakeAfter">a</div> - </div> - <div class="flexContainer"> - <div class="fakeBefore">b</div> - x - <div>y</div> - z - <div class="fakeAfter">a</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-001-ref.xht deleted file mode 100644 index 3dd9c2f6a0b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-001-ref.xht +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - /* Testcase has direction: ltr; */ - /* Testcase has writing-mode: horizontal-tb; */ - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- row wrap --> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- row wrap-reverse --> - <div class="item3"></div><div class="item4"></div> - <div class="item1"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap --> - <div class="item2"></div><div class="item1"></div> - <div class="item4"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap-reverse --> - <div class="item4"></div><div class="item3"></div> - <div class="item2"></div><div class="item1"></div> - </div> - - <div class="flexContainer"><!-- column wrap --> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- column wrap-reverse --> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap --> - <div class="item2"></div><div class="item4"></div> - <div class="item1"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap-reverse --> - <div class="item4"></div><div class="item2"></div> - <div class="item3"></div><div class="item1"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-002-ref.xht deleted file mode 100644 index dfcf6f299d3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-002-ref.xht +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - /* Testcase has direction: ltr; */ - /* Testcase has writing-mode: vertical-rl; */ - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- row wrap --> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- row wrap-reverse --> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap --> - <div class="item4"></div><div class="item2"></div> - <div class="item3"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap-reverse --> - <div class="item2"></div><div class="item4"></div> - <div class="item1"></div><div class="item3"></div> - </div> - - <div class="flexContainer"><!-- column wrap --> - <div class="item2"></div><div class="item1"></div> - <div class="item4"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- column wrap-reverse --> - <div class="item4"></div><div class="item3"></div> - <div class="item2"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap --> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap-reverse --> - <div class="item3"></div><div class="item4"></div> - <div class="item1"></div><div class="item2"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-003-ref.xht deleted file mode 100644 index 06ec4b44c7a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-003-ref.xht +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - /* Testcase has direction: ltr; */ - /* Testcase has writing-mode: vertical-lr; */ - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- row wrap --> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- row wrap-reverse --> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap --> - <div class="item2"></div><div class="item4"></div> - <div class="item1"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap-reverse --> - <div class="item4"></div><div class="item2"></div> - <div class="item3"></div><div class="item1"></div> - </div> - - <div class="flexContainer"><!-- column wrap --> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- column wrap-reverse --> - <div class="item3"></div><div class="item4"></div> - <div class="item1"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap --> - <div class="item2"></div><div class="item1"></div> - <div class="item4"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap-reverse --> - <div class="item4"></div><div class="item3"></div> - <div class="item2"></div><div class="item1"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-004-ref.xht deleted file mode 100644 index c097c0de621..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-004-ref.xht +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - /* Testcase has direction: rtl; */ - /* Testcase has writing-mode: horizontal-tb; */ - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- row wrap --> - <div class="item2"></div><div class="item1"></div> - <div class="item4"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- row wrap-reverse --> - <div class="item4"></div><div class="item3"></div> - <div class="item2"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap --> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap-reverse --> - <div class="item3"></div><div class="item4"></div> - <div class="item1"></div><div class="item2"></div> - </div> - - <div class="flexContainer"><!-- column wrap --> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- column wrap-reverse --> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap --> - <div class="item4"></div><div class="item2"></div> - <div class="item3"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap-reverse --> - <div class="item2"></div><div class="item4"></div> - <div class="item1"></div><div class="item3"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-005-ref.xht deleted file mode 100644 index c6e566c1be0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-005-ref.xht +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - /* Testcase has direction: rtl; */ - /* Testcase has writing-mode: vertical-rl; */ - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- row wrap --> - <div class="item4"></div><div class="item2"></div> - <div class="item3"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- row wrap-reverse --> - <div class="item2"></div><div class="item4"></div> - <div class="item1"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap --> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap-reverse --> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - - <div class="flexContainer"><!-- column wrap --> - <div class="item4"></div><div class="item3"></div> - <div class="item2"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- column wrap-reverse --> - <div class="item2"></div><div class="item1"></div> - <div class="item4"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap --> - <div class="item3"></div><div class="item4"></div> - <div class="item1"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap-reverse --> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-006-ref.xht deleted file mode 100644 index da554ffeed6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-006-ref.xht +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - /* Testcase has direction: rtl; */ - /* Testcase has writing-mode: vertical-lr; */ - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"><!-- row wrap --> - <div class="item2"></div><div class="item4"></div> - <div class="item1"></div><div class="item3"></div> - </div> - <div class="flexContainer"><!-- row wrap-reverse --> - <div class="item4"></div><div class="item2"></div> - <div class="item3"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap --> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- row-reverse wrap-reverse --> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - - <div class="flexContainer"><!-- column wrap --> - <div class="item3"></div><div class="item4"></div> - <div class="item1"></div><div class="item2"></div> - </div> - <div class="flexContainer"><!-- column wrap-reverse --> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap --> - <div class="item4"></div><div class="item3"></div> - <div class="item2"></div><div class="item1"></div> - </div> - <div class="flexContainer"><!-- column-reverse wrap-reverse --> - <div class="item2"></div><div class="item1"></div> - <div class="item4"></div><div class="item3"></div> - </div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-007-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-007-ref.xht deleted file mode 100644 index 8d93f8a2e32..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-007-ref.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - <div class="flexContainer"> - <div class="item1"></div><div class="item2"></div> - <div class="item3"></div><div class="item4"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-008-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-008-ref.xht deleted file mode 100644 index fd584eaec58..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-008-ref.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - <div class="flexContainer"> - <div class="item1"></div><div class="item3"></div> - <div class="item2"></div><div class="item4"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-009-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-009-ref.xht deleted file mode 100644 index 2753f654518..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-009-ref.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- - Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ ---><html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Reftest Reference</title> - <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> - <meta charset="utf-8" /> - <style> - .flexContainer { - width: 40px; - height: 30px; - border: 1px solid gray; - margin-bottom: 5px; - } - .flexContainer > * { - width: 20px; - height: 15px; - float: left; - } - .item1 { - /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ - background: cyan; - } - .item2 { - background: magenta; - } - .item3 { - background: yellow; - } - .item4 { - background: black; - } - </style> -</head> -<body> - <div class="flexContainer"> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - <div class="flexContainer"> - <div class="item3"></div><div class="item1"></div> - <div class="item4"></div><div class="item2"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_absolute-atomic-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_absolute-atomic-ref.xht deleted file mode 100644 index 3ac5bb82aee..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_absolute-atomic-ref.xht +++ /dev/null @@ -1,22 +0,0 @@ -<!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>flexbox | abspos atomic flexitems</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body {margin: 0;} -body>div { - background: #ffcc00; - - display: flex; - justify-content: space-around; -} -div div { - background: #3366cc; - margin: 20px; -} -</style> - -</head><body><div> - <div>damer</div> - <div>damer</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-center-ref.xht deleted file mode 100644 index c985632d735..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-center-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-content: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 1em; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 3em; - left: 1em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-flexend-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-flexend-ref.xht deleted file mode 100644 index 83c1b58e629..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-flexend-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-content: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 2em; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 4em; - left: 1em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-flexstart-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-flexstart-ref.xht deleted file mode 100644 index 29275df53a5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-flexstart-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-content: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 2em; - left: 1em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-spacearound-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-spacearound-ref.xht deleted file mode 100644 index f212df550da..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-spacearound-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 0.5em; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 3.5em; - left: 1em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-spacebetween-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-spacebetween-ref.xht deleted file mode 100644 index 2efe77449f3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-spacebetween-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-content: space-between</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 4em; - left: 1em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-stretch-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-stretch-2-ref.xht deleted file mode 100644 index 0ab299fc32d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-stretch-2-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-content: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 3em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 3em; - left: 1em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-stretch-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-stretch-ref.xht deleted file mode 100644 index c5e1972affe..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-content-stretch-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-content: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 20em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 3em; - left: 1em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-baseline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-baseline-ref.xht deleted file mode 100644 index 788e094d398..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-baseline-ref.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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>flexbox | align-items: baseline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: white; - width: 8em; - height: 2em; - display: block; - position: absolute; - top: 1em; - left: 1em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - height: 3em; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-center-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-center-2-ref.xht deleted file mode 100644 index 9d7d514be66..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-center-2-ref.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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>flexbox | align-items: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 2em; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - height: 3em; - top: 1.5em; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; - top: 1em; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-center-ref.xht deleted file mode 100644 index 2c2406c85ad..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-center-ref.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | align-items: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 2em; - position: absolute; - top: 2em; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexend-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexend-2-ref.xht deleted file mode 100644 index eee1041c4a8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexend-2-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-items: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - position: absolute; - bottom: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - height: 3em; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexend-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexend-ref.xht deleted file mode 100644 index ba407c9c190..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexend-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | align-items: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - position: absolute; - bottom: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexstart-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexstart-2-ref.xht deleted file mode 100644 index 6d64d8979c3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexstart-2-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-items: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - display: inline-block; - position: absolute; - top: 0; - left: 1em; -} -span:nth-child(2) { - background: pink; - height: 3em; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexstart-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexstart-ref.xht deleted file mode 100644 index e7c0056e37b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-flexstart-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | align-items: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-2-ref.xht deleted file mode 100644 index f72179e2bb5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-2-ref.xht +++ /dev/null @@ -1,18 +0,0 @@ -<!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>flexbox | align-items: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: black; - margin: 1em 0 0; - width: 30em; - height: 6em; -} -span { - display: inline-block; -} -</style> - -</head><body><div></div> -<span>PASS</span> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-ref.xht deleted file mode 100644 index 9b79598bc9d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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>flexbox | align-items: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - margin: 0; - width: 8em; - height: 6em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - height: 3em; - top: 3em; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - height: 6em; - top: 0; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht deleted file mode 100644 index 25f3929942a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht +++ /dev/null @@ -1,18 +0,0 @@ -<!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>Reference file</title> - <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> - <style> - .test { - height: 100px; - width: 250px; - background-color: green; - } - </style> -</head> -<body> - <p>The test passes if you see a green rectangle and no red.</p> - <div class="test"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-auto-ref.xht deleted file mode 100644 index 02697fe35ac..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-auto-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | align-self: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - position: absolute; - bottom: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-baseline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-baseline-ref.xht deleted file mode 100644 index 654e0eda4f5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-baseline-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-self: baseline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 3em; - position: absolute; - top: 1.5em; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 0; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-center-ref.xht deleted file mode 100644 index ad7b089944a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-center-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-self: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - height: 4em; - top: 1em; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-flexend-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-flexend-ref.xht deleted file mode 100644 index 17a64d42090..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-flexend-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-self: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - position: absolute; - top: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: auto; - bottom: 0; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-flexstart-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-flexstart-ref.xht deleted file mode 100644 index b3600dcd1e0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-flexstart-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | align-self: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - position: absolute; - bottom: 0; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - top: 0; - bottom: auto; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-stretch-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-stretch-ref.xht deleted file mode 100644 index 123ad5182b8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_align-self-stretch-ref.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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>flexbox | align-self: stretch</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 6em; - width: 30em; - position: relative; -} -span { - background: yellow; - width: 8em; - height: 3em; - position: absolute; - top: 1.5em; - left: 1em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 11em; -} -span:nth-child(3) { - background: lightblue; - height: 6em; - top: 0; - left: 21em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_box-clear-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_box-clear-ref.xht deleted file mode 100644 index d0f04386fe1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_box-clear-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | cleared box</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -#float { - background: #3366cc; - padding: 1em; - float: left; - -} -#flex { - background: #ffcc00; - padding: 2em; - clear: both; -} -div div { - background: pink; - height: 4em; - display: inline-block; -} -</style> - -</head><body><div id="float">damer</div> - -<div id="flex"> - <div>Yellow box should be below the blue box</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-flexitems-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-flexitems-2-ref.xht deleted file mode 100644 index 9dce6720bb8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-flexitems-2-ref.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | multicol on flexbox items</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div {background: blue;} -p { - font-family: ahem; - background: yellow; - column-rule: 1em solid lime; - columns: 2; - margin: 0 auto; - width: 200px; -} -</style> - -</head><body><div> - <p> - one two three four five - one two three four five - one two three four five - </p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-flexitems-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-flexitems-ref.xht deleted file mode 100644 index 62daedd4ea9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-flexitems-ref.xht +++ /dev/null @@ -1,21 +0,0 @@ -<!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>flexbox | multicol on flexbox items</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; -} -p { - font-family: monospace; - background: yellow; - column-rule: 1em solid lime; - columns: 2; - width: 200px; - margin: 0 auto; -} -</style> - -</head><body><div> - <p>one two three four five</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-ref.xht deleted file mode 100644 index 4d737e50bc2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_columns-ref.xht +++ /dev/null @@ -1,11 +0,0 @@ -<!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>flexbox | multicol</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: black; -} -</style> - -</head><body><div>x</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-column-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-column-ref.xht deleted file mode 100644 index d76d4cf2bf2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-column-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex-direction: column</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; -} -span~span { - margin: 2em 1em 1em; -} -</style> - -</head><body><div> - <span>damer</span> - <span>damer</span> - <span>damer</span> - <span>damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-column-reverse-ref.xht deleted file mode 100644 index df9b0e7eedc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-column-reverse-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | flex-direction: column-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; -} -.test { - background: #ffcc00; -} -span~span { - margin: 2em 1em 1em; -} -</style> - -</head><body><div> - <span>damer</span> - <span>damer</span> - <span>damer</span> - <span class="test">damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht deleted file mode 100644 index b167a0176e3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | flex-direction: row-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -* {font-family: monospace;} -body { - width: 10em; -} -ul { - background: blue; - padding: 0; - margin: 0; - list-style: none; -} -li { - color: white; - margin: 0; - width: 3.3333em; - display: inline-block; -} -</style> - -</head><body><ul> - <li>EFGH</li><li>ABCD</li><li>IJKL</li> -</ul> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_display-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_display-ref.xht deleted file mode 100644 index 2bcc0161c1d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_display-ref.xht +++ /dev/null @@ -1,21 +0,0 @@ -<!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>flexbox | display error-handling</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -ol { - background: #3366cc; - padding: 0; - list-style: none; - border: 1px solid black; -} -li { - background: #ffcc00; - margin: 2em; -} -</style> - -</head><body><ol> - <li>damer</li> - <li>Antidisestablishmentarianism</li> -</ol> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_empty-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_empty-ref.xht deleted file mode 100644 index 790060a91b8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_empty-ref.xht +++ /dev/null @@ -1,2 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<!-- intentionallly left blank --><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_fbfc-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_fbfc-ref.xht deleted file mode 100644 index 57a275de7c3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_fbfc-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex formatting context :: float intrusion</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -* {margin: 0;} -body {width: 600px;} -#float { - background: #3366cc; - width: 25%; - float: left; -} -#flex { - background: #ffcc00; - padding: 2em 0; - width: 80%; - clear: both; -} -div div { - background: pink; - margin: 0 2em; - height: 4em; - display: inline-block; -} -</style> - -</head><body><div id="float">damer</div> - -<div id="flex"> - <div>Yellow box should be below the blue box</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_fbfc2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_fbfc2-ref.xht deleted file mode 100644 index d7a6fe33211..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_fbfc2-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex formatting context :: float intrusion</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -* {margin: 0;} -#float { - background: lightblue; - width: 200px; - float: left; -} -#flex { - background: #ffcc00; - margin-left: -200px; - width: 400px; - overflow: hidden; -} -div div { - margin: 2em; -} -</style> - -</head><body><div id="float">float</div> - -<div id="flex"> - <div>Yellow box yellow box yellow box</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_first-line-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_first-line-ref.xht deleted file mode 100644 index bae0241e4b5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_first-line-ref.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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>flexbox | first-line</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -ul { - background: #3366cc; - padding: 0; - list-style: none; - width: 900px; - display: block; -} -li { - background: #ffcc00; - margin: 2em; - border: 1px solid black; - display: inline-block; -} -</style> - -</head><body><ul> - <li>damer</li><li>Antidisestablishmentarianism</li><li>damer</li><li>Antidisestablishmentarianism</li><li>Antidisestablishmentarianism</li><li>damer</li><li>Antidisestablishmentarianism</li><li>damer</li> -</ul> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-0-ref.xht deleted file mode 100644 index 69cdb0fe446..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 0 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: white; - margin: 1em 0; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-N-ref.xht deleted file mode 100644 index 4bfe5674796..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-N-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 0 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 40em; - height: 8em; -} -span { - background: white; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-N-shrink-ref.xht deleted file mode 100644 index 883fc3ca839..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-N-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 0 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 12em; - height: 8em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-Npercent-ref.xht deleted file mode 100644 index 4974b9b09c3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-Npercent-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 0 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: white; - margin: 1em 0; - width: 8em; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-Npercent-shrink-ref.xht deleted file mode 100644 index d513e57194e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-Npercent-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 0 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-auto-ref.xht deleted file mode 100644 index d65511d75ec..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-auto-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: white; - margin: 1em 0; - width: 5em; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-auto-shrink-ref.xht deleted file mode 100644 index d5fe8adc5d2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-0-auto-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 0 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 5em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-0-ref.xht deleted file mode 100644 index 0477cbe1735..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 1 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: white; - margin: 1em 0; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-N-ref.xht deleted file mode 100644 index 8384f2d5a1f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-N-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 1 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: white; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-N-shrink-ref.xht deleted file mode 100644 index 7285ec2535b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-N-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 1 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: white; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-Npercent-ref.xht deleted file mode 100644 index beea64da4be..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 1 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 8em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-Npercent-shrink-ref.xht deleted file mode 100644 index 70876cdc157..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-Npercent-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 1 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-auto-ref.xht deleted file mode 100644 index 96d1896ec1c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 1 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 5em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-auto-shrink-ref.xht deleted file mode 100644 index fa531c93e4e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-1-auto-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 1 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-0-ref.xht deleted file mode 100644 index ed901742557..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-0-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | flex: 0 N 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-N-ref.xht deleted file mode 100644 index 0de1f702218..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-N-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 N N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-N-shrink-ref.xht deleted file mode 100644 index 08936fd0519..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-N-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 N N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-Npercent-ref.xht deleted file mode 100644 index 3940dfd6dee..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 N N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 8em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-Npercent-shrink-ref.xht deleted file mode 100644 index fbbb99991b7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-Npercent-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 N N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-auto-ref.xht deleted file mode 100644 index 733e443fada..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 0 N auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 5em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-auto-shrink-ref.xht deleted file mode 100644 index cebb1d93832..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-0-N-auto-shrink-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | flex: 0 N auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-0-ref.xht deleted file mode 100644 index ef339542c4e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 0 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-N-ref.xht deleted file mode 100644 index 3c764e708ef..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-N-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 0 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-N-shrink-ref.xht deleted file mode 100644 index 59a14f60264..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-N-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 1 0 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-Npercent-ref.xht deleted file mode 100644 index ed1e58937c4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 0 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-Npercent-shrink-ref.xht deleted file mode 100644 index 4de9c92c9fe..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-Npercent-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 1 0 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-auto-ref.xht deleted file mode 100644 index acc28d5bbba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-auto-shrink-ref.xht deleted file mode 100644 index 567a3cc9ead..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-0-auto-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 1 0 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 5em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-0-ref.xht deleted file mode 100644 index 3c6b827ed7a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 1 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-N-ref.xht deleted file mode 100644 index 9f12d548e99..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-N-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 1 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-N-shrink-ref.xht deleted file mode 100644 index 0b1a34250c9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-N-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 1 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-Npercent-ref.xht deleted file mode 100644 index 750c38052f4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 1 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-Npercent-shrink-ref.xht deleted file mode 100644 index 73fc588d110..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-Npercent-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 1 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-auto-ref.xht deleted file mode 100644 index 27497281288..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 1 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-auto-shrink-ref.xht deleted file mode 100644 index e17f4a2c69d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-1-auto-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 1 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-0-ref.xht deleted file mode 100644 index b37c65047e0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 N 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-N-ref.xht deleted file mode 100644 index 4d092c7699e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-N-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 N N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-N-shrink-ref.xht deleted file mode 100644 index bbf2694ba2a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-N-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 N N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-Npercent-ref.xht deleted file mode 100644 index 5281956ceb2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 N N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-Npercent-shrink-ref.xht deleted file mode 100644 index 71fb92542b7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-Npercent-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 N N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-auto-ref.xht deleted file mode 100644 index 37895a2259a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 N auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-auto-shrink-ref.xht deleted file mode 100644 index 1955db21ee2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-1-N-auto-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: 1 N auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-0-ref.xht deleted file mode 100644 index bb5c65bafab..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 0 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-N-ref.xht deleted file mode 100644 index 840b4dfc321..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-N-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 0 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-N-shrink-ref.xht deleted file mode 100644 index 0e21d1b4928..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-N-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: N 0 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-Npercent-ref.xht deleted file mode 100644 index f593c1fab0c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 0 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-Npercent-shrink-ref.xht deleted file mode 100644 index f440d9c221d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-Npercent-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: N 0 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-auto-ref.xht deleted file mode 100644 index a25f7258cb8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 0 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-auto-shrink-ref.xht deleted file mode 100644 index 8334a20b87e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-0-auto-shrink-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: N 0 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 5em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-0-ref.xht deleted file mode 100644 index 6fd70420147..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 1 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-N-ref.xht deleted file mode 100644 index be5d8cfff17..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-N-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 1 N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-N-shrink-ref.xht deleted file mode 100644 index c01784ca0af..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-N-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 1 N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-Npercent-ref.xht deleted file mode 100644 index 6501c4bd031..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 1 N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-Npercent-shrink-ref.xht deleted file mode 100644 index 4eb1c664331..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-Npercent-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 1 N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-auto-ref.xht deleted file mode 100644 index a3f12f26a17..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 1 auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-auto-shrink-ref.xht deleted file mode 100644 index cd9fefd9a8a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-1-auto-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N 1 auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-0-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-0-ref.xht deleted file mode 100644 index 5cd904cfc2a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-0-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N N 0</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-N-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-N-ref.xht deleted file mode 100644 index 5885145091d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-N-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N N N</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-N-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-N-shrink-ref.xht deleted file mode 100644 index 04091a8ad45..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-N-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N N N | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-Npercent-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-Npercent-ref.xht deleted file mode 100644 index 56d001f6b0e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-Npercent-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N N N%</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-Npercent-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-Npercent-shrink-ref.xht deleted file mode 100644 index 7272714040f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-Npercent-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N N N% | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 12em; -} -span { - background: yellow; - margin: 1em 0; - width: 3em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-auto-ref.xht deleted file mode 100644 index a7335fb6611..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-auto-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N N auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: yellow; - margin: 1em 0; - width: 10em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-auto-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-auto-shrink-ref.xht deleted file mode 100644 index d16349ac6e5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-N-N-auto-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: N N auto | shrinking</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 16em; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-auto-ref.xht deleted file mode 100644 index c45be824875..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-auto-ref.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | flex: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; -} -span { - background: white; - margin: 1em; - width: 6em; - height: 6em; - display: inline-block; - -} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> - -<div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-basis-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-basis-ref.xht deleted file mode 100644 index 3c80a0d3347..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-basis-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex-basis: percentage</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - white-space: nowrap; - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 8em; -} -span { - background: yellow; - margin: 1em 0; - width: 8em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-basis-shrink-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-basis-shrink-ref.xht deleted file mode 100644 index 96cc149141d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-basis-shrink-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex-basis: percentage, flex-shrink: +integer</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 24em; - height: 8em; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - height: 6em; - display: inline-block; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-formatting-interop-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-formatting-interop-ref.xht deleted file mode 100644 index 9667787c496..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-formatting-interop-ref.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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>flexbox | flex formatting context :: negative margins and - border box</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -* {margin: 0;} -.float { - background: lightblue; - width: 200px; - float: left; -} -#flex { - background: #ffcc00; - margin-left: -200px; - width: 200px; -} -div div { - border: 2px solid transparent; - margin: 0 2em 2em; -} -p { - clear: both; - margin: 2em 0; -} -#nbfc { - white-space: nowrap; - background: #ffcc00; - margin-left: -200px; - width: 200px; - table-layout: fixed; - display: table; -} -</style> - -</head><body><div class="float">float</div> -<div id="nbfc"> - <div>xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-initial-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-initial-2-ref.xht deleted file mode 100644 index eb8661e984b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-initial-2-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: initial</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: white; - margin: 1em; - width: 5em; - height: 6em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> - -<div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-initial-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-initial-ref.xht deleted file mode 100644 index 72b050b2ec5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-initial-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: initial</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 22em; -} -span { - background: white; - margin: 1em; - width: 3.5em; - height: 6em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> - -<div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-mixed-basis-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-mixed-basis-auto-ref.xht deleted file mode 100644 index de3db219f77..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-mixed-basis-auto-ref.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | flex: larger integer, mixed basis, auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - font-family: ahem; - background: blue; - height: 8em; - width: 35em; -} -span { - font-family: ahem; - height: 8em; - display: inline-block; -} -span:nth-child(1) { - background: yellow; - width: 3em; -} -span:nth-child(2) { - background: pink; - width: 6em; -} -span:nth-child(3) { - background: lightblue; - width: 8em; -} -span:nth-child(4) { - background: grey; - width: 18em; -} -</style> - -</head><body><div> - <span>a</span><span>aaa</span><span>aaaaa</span><span>aaaaaaaaaaaaaaa</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-mixed-basis-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-mixed-basis-ref.xht deleted file mode 100644 index 3c013cf09a6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-mixed-basis-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex: larger integer, mixed basis</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - height: 8em; - width: 35em; -} -span { - background: yellow; - width: 10em; - height: 8em; - display: inline-block; -} -span:nth-child(1) { - width: 5em; -} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-ref.xht deleted file mode 100644 index 54cf368229c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-ref.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | flex: larger integer</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 800px; -} -span { - background: white; - margin: 1em 0; - width: 25%; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> - -<div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-variable-auto-basis-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-variable-auto-basis-ref.xht deleted file mode 100644 index 98d39eaf019..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-variable-auto-basis-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | flex: larger integer, auto basis</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - border: 1px solid black; - height: 8em; - width: 32em; -} -span { - width: 7em; - height: 8em; - float: left; -} -span:nth-child(2) { - width: 11em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-variable-zero-basis-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-variable-zero-basis-ref.xht deleted file mode 100644 index 319558e4eb3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-natural-variable-zero-basis-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | flex: larger integer, zero basis</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - border: 1px solid black; - height: 8em; - width: 36em; -} -span { - width: 6em; - height: 8em; - float: left; -} -span:nth-child(2) { - width: 18em; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-none-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-none-ref.xht deleted file mode 100644 index a4bd0abcb97..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-none-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: none</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; -} -span { - background: white; - margin: 1em; - width: 5em; - height: 6em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> - -<div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-unitless-basis-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-unitless-basis-ref.xht deleted file mode 100644 index 59dae99b28d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flex-unitless-basis-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex: 0 1 N unitless</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 40em; -} -span { - background: white; - margin: 1em 0; - width: 5em; - height: 6em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) {background: pink;} -span:nth-child(3) {background: lightblue;} -span:nth-child(4) {background: grey;} -</style> - -</head><body><div> - <span>one</span><span>two</span><span>three</span><span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-reverse-wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-reverse-wrap-ref.xht deleted file mode 100644 index 455e9b24cd1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-reverse-wrap-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - padding-top: 1em; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 7em; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - float: left; -} -</style> - -</head><body><div> - <span>two</span> - <span>four</span> - <span>one</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht deleted file mode 100644 index 53cfbb4b668..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - padding-top: 1em; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 7em; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - float: left; -} -</style> - -</head><body><div> - <span>four</span> - <span>two</span> - <span>three</span> - <span>one</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-wrap-ref.xht deleted file mode 100644 index c7462ac36d4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-wrap-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex-flow: column wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -</style> - -</head><body><div> - <span>one</span> - <span>three</span> - <span>two</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-wrap-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-wrap-reverse-ref.xht deleted file mode 100644 index 64194a7c332..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-column-wrap-reverse-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | flex-flow: column wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -</style> - -</head><body><div> - <span>three</span> - <span>one</span> - <span>four</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-row-wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-row-wrap-ref.xht deleted file mode 100644 index be04466411a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-row-wrap-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex-flow: row wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-row-wrap-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-row-wrap-reverse-ref.xht deleted file mode 100644 index 16f3058f546..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_flow-row-wrap-reverse-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex-flow: row wrap-reverse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <span>three</span> - <span>four</span> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-flex-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-flex-ref.xht deleted file mode 100644 index dff620f4a58..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-flex-ref.xht +++ /dev/null @@ -1,21 +0,0 @@ -<!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>flexbox | flexcontainer via generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: "xxx"; - background: yellow; - margin: 1em; - width: 200px; - height: 2em; - display: block; -} -</style> - -</head><body><div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-ref.xht deleted file mode 100644 index d776b919b86..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: #3366cc; - height: 4em; -} -div::after, p { - content: "xxx"; - background: yellow; - margin: 1em; - width: 200px; - height: 2em; - float: left; -} -div::after { - content: "yyy"; - display: block; -} -</style> - -</head><body><div> - <p>FAIL</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_inline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_inline-ref.xht deleted file mode 100644 index 4e635f9bb85..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_inline-ref.xht +++ /dev/null @@ -1,13 +0,0 @@ -<!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>flexbox | inline</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body {margin: 0;} -div { - background: yellow; - display: inline-block; -} -</style> - -</head><body><div>HELLOWORLD</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-bottom-float-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-bottom-float-ref.xht deleted file mode 100644 index d0920efc7fe..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-bottom-float-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | GCPM bottom float</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: black; - margin: 1em; - height: 6em; - width: 400px; -} -p { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; - float: left; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <p></p> - <p></p> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-clear-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-clear-ref.xht deleted file mode 100644 index 8f300095598..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-clear-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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>flexbox | cleared item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -#float { - background: #3366cc; - padding: 1em; - float: left; -} -#flex { - background: #ffcc00; - overflow: hidden; -} -div div { - margin: 2em; - height: 4em; - clear: both; -} -</style> - -</head><body><div id="float">damer</div> - -<div id="flex"> - <div>Yellow box should be to the right of the blue box, and - never below</div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-float-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-float-ref.xht deleted file mode 100644 index ff1830f6a7b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-float-ref.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | floated item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: black; - margin: 1em; -} -p { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; - float: left; -} -div::after { - content: ""; - clear: both; - display: block -} -</style> - -</head><body><div> - <p></p> - <p></p> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-top-float-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-top-float-ref.xht deleted file mode 100644 index d60e6a8feb0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-top-float-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | floated item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: black; - margin: 1em; - width: 400px; -} -p { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; - float: left; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <p></p> - <p></p> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-vertical-align-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-vertical-align-ref.xht deleted file mode 100644 index caa1c746131..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_item-vertical-align-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | vertical-align</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: yellow; - border: 1px solid black; - width: 600px; -} -p { - background: #3366cc; - margin: 2em; - width: 2em; - height: 2em; - float: left; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <p></p> - <p></p> - <p></p> - <p></p> - <p></p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-center-overflow-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-center-overflow-ref.xht deleted file mode 100644 index e41239936c0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-center-overflow-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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>flexbox | justify-content: center / overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - font-family: monospace; - background: blue; - margin: 1em 0 0 10em; - border: 1px solid black; - height: 8em; - width: 4em; - position: relative; -} -span { - background: yellow; - margin: 1em 0 0 -2.85em; - height: 6em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - margin-left: 2em; -} -span:nth-child(3) { - background: lightblue; - margin-left: 0; - position: relative; - top: -7em; - left: 4.95em -} -</style> - -</head><body><div> - <span>dam</span><span>dam</span><span>dam</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-center-ref.xht deleted file mode 100644 index a952ef9b6ae..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-center-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | justify-content: center</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - position: relative; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - max-width: 6em; - height: 6em; - position: absolute; - left: 4em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 12em; -} -span:nth-child(3) { - background: lightblue; - left: 20em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-flex-end-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-flex-end-ref.xht deleted file mode 100644 index e62f20fcccb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-flex-end-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | justify-content: flex-end</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - position: relative; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - max-width: 6em; - height: 6em; - position: absolute; - left: 7em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 15em; -} -span:nth-child(3) { - background: lightblue; - left: 23em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-flex-start-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-flex-start-ref.xht deleted file mode 100644 index d778967fe30..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-flex-start-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | justify-content: flex-start</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - position: relative; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - max-width: 6em; - height: 6em; - position: absolute; - left: 2em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 12em; -} -span:nth-child(3) { - background: lightblue; - left: 22em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-negative-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-negative-ref.xht deleted file mode 100644 index 5fb494d4190..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-negative-ref.xht +++ /dev/null @@ -1,37 +0,0 @@ -<!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>flexbox | justify-content: space-around / negative</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 17em; - position: relative; -} -span { - background: yellow; - margin: 1em 0; - width: 4em; - height: 6em; - position: absolute; - left: 0.5em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 6.5em; -} -span:nth-child(3) { - background: lightblue; - left: 12.5em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-only-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-only-ref.xht deleted file mode 100644 index 858e3b1c357..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-only-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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>flexbox | justify-content: space-around | single item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; -} -span { - background: white; - margin: 1em auto; - width: 6em; - max-width: 6em; - height: 6em; - display: block; -} -</style> - -</head><body><div> - <span>one</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-ref.xht deleted file mode 100644 index a7a0eb72114..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacearound-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | justify-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - position: relative; -} -span { - background: yellow; - margin: 1em 0; - width: 6em; - max-width: 6em; - height: 6em; - position: absolute; - left: 2em; - display: inline-block; -} -span:nth-child(2) { - background: pink; - left: 12em; -} -span:nth-child(3) { - background: lightblue; - left: 22em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-negative-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-negative-ref.xht deleted file mode 100644 index 65e0114a08d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-negative-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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>flexbox | justify-content: space-between / negative</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 17em; - position: relative; -} -span { - background: white; - margin: 1em 0; - width: 4em; - height: 6em; - position: absolute; - left: 1em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - left: 7em; -} -span:nth-child(3) { - background: lightblue; - left: 13em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-only-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-only-ref.xht deleted file mode 100644 index de3ffeca6c2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-only-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | justify-content: space-between | single item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - position: relative; -} -span { - background: white; - margin: 1em 0; - width: 6em; - max-width: 6em; - height: 6em; - position: absolute; - left: 1em; - display: inline-block; -} -</style> - -</head><body><div> - <span>one</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-ref.xht deleted file mode 100644 index 6bd70b793a5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_justifycontent-spacebetween-ref.xht +++ /dev/null @@ -1,39 +0,0 @@ -<!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>flexbox | justify-content: space-between</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 30em; - position: relative; -} -span { - background: white; - margin: 1em 0; - width: 6em; - max-width: 6em; - height: 6em; - position: absolute; - left: 1em; - display: inline-block; -} -span:nth-child(1) {background: yellow;} -span:nth-child(2) { - background: pink; - left: 12em; -} -span:nth-child(3) { - background: lightblue; - left: 23em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-overflow-2-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-overflow-2-ref.xht deleted file mode 100644 index 46199830a5d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-overflow-2-ref.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | margin: auto in overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; -} -span { - background: white; - margin: 0; - width: 12em; - height: 6em; - position: absolute; - left: 0; - top: 1em; - display: inline-block; -} -span+span { - background: yellow; - width: 30em; - left: 12em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-overflow-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-overflow-ref.xht deleted file mode 100644 index a69d213eb0a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-overflow-ref.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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>flexbox | margin: auto in overflow</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; -} -span { - background: white; - margin: 0; - width: 30em; - height: 6em; - position: absolute; - left: 0; - top: 1em; - display: inline-block; -} -span+span { - background: yellow; - left: 30em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-ref.xht deleted file mode 100644 index 0c38bd2b24d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-auto-ref.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | margin: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; -} -span { - background: white; - width: 4em; - margin: 0; - height: 6em; - position: absolute; - left: 6em; - top: 1em; - display: inline-block; -} -span+span { - left: 22em; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-collapse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-collapse-ref.xht deleted file mode 100644 index efd4f53b2e0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-collapse-ref.xht +++ /dev/null @@ -1,24 +0,0 @@ -<!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>flexbox | flexitem margin collapsing</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; -} -div { - background: blue; - border: 1px solid black; -} -p { - margin: 1em 0; -} -p+p { - margin: 2em 0 1em; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-left-ex-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-left-ex-ref.xht deleted file mode 100644 index 4d809b242b0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-left-ex-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | margin-left: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - height: 8em; - width: 32em; - position: relative; -} -span { - background: white; - margin: 1em; - height: 6em; - display: inline-block; -} -span:first-child { - margin: 0; - position: absolute; - right: 1em; - top: 1em; -} -</style> - -</head><body><div> - <span>four</span><span>one</span><span>two</span><span>three</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-ref.xht deleted file mode 100644 index c564806a240..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_margin-ref.xht +++ /dev/null @@ -1,13 +0,0 @@ -<!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>flexbox | margins</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: black; - margin: 1em; - height: 4em; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_object-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_object-ref.xht deleted file mode 100644 index 6fdce6b1504..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_object-ref.xht +++ /dev/null @@ -1,20 +0,0 @@ -<!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>flexbox | object fallback as a flex item</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: #ffcc00; - justify-content: space-around; - display: flex; -} -div>* { - background: #3366cc; - margin: 0; -} -</style> - -</head><body><div> - <p>this is supposed to be a flex item</p> - <p>this is supposed to be a flex item</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-abspos-space-around-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-abspos-space-around-ref.xht deleted file mode 100644 index ac6ca29c1ef..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-abspos-space-around-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | order; justify-content: space-around</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - border: 1px solid black; - width: 27em; - height: 8em; - position: relative; -} -span { - background: yellow; - width: 5em; - height: 8em; - position: absolute; - top: 0; - left: 2em; - display: block; -} -span+span {left: 11em;} -span+span+span {left: 20em;} -</style> - -</head><body><div> - <span>damer</span> - <span>damer</span> - <span>damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-box-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-box-ref.xht deleted file mode 100644 index 380e7486114..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-box-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse; order</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em; - border: 1px solid black; -} -div div { - background: yellow; - display: inline-block; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.2em; - display: inline-block; -} -</style> - -</head><body><div> - <div><span>three</span><span>four</span></div><div><span>one</span><span>two</span></div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-ref.xht deleted file mode 100644 index c32c8323341..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_order-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse; order</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - padding: 1em 0 0; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 7em; -} -span { - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - float: left; -} -.one { - background: pink; -} -.two { - background: yellow; -} -.three { - background: black; - color: white; -} -.four { - background: fuchsia; - color: white; -} -</style> - -</head><body><div> - <span class="one">one</span> - <span class="three">three</span> - <span class="two">two</span> - <span class="four">four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rowspan-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rowspan-ref.xht deleted file mode 100644 index 8c8ea5cd707..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rowspan-ref.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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>flexbox | flexcontainers in cells with rowspan</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -table { - width: 600px; - table-layout: fixed; - border-spacing: 0; -} -td { - background: blue; - padding: 0; -} -div { - background: white; - height: 8em; -} -</style> - -</head><body><table> -<tbody><tr> -<td rowspan="2"> - <div></div> -</td> -<td> - <div></div> -</td> -</tr> -<tr> -<td> - <div></div> -</td> -</tr> -</tbody></table> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-direction-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-direction-ref.xht deleted file mode 100644 index c7975a95042..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-direction-ref.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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>flexbox | flex-direction: column-reverse | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -span { - text-align: right; - background: white; - margin: 1em 1em 0; - width: 8em; - float: right; - clear: both; -} -.test { - background: #ffcc00; -} -span~span { - margin: 2em 1em 0; -} -span:last-child { - margin-bottom: 1em; -} -</style> - -</head><body><div> - <span>damer</span> - <span>damer</span> - <span>damer</span> - <span class="test">damer</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-flow-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-flow-ref.xht deleted file mode 100644 index ff80a3e200b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-flow-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex-flow: column wrap | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; -} -span { - text-align: right; - background: white; - margin: 1em; - width: 8em; - float: left; - display: block; -} -</style> - -</head><body><div> - <span>three</span> - <span>one</span> - <span>four</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-flow-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-flow-reverse-ref.xht deleted file mode 100644 index edbfa278e69..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-flow-reverse-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | flex-flow: column wrap-reverse | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 8em; -} -span { - text-align: right; - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -</style> - -</head><body><div> - <span>one</span> - <span>three</span> - <span>two</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-order-ref.xht deleted file mode 100644 index 56bddd158dd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_rtl-order-ref.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - padding: 1em 0 0; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 7em; -} -span { - text-align: right; - background: white; - margin: 1em; - width: 8em; - height: 1.5em; - float: left; -} -.one { - background: pink; -} -.two { - background: yellow; -} -.three { - background: black; - color: white; -} -.four { - background: fuchsia; - color: white; -} -</style> - -</head><body><div> - <span class="three">three</span> - <span class="one">one</span> - <span class="four">four</span> - <span class="two">two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_stf-table-singleline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_stf-table-singleline-ref.xht deleted file mode 100644 index cf11071faf5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_stf-table-singleline-ref.xht +++ /dev/null @@ -1,16 +0,0 @@ -<!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>flexbox | singleline flexcontainer versus stf :: table</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div, p { - display: inline-block; -} -p { - margin: 1em 0; -} -</style> - -</head><body><div> - <p>damerdamerdamerdamerdamer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_visibility-collapse-line-wrapping-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_visibility-collapse-line-wrapping-ref.xht deleted file mode 100644 index dc94572f703..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_visibility-collapse-line-wrapping-ref.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | visibility: collapse and line wrapping</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: #ffcc00; - margin: 1em 0; - width: 300px; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_visibility-collapse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_visibility-collapse-ref.xht deleted file mode 100644 index b84ce9f8a00..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_visibility-collapse-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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>flexbox | visibility: collapse</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: #ffcc00; - margin: 2em; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-long-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-long-ref.xht deleted file mode 100644 index aae46531bf3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-long-ref.xht +++ /dev/null @@ -1,34 +0,0 @@ -<!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>flexbox | flex-wrap: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -span:first-child { - width: 18em; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-ref.xht deleted file mode 100644 index 234726a18d2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex-wrap: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <span>one</span> - <span>two</span> - <span>three</span> - <span>four</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-reverse-ref.xht deleted file mode 100644 index 1257ddb268e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_wrap-reverse-ref.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | flex-wrap: wrap</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - background: blue; - margin: 1em 0; - border: 1px solid black; - width: 20em; -} -span { - background: white; - margin: 1em; - width: 8em; - display: block; - float: left; -} -div::after { - content: ""; - clear: both; - display: block; -} -</style> - -</head><body><div> - <span>three</span> - <span>four</span> - <span>one</span> - <span>two</span> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht deleted file mode 100644 index 3a73a9c9846..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht +++ /dev/null @@ -1,63 +0,0 @@ -<!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 href="mailto:ryuichi1com@gmail.com" rel="author" title="Ryuichi Nonaka" /> - <style type="text/css"> - .container { - position: relative; - - width: 200px; - height: 200px; - } - - .item - { - position: absolute; - - width: 100px; - height:100px; - } - - .item.one - { - top: 0; - right: 0; - - background: red; - } - .item.two - { - top: 100px; - right: 0; - - background: yellow; - } - .item.three - { - top: 0; - right: 100px; - - background: green; - } - .item.four - { - top: 100px; - right: 100px; - - background: blue; - } - </style> -</head> -<body> - <p>The test passes if you see green and red top, blue and yellow bottom.</p> - <div id="test"> - <div class="container"> - <div class="item one"></div> - <div class="item two"></div> - <div class="item three"></div> - <div class="item four"></div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/grid-2x2-blue-yellow-lime-magenta.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/grid-2x2-blue-yellow-lime-magenta.xht deleted file mode 100644 index 8e83cab6f9f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/grid-2x2-blue-yellow-lime-magenta.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <style type="text/css"><![CDATA[ - div { - font: 50px/1 Ahem; - } - - #blue { - color: blue; - } - - #yellow { - color: yellow; - } - - #lime { - color: lime; - } - - #magenta { - color: magenta; - } - ]]></style> - </head> - <body> - <p>Test passes if there are four filled squares with the same size and <strong>no red</strong>.</p> - <p>Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).</p> - - <div> - <span id="blue">B</span><span id="yellow">Y</span> - <br /> - <span id="lime">L</span><span id="magenta">M</span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/justify-content-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/justify-content-001-ref.xht deleted file mode 100644 index 43940ec2fa5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/justify-content-001-ref.xht +++ /dev/null @@ -1,25 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>CSS Reference</title> -<link href="http://www.intel.com" rel="author" title="Intel" /> -<style> - #blue { - background: blue; - height: 100px; - width: 150px; - } - #orange { - background: orange; - height: 100px; - left: 150px; - position: relative; - top: -100px; - width: 150px; - } -</style> -</head><body> - <p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p> - <div id="blue"></div> - <div id="orange"></div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/layout-algorithm_algo-cross-line-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/layout-algorithm_algo-cross-line-001-ref.xht deleted file mode 100644 index c81bf109b8a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/layout-algorithm_algo-cross-line-001-ref.xht +++ /dev/null @@ -1,28 +0,0 @@ -<!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 Flex-basis Test</title> - <link href="mailto:tomalecpub+github@gmail.com" rel="author" title="Tomek Wytrebowicz" /> - <style type="text/css"> - .flex { - width: 200px; - height: 200px; - } - - .flex > * { - background: green; - height: 200px; - width: 100px; - overflow: scroll; - display: inline-block; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square with scrollbars and <strong>no red</strong>.</p> - - <div class="flex"> - <div></div><div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/layout-algorithm_algo-cross-line-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/layout-algorithm_algo-cross-line-002-ref.xht deleted file mode 100644 index 628fcfac735..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/layout-algorithm_algo-cross-line-002-ref.xht +++ /dev/null @@ -1,27 +0,0 @@ -<!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 Flex-basis Test</title> - <link href="mailto:tomalecpub+github@gmail.com" rel="author" title="Tomek Wytrebowicz" /> - <style type="text/css"> - .flex { - width: 200px; - height: 200px; - } - - .flex > * { - background: green; - height: 100px; - width: 200px; - overflow: scroll; - } - </style> - </head> - <body> - <p>Test passes if there is a filled green square with scrollbars and <strong>no red</strong>.</p> - - <div class="flex"> - <div></div><div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht deleted file mode 100644 index 963f160ee31..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!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 Reference: flex container multiline wrapping-reverse in column-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <style> - * { margin:0; padding:0; font-size:100%; line-height:1; } - - .test { - width: 300px; - float: left; - width: 33.3333%; - } - - p { - margin-top: 10px; - margin-right: 10px; - background: #ccc; - } - - #row1-col1 { - height: 90px; - } - - #row1-col2 { - height: 90px; - } - - #row1-col3 { - height: 90px; - } - - #row2-col1 { - height: 140px; - } - - #row2-col2 { - height: 140px; - } - - #row3-col1 { - height: 290px; - } - - .clear { - clear: both; - } - - </style> - </head> - <body> - <div class="test"> - <p id="row1-col1">1-1</p> - <p id="row1-col2">1-2</p> - <p id="row1-col3">1-3</p> - </div> - <div class="test"> - <p id="row2-col1">2-1</p> - <p id="row2-col2">2-2</p> - </div> - <div class="test"> - <p id="row3-col1">3-1</p> - </div> - <div class="clear"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-row-reverse-ref.xht deleted file mode 100644 index d4e87009e5f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-row-reverse-ref.xht +++ /dev/null @@ -1,73 +0,0 @@ -<!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 Reference: flex container multiline wrapping-reverse in row-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <style> - * { margin:0; padding:0; font-size:100%; line-height:1; } - - .test { - width: 300px; - } - - p { - margin-top: 10px; - margin-right: 10px; - background: #ccc; - } - - #row1-col1 { - width: 90px; - float: left; - } - - #row1-col2 { - width: 90px; - float: left; - } - - #row1-col3 { - width: 90px; - float: left; - } - - #row2-col1 { - width: 140px; - float: left; - } - - #row2-col2 { - width: 140px; - float: left; - } - - #row3-col1 { - width: 290px; - float: left; - } - - .clear { - clear: both; - } - - </style> - </head> - <body> - <div class="test"> - <p id="row1-col1">1-1</p> - <p id="row1-col2">1-2</p> - <p id="row1-col3">1-3</p> - </div> - <div class="clear"></div> - <div class="test"> - <p id="row2-col1">2-1</p> - <p id="row2-col2">2-2</p> - </div> - <div class="clear"></div> - <div class="test"> - <p id="row3-col1">3-1</p> - </div> - <div class="clear"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht deleted file mode 100644 index c61bb385d10..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht +++ /dev/null @@ -1,67 +0,0 @@ -<!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 Reference: flex container multiline wrapping in column-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <style> - * { margin:0; padding:0; font-size:100%; line-height:1; } - - .test { - width: 300px; - float: left; - width: 33.3333%; - } - - p { - margin-top: 10px; - margin-right: 10px; - background: #ccc; - } - - #row1-col1 { - height: 90px; - } - - #row1-col2 { - height: 90px; - } - - #row1-col3 { - height: 90px; - } - - #row2-col1 { - height: 140px; - } - - #row2-col2 { - height: 140px; - } - - #row3-col1 { - height: 290px; - } - - .clear { - clear: both; - } - - </style> - </head> - <body> - <div class="test"> - <p id="row1-col1">1-1</p> - <p id="row1-col2">1-2</p> - <p id="row1-col3">1-3</p> - </div> - <div class="test"> - <p id="row2-col1">2-1</p> - <p id="row2-col2">2-2</p> - </div> - <div class="test"> - <p id="row3-col1">3-1</p> - </div> - <div class="clear"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht deleted file mode 100644 index 350c024015b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!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 Reference: flex container multiline wrapping in row-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <style> - .test { - width: 300px; - } - - p { - margin-right: 10px; - background: #ccc; - } - - #row1-col1 { - width: 90px; - float: left; - } - - #row1-col2 { - width: 90px; - float: left; - } - - #row1-col3 { - width: 90px; - float: left; - } - - #row2-col1 { - width: 140px; - float: left; - } - - #row2-col2 { - width: 140px; - float: left; - } - - #row3-col1 { - width: 290px; - float: left; - } - - .clear { - clear: both; - } - - </style> - </head> - <body> - <div class="test"> - <p id="row1-col1">1-1</p> - <p id="row1-col2">1-2</p> - <p id="row1-col3">1-3</p> - </div> - <div class="clear"></div> - <div class="test"> - <p id="row2-col1">2-1</p> - <p id="row2-col2">2-2</p> - </div> - <div class="clear"></div> - <div class="test"> - <p id="row3-col1">3-1</p> - </div> - <div class="clear"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/negative-margins-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/negative-margins-001-ref.xht deleted file mode 100644 index 64b0c38ae82..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/negative-margins-001-ref.xht +++ /dev/null @@ -1,19 +0,0 @@ -<!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><meta charset="utf-8" /> -<title>Reference for negative margins</title> -<link href="https://www.google.com/" rel="author" title="Google Inc." /> -<style> - .container { - width: 60px; - height: 10px; - background-color: green; - border: 3px black solid; - } -</style> -</head><body> - <p>You should see a green rectangle with a black border, 60px wide. You should see no red.</p> - - <div class="container"> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht deleted file mode 100644 index 5b905da9783..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht +++ /dev/null @@ -1,21 +0,0 @@ -<!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 Reference: flex container layout lowest order with column-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> - <style> - p { - margin: 0; - } - </style> - </head> - <body> - <p>Test passes if the paragraph below reads 'First,Second,Third' from top.</p> - <div id="test"> - <p id="first">First,</p> - <p id="second">Second,</p> - <p id="third">Third</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-row-reverse-ref.xht deleted file mode 100644 index 4c285b5d481..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-row-reverse-ref.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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 Reference: flex container layout lowest order with row-reverse direction</title> - <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> - <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins, Jr." /> - <style> - #leftmost { - float: right; - } - - #middle { - float: right; - } - - #rightmost { - float: right; - } - </style> - </head> - <body> - <p>Test passes if the paragraph below reads 'First,Second,Third' from leftmost.</p> - <div id="test"> - <p id="rightmost">Third</p> - <p id="middle">Second,</p> - <p id="leftmost">First,</p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht deleted file mode 100644 index ee772e2d7d3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht +++ /dev/null @@ -1,19 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Reftest Reference</title> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> - <style type="text/css"><![CDATA[ - div - { - background-color: green; - height: 100px; - width: 100px; - } - ]]></style> - </head> - <body> - <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> - <div></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/regions-flexbox-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/regions-flexbox-001-ref.xht deleted file mode 100644 index 876e4b159cf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/regions-flexbox-001-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .flex { - height: 100px; - width: 100px; - background-color: green; - } - - .region { - height: 150px; - width: 200px; - background-color: gray; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray rectangle.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="region"> - <div class="flex"> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/regions-flexbox-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/regions-flexbox-002-ref.xht deleted file mode 100644 index 6a85f657b2b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/regions-flexbox-002-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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 Regions: fixed sized region inside an auto height flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - } - .region { - width: 100px; - height: 100px; - background-color: red; - } - .flex { - display: flex; - width: 150px; - background-color: gray; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray rectangle.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="flex"> - <div class="region"> - <div class="content"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/row-flexbox-break-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/row-flexbox-break-ref.xht deleted file mode 100644 index b8c6008ae51..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/row-flexbox-break-ref.xht +++ /dev/null @@ -1,23 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .stripe { - height: 40px; - width: 80px; - margin-bottom: 20px; - background-color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see two horizontal green stripes on the same horizontal line.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="stripe"></div> - <div class="stripe"></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-green.png Binary files differdeleted file mode 100644 index 3f07c9e3bb7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-lime.png Binary files differdeleted file mode 100644 index 1b947700808..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-red.png Binary files differdeleted file mode 100644 index 57bf3ddc521..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x100-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x50-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x50-green.png Binary files differdeleted file mode 100644 index 9dae3116bbf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/100x50-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-green.png Binary files differdeleted file mode 100644 index b98ca0ba0a0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-lime.png Binary files differdeleted file mode 100644 index cb397fb090e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-maroon.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-maroon.png Binary files differdeleted file mode 100644 index 3f86b072195..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-maroon.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-navy.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-navy.png Binary files differdeleted file mode 100644 index 9b9a03955ba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-navy.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-red.png Binary files differdeleted file mode 100644 index 6bd73ac1018..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-white.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-white.png Binary files differdeleted file mode 100644 index dd43faec54a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/1x1-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/200x200-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/200x200-green.png Binary files differdeleted file mode 100644 index 1136e7230b5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/200x200-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/50x100-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/50x100-green.png Binary files differdeleted file mode 100644 index 28546987889..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/50x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-gg-rr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-gg-rr.png Binary files differdeleted file mode 100644 index 84f5b2a4f1d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-gg-rr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-green.png Binary files differdeleted file mode 100644 index b3c8cf3eb4c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-red.png Binary files differdeleted file mode 100644 index 823f125b8e4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/60x60-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/Ahem.ttf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/Ahem.ttf Binary files differdeleted file mode 100644 index ac81cb03165..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/Ahem.ttf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/DejaVuSerif-webfont.woff Binary files differdeleted file mode 100644 index 4583cc675d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/DejaVuSerif-webfont.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/README b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/README deleted file mode 100644 index 2e5f2ad0738..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/README +++ /dev/null @@ -1,28 +0,0 @@ -CSS Global Support Directory -============================ - -This directory contains common support files (such as images and external -style sheets). These are sync'ed into the support directories of all our -test suites. If you have test-suite-specific support files, please add -them to the appropriate test-suite-specific support/ directory. - -If you add to a support/ directory, please run the tools/supportprop.py -script from the top of the repository to cascade support files into the -lower-level support directories. - -Description of the Common Support File Collection -------------------------------------------------- - -The 1x1-* images are all exactly one pixel. - -The swatch-* images all use 15x15 cells. - -The square-* images all use 15x15 cells with one pixel borders. - -The pattern-* images use cells of various sizes: - - pattern-grg-rgr-grg.png 20x20 - pattern-rgr-grg-rgr.png 20x20 - pattern-tr.png 15x15 - pattern-grg-rrg-rgg.png 15x15 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/a-green.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/a-green.css deleted file mode 100644 index b0dbb071d5b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/a-green.css +++ /dev/null @@ -1 +0,0 @@ -.a { color: green; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSFWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSFWOrientationTest.otf Binary files differdeleted file mode 100644 index f9cbd2be892..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSFWOrientationTest.otf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differdeleted file mode 100644 index 84ad57bef5a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/LICENSE deleted file mode 100644 index ac5f0b04320..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/LICENSE +++ /dev/null @@ -1,31 +0,0 @@ -CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: -Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. -The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. -"Reserved Font Name" refers to any names specified as such after the copyright statement(s). -"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). -"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. -"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: -1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. -2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. -3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. -5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md deleted file mode 100644 index 61f6870554c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md +++ /dev/null @@ -1,43 +0,0 @@ -CSS Orientation Test -==== - -Overview ----- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files -that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. - -Getting Involved ----- -Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. - -Building -==== - -Pre-built font binaries ----- -The installable font resources (font binaries) are not part of the source files. -They are available at https://github.com/adobe-fonts/css-orientation-test/ -The latest version of the font binaries is 1.005 (April 4th 2015). - - -Requirements ----- - -For building binary font files from source, installation of the -[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) -is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. - -Building the fonts ----- - -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found -by executing *makeotf -h*. - -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font -for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: - - % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H - % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf - % sfntedit -f CSSFWOrientationTest.otf - -That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ahem.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ahem.css deleted file mode 100644 index 82ee466791e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ahem.css +++ /dev/null @@ -1,4 +0,0 @@ -@font-face { - font-family: "Ahem"; - src: url(./Ahem.ttf); -} diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/b-green.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/b-green.css deleted file mode 100644 index a0473f5ca26..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/b-green.css +++ /dev/null @@ -1 +0,0 @@ -.b { color: green; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-2row-320x320.png Binary files differdeleted file mode 100644 index 7ca197bc06e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-3row-320x320.png Binary files differdeleted file mode 100644 index f5c13ab550d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-1col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-2row-320x320.png Binary files differdeleted file mode 100644 index 4f354e93527..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-3row-320x320.png Binary files differdeleted file mode 100644 index 6eded69a4a3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-2col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-2row-320x320.png Binary files differdeleted file mode 100644 index 5f4b53c46b7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-3row-320x320.png Binary files differdeleted file mode 100644 index 4c2f6c8e632..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-3col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-2row-320x320.png Binary files differdeleted file mode 100644 index 052d224df11..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-3row-320x320.png Binary files differdeleted file mode 100644 index 1826531268a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/bg-red-4col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-025-exp-res.png Binary files differdeleted file mode 100644 index 851eeea0398..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-025-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png Binary files differdeleted file mode 100644 index d325b15a4cf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-220x1.png Binary files differdeleted file mode 100644 index 3898d5a2d9e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-220x1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-320x1.png Binary files differdeleted file mode 100644 index 7d9151c848a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-horiz-line-320x1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x220.png Binary files differdeleted file mode 100644 index 07b0239fc52..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x220.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x320.png Binary files differdeleted file mode 100644 index 6049e271506..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-vert-line-1x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-yellow-206w-165h.png Binary files differdeleted file mode 100644 index 47ceb84d3fb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue-yellow-206w-165h.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue1x1.png Binary files differdeleted file mode 100644 index 667b6558892..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue1x1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue20x20.png Binary files differdeleted file mode 100644 index e0af5553303..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/blue20x20.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/c-red.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/c-red.css deleted file mode 100644 index d4ba5c64e95..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/c-red.css +++ /dev/null @@ -1 +0,0 @@ -.c { color: red; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/cat.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/cat.png Binary files differdeleted file mode 100644 index 85dd7324815..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/cat.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/check-layout-th.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/check-layout-th.js deleted file mode 100644 index 07f7d5ded82..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/check-layout-th.js +++ /dev/null @@ -1,190 +0,0 @@ -(function() { -// Test is initiated from body.onload, so explicit done() call is required. -setup({ explicit_done: true }); - -function checkSubtreeExpectedValues(t, parent, prefix) -{ - var checkedLayout = checkExpectedValues(t, parent, prefix); - Array.prototype.forEach.call(parent.childNodes, function(node) { - checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); - }); - return checkedLayout; -} - -function checkAttribute(output, node, attribute) -{ - var result = node.getAttribute && node.getAttribute(attribute); - output.checked |= !!result; - return result; -} - -function assert_tolerance(actual, expected, message) -{ - if (isNaN(expected) || Math.abs(actual - expected) >= 1) { - assert_equals(actual, Number(expected), message); - } -} - -function checkExpectedValues(t, node, prefix) -{ - var output = { checked: false }; - - var expectedWidth = checkAttribute(output, node, "data-expected-width"); - if (expectedWidth) { - assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width"); - } - - var expectedHeight = checkAttribute(output, node, "data-expected-height"); - if (expectedHeight) { - assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height"); - } - - var expectedOffset = checkAttribute(output, node, "data-offset-x"); - if (expectedOffset) { - assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft"); - } - - var expectedOffset = checkAttribute(output, node, "data-offset-y"); - if (expectedOffset) { - assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop"); - } - - var expectedWidth = checkAttribute(output, node, "data-expected-client-width"); - if (expectedWidth) { - assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth"); - } - - var expectedHeight = checkAttribute(output, node, "data-expected-client-height"); - if (expectedHeight) { - assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight"); - } - - var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width"); - if (expectedWidth) { - assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth"); - } - - var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height"); - if (expectedHeight) { - assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight"); - } - - var expectedOffset = checkAttribute(output, node, "data-total-x"); - if (expectedOffset) { - var totalLeft = node.clientLeft + node.offsetLeft; - assert_tolerance(totalLeft, expectedOffset, prefix + - "clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")"); - } - - var expectedOffset = checkAttribute(output, node, "data-total-y"); - if (expectedOffset) { - var totalTop = node.clientTop + node.offsetTop; - assert_tolerance(totalTop, expectedOffset, prefix + - "clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")"); - } - - var expectedDisplay = checkAttribute(output, node, "data-expected-display"); - if (expectedDisplay) { - var actualDisplay = getComputedStyle(node).display; - assert_equals(actualDisplay, expectedDisplay, prefix + "display"); - } - - var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top"); - if (expectedPaddingTop) { - var actualPaddingTop = getComputedStyle(node).paddingTop; - // Trim the unit "px" from the output. - actualPaddingTop = actualPaddingTop.slice(0, -2); - assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top"); - } - - var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom"); - if (expectedPaddingBottom) { - var actualPaddingBottom = getComputedStyle(node).paddingBottom; - // Trim the unit "px" from the output. - actualPaddingBottom = actualPaddingBottom.slice(0, -2); - assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom"); - } - - var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left"); - if (expectedPaddingLeft) { - var actualPaddingLeft = getComputedStyle(node).paddingLeft; - // Trim the unit "px" from the output. - actualPaddingLeft = actualPaddingLeft.slice(0, -2); - assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left"); - } - - var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right"); - if (expectedPaddingRight) { - var actualPaddingRight = getComputedStyle(node).paddingRight; - // Trim the unit "px" from the output. - actualPaddingRight = actualPaddingRight.slice(0, -2); - assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right"); - } - - var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top"); - if (expectedMarginTop) { - var actualMarginTop = getComputedStyle(node).marginTop; - // Trim the unit "px" from the output. - actualMarginTop = actualMarginTop.slice(0, -2); - assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top"); - } - - var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom"); - if (expectedMarginBottom) { - var actualMarginBottom = getComputedStyle(node).marginBottom; - // Trim the unit "px" from the output. - actualMarginBottom = actualMarginBottom.slice(0, -2); - assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom"); - } - - var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left"); - if (expectedMarginLeft) { - var actualMarginLeft = getComputedStyle(node).marginLeft; - // Trim the unit "px" from the output. - actualMarginLeft = actualMarginLeft.slice(0, -2); - assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left"); - } - - var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right"); - if (expectedMarginRight) { - var actualMarginRight = getComputedStyle(node).marginRight; - // Trim the unit "px" from the output. - actualMarginRight = actualMarginRight.slice(0, -2); - assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right"); - } - - return output.checked; -} - -window.checkLayout = function(selectorList, outputContainer) -{ - if (!selectorList) { - console.error("You must provide a CSS selector of nodes to check."); - return; - } - var nodes = document.querySelectorAll(selectorList); - var testNumber = 0; - nodes = Array.prototype.slice.call(nodes); - nodes.reverse(); - var checkedLayout = false; - Array.prototype.forEach.call(nodes, function(node) { - test(function(t) { - var container = node.parentNode.className == 'container' ? node.parentNode : node; - var prefix = "\n" + container.outerHTML + "\n"; - var passed = false; - try { - checkedLayout |= checkExpectedValues(t, node.parentNode, prefix); - checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); - passed = true; - } finally { - checkedLayout |= !passed; - } - }, selectorList + ' ' + String(++testNumber)); - }); - if (!checkedLayout) { - console.error("No valid data-* attributes found in selector list : " + selectorList); - } - done(); -}; - -})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-002.png Binary files differdeleted file mode 100644 index 7fc9f14ed6e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-004.png Binary files differdeleted file mode 100644 index 2d1355e3bdb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-004.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-006.png Binary files differdeleted file mode 100644 index 5145c22c485..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/clearance-calculation-vrl-006.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html deleted file mode 100644 index 5af681f14eb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0 . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html deleted file mode 100644 index d5d94382ea2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 400px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html deleted file mode 100644 index 887565e66d4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html deleted file mode 100644 index c38de525145..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html deleted file mode 100644 index 66be0f4eba9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-lr; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html deleted file mode 100644 index eff5f71a450..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-lr; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html deleted file mode 100644 index 2da3bf3dd53..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html deleted file mode 100644 index 572557eb339..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html deleted file mode 100644 index 8537a945fbc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html deleted file mode 100644 index 95047f16a92..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html deleted file mode 100644 index 4f1aa674eba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 40%; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 40% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + -ignore and solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html deleted file mode 100644 index 1f35ff47dd6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 20%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 20%; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 20% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - -ignore and solve : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html deleted file mode 100644 index 3f4f1c935ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html deleted file mode 100644 index 1c0bb78e74d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html deleted file mode 100644 index c193112b600..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html deleted file mode 100644 index 204a08ef3df..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html deleted file mode 100644 index a71927cf3a8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-rl; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html deleted file mode 100644 index e1054bc2a96..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-rl; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html deleted file mode 100644 index 39f297f1b9c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html deleted file mode 100644 index 26e0ec67fd1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html deleted file mode 100644 index a0b80d99e3a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html deleted file mode 100644 index 62d74144fee..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html deleted file mode 100644 index 21efbe52bc5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 40%; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 40% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + -ignore and solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html deleted file mode 100644 index 748f325d8d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 20%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 20%; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 20% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - -ignore and solve : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-002.html deleted file mode 100644 index 044da84cff8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-002.html +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-002</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - width: 100px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-004.html deleted file mode 100644 index 68fca9ad435..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-004.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-004</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - border-right: green solid 20px; - width: 80px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-006.html deleted file mode 100644 index 38a614d2346..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-006.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-006</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - margin-right: 50px; - padding-right: 50px; - width: 50px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-008.html deleted file mode 100644 index 048ad073944..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/embedded-doc-for-background-size-root-vrl-008.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-008</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - border-left: white solid 20px; - margin-right: 50px; - padding-right: 50px; - width: 50px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/flexbox.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/flexbox.css deleted file mode 100644 index 83502cd144a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/flexbox.css +++ /dev/null @@ -1,143 +0,0 @@ -.flexbox { - display: -webkit-flex; - display: flex; -} -.inline-flexbox { - display: -webkit-inline-flex; - display: inline-flex; -} - -.flex-none { - -webkit-flex: none; - flex: none; -} -.flex-auto { - -webkit-flex: auto; - flex: auto; -} -.flex-one { - -webkit-flex: 1; - flex: 1; -} -.flex-one-one-auto { - -webkit-flex: 1 1 auto; - flex: 1 1 auto; -} - -.row { - -webkit-flex-direction: row; - flex-direction: row; -} -.row-reverse { - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.column { - -webkit-flex-direction: column; - flex-direction: column; -} -.column-reverse { - -webkit-flex-direction: column-reverse; - flex-direction: column-reverse; -} - -.wrap { - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} -.wrap-reverse { - -webkit-flex-wrap: wrap-reverse; - flex-wrap: wrap-reverse; -} - -.align-content-flex-start { - -webkit-align-content: flex-start; - align-content: flex-start; -} -.align-content-flex-end { - -webkit-align-content: flex-end; - align-content: flex-end; -} -.align-content-center { - -webkit-align-content: center; - align-content: center; -} -.align-content-space-between { - -webkit-align-content: space-between; - align-content: space-between; -} -.align-content-space-around { - -webkit-align-content: space-around; - align-content: space-around; -} -.align-content-stretch { - -webkit-align-content: stretch; - align-content: stretch; -} - -.align-items-flex-start { - -webkit-align-items: flex-start; - align-items: flex-start; -} -.align-items-flex-end { - -webkit-align-items: flex-end; - align-items: flex-end; -} -.align-items-center { - -webkit-align-items: center; - align-items: center; -} -.align-items-baseline { - -webkit-align-items: baseline; - align-items: baseline; -} -.align-items-stretch { - -webkit-align-items: stretch; - align-items: stretch; -} - -.align-self-auto { - -webkit-align-self: auto; - align-self: auto; -} -.align-self-flex-start { - -webkit-align-self: flex-start; - align-self: flex-start; -} -.align-self-flex-end { - -webkit-align-self: flex-end; - align-self: flex-end; -} -.align-self-center { - -webkit-align-self: center; - align-self: center; -} -.align-self-baseline { - -webkit-align-self: baseline; - align-self: baseline; -} -.align-self-stretch { - -webkit-align-self: stretch; - align-self: stretch; -} - -.justify-content-flex-start { - -webkit-justify-content: flex-start; - justify-content: flex-start; -} -.justify-content-flex-end { - -webkit-justify-content: flex-end; - justify-content: flex-end; -} -.justify-content-center { - -webkit-justify-content: center; - justify-content: center; -} -.justify-content-space-between { - -webkit-justify-content: space-between; - justify-content: space-between; -} -.justify-content-space-around { - -webkit-justify-content: space-around; - justify-content: space-around; -} diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-slr.png Binary files differdeleted file mode 100644 index ac9b2a30725..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-slr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-srl.png Binary files differdeleted file mode 100644 index da9d401f917..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-srl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-vlr.png Binary files differdeleted file mode 100644 index ebe4df21f63..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/form-controls-vlr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/import-green.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/import-green.css deleted file mode 100644 index 537104e6633..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/import-green.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: green; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/import-red.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/import-red.css deleted file mode 100644 index 9945ef47114..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/import-red.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: red; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-200x300.png Binary files differdeleted file mode 100644 index 6e30eba507a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-green-200x300.png Binary files differdeleted file mode 100644 index 30668751dfb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-bottom-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-200x300.png Binary files differdeleted file mode 100644 index 6025c4e85be..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-green-200x300.png Binary files differdeleted file mode 100644 index b2645c0fe69..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-center-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-side-filled-square-40x160.png Binary files differdeleted file mode 100644 index 86fd7e5671d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-side-filled-square-40x160.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-top-200x300.png Binary files differdeleted file mode 100644 index 43e739acbc2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/left-top-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/margin-collapse-2em-space-wm-vert.png Binary files differdeleted file mode 100644 index 8a2fa55efdf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/margin-collapse-2em-space-wm-vert.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/mplus-1p-regular.woff Binary files differdeleted file mode 100644 index 42cfff628b4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/mplus-1p-regular.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/opaque-square-40x160.png Binary files differdeleted file mode 100644 index 11636f5f771..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/opaque-square-40x160.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ortho-htb-alongside-vrl-floats-002-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ortho-htb-alongside-vrl-floats-002-exp-res.png Binary files differdeleted file mode 100644 index 54d35eb05e9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ortho-htb-alongside-vrl-floats-002-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p1.png Binary files differdeleted file mode 100644 index f5adb11b4b4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p2.png Binary files differdeleted file mode 100644 index 7ecf84bae34..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p2.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p3.png Binary files differdeleted file mode 100644 index d7c58d62243..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p3.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p4.png Binary files differdeleted file mode 100644 index 04dc0fe2e9e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/page-flow-direction-002p4.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-abs-pos-non-replaced.png Binary files differdeleted file mode 100644 index 15fd6065ef6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-abs-pos-non-replaced.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-002.png Binary files differdeleted file mode 100644 index a0db6909418..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-004.png Binary files differdeleted file mode 100644 index ec130f10f46..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-004.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-006.png Binary files differdeleted file mode 100644 index 981741b7e53..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-006.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-008.png Binary files differdeleted file mode 100644 index 9b2a0610e4e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-008.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-010.png Binary files differdeleted file mode 100644 index a2d66146186..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-010.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-012.png Binary files differdeleted file mode 100644 index 23b1beb9cd4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-012.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-014.png Binary files differdeleted file mode 100644 index 64e081c72f1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-014.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-016.png Binary files differdeleted file mode 100644 index 952e0089b8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-016.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-018.png Binary files differdeleted file mode 100644 index 22f51030c36..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-bg-pos-vrl-018.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-box-offsets-rel-pos.png Binary files differdeleted file mode 100644 index e81c0ae4cf5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-box-offsets-rel-pos.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-clearance-calculations.png Binary files differdeleted file mode 100644 index ec502d3532a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-clearance-calculations.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vlr-003.png Binary files differdeleted file mode 100644 index f8c677b8e05..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vlr-003.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vrl-002.png Binary files differdeleted file mode 100644 index 48555d3acc8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-first-page-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-float-contiguous.png Binary files differdeleted file mode 100644 index 8d35d98e9c4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-float-contiguous.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-horiz-rule.png Binary files differdeleted file mode 100644 index f9cc0b1eeff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pass-cdts-horiz-rule.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr-100x100.png Binary files differdeleted file mode 100644 index b14c75ea2c0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rg-100x100.png Binary files differdeleted file mode 100644 index 80c7035f1fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rr-100x100.png Binary files differdeleted file mode 100644 index a98636ddef3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-rr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gg-100x100.png Binary files differdeleted file mode 100644 index fd1f7a7b50a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gr-100x100.png Binary files differdeleted file mode 100644 index 431b99f933a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rg-100x100.png Binary files differdeleted file mode 100644 index 63248d4dd1f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rr-100x100.png Binary files differdeleted file mode 100644 index 6fba8358309..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gr-rr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-grg-rgr-grg.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-grg-rgr-grg.png Binary files differdeleted file mode 100644 index 9b88fbd8114..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-grg-rgr-grg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-grg-rrg-rgg.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-grg-rrg-rgg.png Binary files differdeleted file mode 100644 index fcf4f3fd7d9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-grg-rrg-rgg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gg-100x100.png Binary files differdeleted file mode 100644 index 47ee743880e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gr-100x100.png Binary files differdeleted file mode 100644 index 6b19ec9a4e7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rg-100x100.png Binary files differdeleted file mode 100644 index e28bdba9dd6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rr-100x100.png Binary files differdeleted file mode 100644 index 797e289e059..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rg-rr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rgr-grg-rgr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rgr-grg-rgr.png Binary files differdeleted file mode 100644 index d454e3a630c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rgr-grg-rgr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-gr-100x100.png Binary files differdeleted file mode 100644 index 97aac24065c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-rg-100x100.png Binary files differdeleted file mode 100644 index 177743874e2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-rr-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-tr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-tr.png Binary files differdeleted file mode 100644 index 8b4b25364e0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-200x300.png Binary files differdeleted file mode 100644 index 38904b25087..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-green-200x300.png Binary files differdeleted file mode 100644 index a3c6bb63b64..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-bottom-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-200x300.png Binary files differdeleted file mode 100644 index b9987017a06..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-green-200x300.png Binary files differdeleted file mode 100644 index 8f54bf5a894..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-center-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-side-filled-square-40x160.png Binary files differdeleted file mode 100644 index f76b2083118..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-side-filled-square-40x160.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-200x300.png Binary files differdeleted file mode 100644 index 59467ec3f18..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-green-200x300.png Binary files differdeleted file mode 100644 index 313c37f4dfb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/right-top-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-h-50px.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-h-50px.png Binary files differdeleted file mode 100644 index 9f46583665c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-h-50px.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-v-100px.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-v-100px.png Binary files differdeleted file mode 100644 index a837eca2225..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-v-100px.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-v-50px.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-v-50px.png Binary files differdeleted file mode 100644 index 84141028020..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-v-50px.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/sileot-webfont.woff Binary files differdeleted file mode 100644 index 81547578d36..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/sileot-webfont.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/solidblue.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/solidblue.png Binary files differdeleted file mode 100644 index 8584a701a80..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/solidblue.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-purple.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-purple.png Binary files differdeleted file mode 100644 index 0f522d78728..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-purple.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-teal.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-teal.png Binary files differdeleted file mode 100644 index e567f51b91b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-teal.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-white.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-white.png Binary files differdeleted file mode 100644 index 5853cbb238c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/square-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-aqua.png Binary files differdeleted file mode 100644 index dd47e286650..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-aqua.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-blue.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-blue.png Binary files differdeleted file mode 100644 index bf2759634d4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-blue.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-fuchsia.png Binary files differdeleted file mode 100644 index 3f8f8b4ea37..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-fuchsia.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-green.png Binary files differdeleted file mode 100644 index 0aa79b0c86b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-lime.png Binary files differdeleted file mode 100644 index 55fd7fdaedf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-olive.png Binary files differdeleted file mode 100644 index 8fff8179ef3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-olive.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-orange.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-orange.png Binary files differdeleted file mode 100644 index d3cd498b52b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-orange.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-red.png Binary files differdeleted file mode 100644 index 1caf25c992a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-teal.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-teal.png Binary files differdeleted file mode 100644 index 0293ce89dea..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-teal.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-white.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-white.png Binary files differdeleted file mode 100644 index 1a7d4323d77..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-yellow.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-yellow.png Binary files differdeleted file mode 100644 index 1591aa0e2e2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/swatch-yellow.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.otf Binary files differdeleted file mode 100644 index d6e6e7fc186..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.otf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.woff Binary files differdeleted file mode 100644 index c880aaab5cf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-bl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-bl.png Binary files differdeleted file mode 100644 index 904e24e996a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-bl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-br.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-br.png Binary files differdeleted file mode 100644 index f413ff5c1a0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-br.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-inner-half-size.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-inner-half-size.png Binary files differdeleted file mode 100644 index e473bf80efc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-inner-half-size.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-outer.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-outer.png Binary files differdeleted file mode 100644 index 82eeace7fc0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-outer.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-style.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-style.css deleted file mode 100644 index 17f44c11796..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-style.css +++ /dev/null @@ -1,18 +0,0 @@ - #test01, #test02, #test03{ - width: 50px; - height: 50px; - text-align:center; - font-size: 20px; - } - #test{ - background: #ff0000; - } - #test01{ - background: #7FFF00; - } - #test02{ - background: #00FFFF; - } - #test03{ - background: #4169E1; - } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-tl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-tl.png Binary files differdeleted file mode 100644 index f6ac0ef7e8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-tl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-tr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-tr.png Binary files differdeleted file mode 100644 index 59843ae54b6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/test-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-010.png Binary files differdeleted file mode 100644 index d5d96d9cd1b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-010.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-012.png Binary files differdeleted file mode 100644 index 7d5e9a4e24f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-012.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-vrl-002.png Binary files differdeleted file mode 100644 index 88f06722fc9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-left-001.png Binary files differdeleted file mode 100644 index 51921a7e91a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-left-001.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-lr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-lr.png Binary files differdeleted file mode 100644 index 2c1c8f7f4cb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-lr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-right-001.png Binary files differdeleted file mode 100644 index f4bfd48549f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-sideways-right-001.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-001.png Binary files differdeleted file mode 100644 index d7df4098ed2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-001.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-vrl-002.png Binary files differdeleted file mode 100644 index 22eff43039c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation.js deleted file mode 100644 index 6e007cea82e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation.js +++ /dev/null @@ -1,217 +0,0 @@ -(function () { - var log = function () {}; - - function OrientationTester(container, orientation) { - this.container = container; - this.setOrientation(orientation); - } - extend(OrientationTester.prototype, { - setOrientation: function (orientation) { - this.orientation = orientation; - }, - measure: function (results) { - this.results = results; - this._measureNode(this.container); - }, - _measureNode: function (node, block) { - switch (node.nodeType) { - case Node.ELEMENT_NODE: - var blockOverride = node.dataset.block; - if (blockOverride) - block = blockOverride; - var nodes = node.childNodes; - for (var i = 0; i < nodes.length; i++) - this._measureNode(nodes[i], block); - return; - case Node.TEXT_NODE: - break; - default: - return; - } - - if (this.orientation == "R") { - var advanceExpected = 8; - var advanceFailed = 4; - } else { - advanceExpected = 4; - advanceFailed = 8; - } - - var range = document.createRange(); - var text = node.textContent; - for (var ich = 0; ich < text.length; ich++) { - var code = text.charCodeAt(ich); - if (code == 10 || code == 13) - continue; - range.setStart(node, ich); - if (code >= 0xD800 && code <= 0xDBFF) { - var next = text.charCodeAt(ich+1); - if (next >= 0xDC00 && next <= 0xDFFF) { - ich++; - code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; - } - } - range.setEnd(node, ich + 1); - rect = range.getBoundingClientRect(); - if (rect.width == 16) { - if (rect.height == advanceExpected) { - this.results.passCount++; - continue; - } - //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); - if (rect.height == advanceFailed) { - this.results.failed(this, code, block); - continue; - } - } - this.results.inconclusive(this, code, block, rect); - } - }}); - - function Results(name) { - var block = document.createElement("details"); - this.summary = appendChildElement(block, "summary"); - this.summary.textContent = name; - var typeList = appendChildElement(block, "ul"); - this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); - this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); - details.appendChild(block); - this.passCount = 0; - this.failCount = 0; - this.inconclusiveCount = 0; - } - extend(Results.prototype, { - failed: function (test, code, block) { - this.failCount++; - this.append(this.failList, test, code, block); - }, - inconclusive: function (test, code, block, rect) { - this.inconclusiveCount++; - this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); - }, - append: function (list, test, code, block, message) { - var text = stringFromUnicode(code) + " should be " + test.orientation; - if (block) - text = block + ": " + text; - if (message) - text += message; - appendChildElement(list, "li", text); - }, - done: function (test) { - this.summary.textContent += " (" + this.passCount + " passes, " + - this.failCount + " fails, " + - this.inconclusiveCount + " inconclusives)"; - assert_equals(this.failCount, 0, "Fail count"); - assert_greater_than(this.passCount, 0, "Pass count"); - test.done(); - }}); - - function Runner() { - var nodes = document.querySelectorAll("div[data-vo]"); - this.testers = []; - for (var i = 0; i < nodes.length; i++) { - var node = nodes[i]; - var vo = node.dataset.vo; - var tester = new OrientationTester(node, vo); - tester.test = async_test("Default orientation for vo=" + vo); - this.testers.push(tester); - } - this.testU = async_test("Orientation=Upright"); - this.testR = async_test("Orientation=Rotated"); - } - extend(Runner.prototype, { - run: function () { - log("Started"); - var start = new Date; - - for (var i = 0; i < this.testers.length; i++) { - var tester = this.testers[i]; - var test = tester.test; - test.step(function () { - var results = new Results(test.name); - tester.measure(results); - results.done(test); - }); - } - this.runOrientation(this.testU, "U"); - this.runOrientation(this.testR, "R"); - - log("Elapsed " + (new Date() - start)); - done(); - }, - runOrientation: function (test, orientation) { - container.classList.add(orientation); - var results = new Results(test.name); - var me = this; - test.step(function () { - for (var i = 0; i < me.testers.length; i++) { - var tester = me.testers[i]; - tester.setOrientation(orientation); - tester.measure(results); - } - results.done(test); - }) - container.classList.remove(orientation); - }}); - - setup({explicit_done:true, explicit_timeout:true}); - var runner = new Runner(); - window.onload = function () { - if (window.location.search == "?wait") { - log("Sleeping 5 secs for debug purpose"); - return setTimeout(run, 5000); - } - run(); - } - - function run() { - onFontReady("16px orientation", function () { runner.run(); }); - } - - function onFontReady(font, func) { - log("Waiting test fonts to load"); - if (document.fonts) { - if ('load' in document.fonts) - return document.fonts.load(font).then(func); - if ('ready' in document.fonts) - return document.fonts.ready.then(func); - } - document.offsetTop; // last resort to load @font-face - func(); - } - - function arrayFromRangesByValue(dict) { - var array = []; - for (var value in dict) { - var ranges = dict[value]; - for (var i = 0; i < ranges.length; i += 2) { - var to = ranges[i+1]; - for (var code = ranges[i]; code <= to; code++) - array[code] = value; - } - } - return array; - }; - - function stringFromUnicode(code) { - var hex = code.toString(16).toUpperCase(); - if (hex.length < 4) { - hex = "0000" + hex; - hex = hex.substr(hex.length - 4); - } - return hex + ' "' + String.fromCharCode(code) + '"'; - } - - function appendChildElement(parent, tag, text) { - var node = document.createElement(tag); - if (text) - node.textContent = text; - parent.appendChild(node); - return node; - } - - function extend(target, dict) { - for (var key in dict) - target[key] = dict[key]; - } -})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/vertical-form.png Binary files differdeleted file mode 100644 index 53a3af92cd6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/vertical-form.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/wm-propagation-body-003-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/wm-propagation-body-003-exp-res.png Binary files differdeleted file mode 100644 index b437e8fb8d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/wm-propagation-body-003-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-59x59.png Binary files differdeleted file mode 100644 index 50816d38f6b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differdeleted file mode 100644 index d6139238de3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-horiz-redline-bottom-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-center-59x59.png Binary files differdeleted file mode 100644 index c352b109548..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-center-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-left-59x59.png Binary files differdeleted file mode 100644 index 8baf6f60404..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-left-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-right-59x59.png Binary files differdeleted file mode 100644 index 7e881312b35..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/yellow-square-vert-redline-right-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-center-ref.xht deleted file mode 100644 index d3d3cd72266..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-center-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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 Flexible Box Test: align-content property - center</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - height: 6em; - width: 20em; - background: red; - margin: 1em; - border: 1px solid black; - } - span:nth-child(3), span:nth-child(4) { - margin: 2em 1em; - } - span { - height: 2em; - display: inline-block; - background: green; - color: white; - margin: 0 1em; - width: 8em; - float: left; - } - </style> -</head> -<body> - <p>The test passed if you see a centered 2*2 table.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-end-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-end-ref.xht deleted file mode 100644 index 8d1576c78af..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-end-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexible Box Test: align-content property - flex-end</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - height: 8em; - width: 20em; - background: red; - margin: 1em; - padding-top: 6em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - float: left; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht deleted file mode 100644 index 8bebaac48fd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexible Box Test: align-content property - space-between</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - height: 14em; - width: 20em; - background: red; - margin: 1em; - border: 1px solid black; - } - - span { - height: 2em; - display: inline-block; - background: green; - color: white; - margin: 2.5em 1em; - width: 8em; - float: left; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-between-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-between-ref.xht deleted file mode 100644 index 3ff6255d21d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-between-ref.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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 Flexible Box Test: align-content property - space-between</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - height: 14em; - width: 20em; - background: red; - margin: 1em; - border: 1px solid black; - } - .first, .second { - margin-bottom: 112px; - } - span { - height: 2em; - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - float: left; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</p> - <div class="container"> - <span class="first">first</span> - <span class="second">second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-start-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-start-ref.xht deleted file mode 100644 index 77ab3099ac0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-start-ref.xht +++ /dev/null @@ -1,35 +0,0 @@ -<!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 Flexible Box Test: align-content property - flex-start</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - height: 14em; - width: 20em; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - float: left; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are at the top of the container.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-base-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-base-ref.xht deleted file mode 100644 index 3f09b20d3b0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-base-ref.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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 Flexible Box Test: display proprety - flex</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - height: 6em; - width: 3em; - background: red; - margin: 1em; - border: 1px solid black; - } - .success { - background: green; - width: 100%; - height: 100%; - display: block; - } - </style> -</head> -<body> - <p>The test passed if you can't find red color.</p> - <div class="container"> - <span class="success">Hello</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-ref.xht deleted file mode 100644 index 493e960a3c9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexible Box Test: flex-direction proprety - column</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - background: red; - margin: 1em 0; - border: 1px solid black; - } - span ~ span { - margin: 2em 1em 1em; - } - span { - display: block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see all the cells are arraged vertically.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht deleted file mode 100644 index 4e61b431269..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexible Box Test: flex-direction proprety - column-reverse</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - background: red; - margin: 1em 0; - border: 1px solid black; - } - span ~ span { - margin: 2em 1em 1em; - } - span { - display: block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see all the cells are arraged vertically and reversed.</p> - <div class="container"> - <span>forth</span> - <span>third</span> - <span>second</span> - <span>first</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht deleted file mode 100644 index f0ce6958cfb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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 Flexible Box Test: flex-direction proprety - row-reverse</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - background: red; - margin: 1em 0; - border: 1px solid black; - text-align: right; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - text-align: left; - } - </style> -</head> -<body> - <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> - <div class="container"> - <span>forth</span><span>third</span><span>second</span><span>first</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht deleted file mode 100644 index 913daf0b030..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht +++ /dev/null @@ -1,26 +0,0 @@ -<!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 Flexible Box Test: display proprety - inline-flex</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - } - .greenSquare { - display: inline-block; - margin-top: -200px; - background: green; - } - </style> -</head> -<body> - <p>The test passed if you see a green block which its text is 'Success!'.</p> - <div class="container"> - <!-- This is the square that should not be visible if the test passes --> - <div class="greenSquare">Success!</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht deleted file mode 100644 index d5fb2ae3f5e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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 Flexible Box Test: order proprety - value</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - .container { - position: relative; - height: 6em; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if all the cells are reversed.</p> - <div class="container"> - <span class="first">forth</span><span class="second">third</span><span class="third">second</span><span class="forth">first</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht deleted file mode 100644 index db50acddda4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexible Box Test: flex-wrap proprety - wrap</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - background: red; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 6.5em; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - float: left; - } - </style> -</head> -<body> - <p>The test passed if you see a 2 * 2 table on the page.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-reverse-ref.xht deleted file mode 100644 index fd6c0002195..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-reverse-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexible Box Test: flex-wrap proprety - wrap-reverse</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - background: red; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 6.5em; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - float: left; - } - </style> -</head> -<body> - <p>The test passed if you see a 2 * 2 table on the page and the order of them are reversed.</p> - <div class="container"> - <span>third</span> - <span>forth</span> - <span>first</span> - <span>second</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/visibility-regions-in-flexbox-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/visibility-regions-in-flexbox-ref.xht deleted file mode 100644 index d1f1d45eb87..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/visibility-regions-in-flexbox-ref.xht +++ /dev/null @@ -1,24 +0,0 @@ -<!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 href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a single green stripe.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXXXXXXX - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht deleted file mode 100644 index e957b70478a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht +++ /dev/null @@ -1,4414 +0,0 @@ - - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Flexible Box Layout Module Level 1 CR Test Suite Reftest Index</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> - - <body> - - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite Reftest Index</h1> - <table width="100%"> - <col id="test-column"></col> - <col id="ref-column"></col> - <col id="flags-column"></col> - <thead> - <tr> - <th>Test</th> - <th>Reference</th> - <th>Flags</th> - </tr> - </thead> - <tbody id="align-content-001" class=""> - <tr> - <td rowspan="1" title="A multi-line flex container with the 'align-content' property set to 'center'"> - <a href="align-content-001.xht">align-content-001</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-content-002" class=""> - <tr> - <td rowspan="1" title="A multi-line flex container with the 'align-content' property set to 'flex-start'"> - <a href="align-content-002.xht">align-content-002</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-content-003" class=""> - <tr> - <td rowspan="1" title="A multi-line flex container with the 'align-content' property set to 'flex-end'"> - <a href="align-content-003.xht">align-content-003</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-content-004" class=""> - <tr> - <td rowspan="1" title="A multi-line flex container with the 'align-content' property set to 'space-between'"> - <a href="align-content-004.xht">align-content-004</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-content-005" class=""> - <tr> - <td rowspan="1" title="A multi-line flex container with the 'align-content' property set to 'space-around'"> - <a href="align-content-005.xht">align-content-005</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-content-006" class=""> - <tr> - <td rowspan="1" title="A multi-line flex container with the 'align-content' property set to 'stretch'"> - <a href="align-content-006.xht">align-content-006</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-items-001" class=""> - <tr> - <td rowspan="1" title="A flex container with the 'align-items' property set to 'center'"> - <a href="align-items-001.xht">align-items-001</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-items-002" class=""> - <tr> - <td rowspan="1" title="A flex container with the 'align-items' property set to 'flex-start'"> - <a href="align-items-002.xht">align-items-002</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-items-003" class=""> - <tr> - <td rowspan="1" title="A flex container with the 'align-items' property set to 'flex-end'"> - <a href="align-items-003.xht">align-items-003</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-items-004" class="ahem"> - <tr> - <td rowspan="1" title="A flex container with the 'align-items' property set to 'baseline'"> - <a href="align-items-004.xht">align-items-004</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="align-items-005" class=""> - <tr> - <td rowspan="1" title="A flex container with the 'align-items' property set to 'stretch'"> - <a href="align-items-005.xht">align-items-005</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-001" class=""> - <tr> - <td rowspan="1" title="align-self - flex-start"> - <a href="align-self-001.xht">align-self-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-002" class=""> - <tr> - <td rowspan="1" title="align-self - flex-end"> - <a href="align-self-002.xht">align-self-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-003" class=""> - <tr> - <td rowspan="1" title="align-self - center"> - <a href="align-self-003.xht">align-self-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-004" class=""> - <tr> - <td rowspan="1" title="align-self - stretch"> - <a href="align-self-004.xht">align-self-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-005" class=""> - <tr> - <td rowspan="1" title="align-self - stretch (height: number)"> - <a href="align-self-005.xht">align-self-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-007" class=""> - <tr> - <td rowspan="1" title="align-self - auto and align-items - flex-start"> - <a href="align-self-007.xht">align-self-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-008" class=""> - <tr> - <td rowspan="1" title="align-self - auto and align-items - flex-end"> - <a href="align-self-008.xht">align-self-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-009" class=""> - <tr> - <td rowspan="1" title="align-self - auto and align-items - center"> - <a href="align-self-009.xht">align-self-009</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-011" class=""> - <tr> - <td rowspan="1" title="align-self - auto and align-items - stretch"> - <a href="align-self-011.xht">align-self-011</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-012" class=""> - <tr> - <td rowspan="1" title="align-self - auto (initial value)"> - <a href="align-self-012.xht">align-self-012</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="align-self-013" class=""> - <tr> - <td rowspan="1" title="align-self - invalid if applied to flex container"> - <a href="align-self-013.xht">align-self-013</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="autoheight-flexbox-001" class=""> - <tr> - <td rowspan="1" title="CSS Regions: fixed height flexbox inside auto height region"> - <a href="autoheight-flexbox-001.xht">autoheight-flexbox-001</a></td> - <td><a href="reference/autoheight-flexbox-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="autoheight-flexbox-002" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: flowing auto-height flexbox elements in region"> - <a href="autoheight-flexbox-002.xht">autoheight-flexbox-002</a></td> - <td><a href="reference/regions-flexbox-002-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-flexbox-003" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: auto height region inside a fixed sized flexbox"> - <a href="autoheight-flexbox-003.xht">autoheight-flexbox-003</a></td> - <td><a href="reference/autoheight-flexbox-003-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-flexbox-004" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: auto height region inside an auto height flexbox"> - <a href="autoheight-flexbox-004.xht">autoheight-flexbox-004</a></td> - <td><a href="reference/autoheight-flexbox-003-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-autoheight-flexbox-001" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: Auto-height regions in auto-height flex container"> - <a href="autoheight-regions-in-autoheight-flexbox-001.xht">autoheight-regions-in-autoheight-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-autoheight-flexbox-002" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: Auto-height regions with vertical writing mode in auto-height flexbox"> - <a href="autoheight-regions-in-autoheight-flexbox-002.xht">autoheight-regions-in-autoheight-flexbox-002</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-autoheight-flexbox-003" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: auto-height regions in auto-height flexbox with flex basis"> - <a href="autoheight-regions-in-autoheight-flexbox-003.xht">autoheight-regions-in-autoheight-flexbox-003</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-003-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-autoheight-flexbox-004" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: nested regions in flexbox"> - <a href="autoheight-regions-in-autoheight-flexbox-004.xht">autoheight-regions-in-autoheight-flexbox-004</a></td> - <td><a href="reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-001" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: Auto-height regions inside fixed sized flexbox"> - <a href="autoheight-regions-in-fixed-sized-flexbox-001.xht">autoheight-regions-in-fixed-sized-flexbox-001</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-002" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: Auto-height regions inside fixed sized flexbox with column flow"> - <a href="autoheight-regions-in-fixed-sized-flexbox-002.xht">autoheight-regions-in-fixed-sized-flexbox-002</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-003" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: Auto-height regions inside a fixed sized flexbox with column wrap flow"> - <a href="autoheight-regions-in-fixed-sized-flexbox-003.xht">autoheight-regions-in-fixed-sized-flexbox-003</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-004" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: Auto-height region in fixed sized flexbox using flex basis"> - <a href="autoheight-regions-in-fixed-sized-flexbox-004.xht">autoheight-regions-in-fixed-sized-flexbox-004</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-004-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-005" class=""> - <tr> - <td rowspan="1" title="CSS Regions: Auto-height regions in fixed sized flexboxes with align-items and justify-content"> - <a href="autoheight-regions-in-fixed-sized-flexbox-005.xht">autoheight-regions-in-fixed-sized-flexbox-005</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-006" class=""> - <tr> - <td rowspan="1" title="CSS Regions: auto-height regions inside a flex container with fixed size"> - <a href="autoheight-regions-in-fixed-sized-flexbox-006.xht">autoheight-regions-in-fixed-sized-flexbox-006</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-007" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: auto-height regions inside fixed sized flexbox"> - <a href="autoheight-regions-in-fixed-sized-flexbox-007.xht">autoheight-regions-in-fixed-sized-flexbox-007</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-007-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="autoheight-regions-in-fixed-sized-flexbox-008" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: auto-height regions with max height in fixed sized flexbox"> - <a href="autoheight-regions-in-fixed-sized-flexbox-008.xht">autoheight-regions-in-fixed-sized-flexbox-008</a></td> - <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-008-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="column-flexbox-break" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: fragmenting a flex container with column flow"> - <a href="column-flexbox-break.xht">column-flexbox-break</a></td> - <td><a href="reference/column-flexbox-break-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="css-box-justify-content" class=""> - <tr> - <td rowspan="1" title="flexbox |css-box-justify-content"> - <a href="css-box-justify-content.xht">css-box-justify-content</a></td> - <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-column" class=""> - <tr> - <td rowspan="1" title="flex direction: row"> - <a href="css-flexbox-column.xht">css-flexbox-column</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-column-reverse" class=""> - <tr> - <td rowspan="1" title="flex direction: row"> - <a href="css-flexbox-column-reverse.xht">css-flexbox-column-reverse</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-column-reverse-wrap" class=""> - <tr> - <td rowspan="1" title="flex direction: row"> - <a href="css-flexbox-column-reverse-wrap.xht">css-flexbox-column-reverse-wrap</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-column-reverse-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flex direction: row"> - <a href="css-flexbox-column-reverse-wrap-reverse.xht">css-flexbox-column-reverse-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-column-wrap" class=""> - <tr> - <td rowspan="1" title="flex direction: row"> - <a href="css-flexbox-column-wrap.xht">css-flexbox-column-wrap</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-column-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flex direction: row"> - <a href="css-flexbox-column-wrap-reverse.xht">css-flexbox-column-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-height-animation-stretch" class=""> - <tr> - <td rowspan="1" title="Items stretch correctly while content is animating"> - <a href="css-flexbox-height-animation-stretch.xht">css-flexbox-height-animation-stretch</a></td> - <td><a href="reference/css-flexbox-height-animation-stretch-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-img-expand-evenly" class=""> - <tr> - <td rowspan="1" title="Image Expansion"> - <a href="css-flexbox-img-expand-evenly.xht">css-flexbox-img-expand-evenly</a></td> - <td><a href="reference/css-flexbox-img-expand-evenly-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-row" class=""> - <tr> - <td rowspan="1" title="flex direction: row, writing mode vertical"> - <a href="css-flexbox-row.xht">css-flexbox-row</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-row-reverse" class=""> - <tr> - <td rowspan="1" title="flex direction: row, writing mode vertical"> - <a href="css-flexbox-row-reverse.xht">css-flexbox-row-reverse</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-row-reverse-wrap" class=""> - <tr> - <td rowspan="1" title="flex direction: row, writing mode vertical"> - <a href="css-flexbox-row-reverse-wrap.xht">css-flexbox-row-reverse-wrap</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-row-reverse-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flex direction: row, writing mode vertical"> - <a href="css-flexbox-row-reverse-wrap-reverse.xht">css-flexbox-row-reverse-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-row-wrap" class=""> - <tr> - <td rowspan="1" title="flex direction: row, writing mode vertical"> - <a href="css-flexbox-row-wrap.xht">css-flexbox-row-wrap</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-row-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flex direction: row, writing mode vertical"> - <a href="css-flexbox-row-wrap-reverse.xht">css-flexbox-row-wrap-reverse</a></td> - <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="css-flexbox-test1" class=""> - <tr> - <td rowspan="1" title="flex direction: row, writing mode vertical"> - <a href="css-flexbox-test1.xht">css-flexbox-test1</a></td> - <td><a href="reference/css-flexbox-test1-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="display-flex-001" class=""> - <tr> - <td rowspan="1" title="An element with the 'display' property set to 'flex' establishes a new block-level flex container"> - <a href="display-flex-001.xht">display-flex-001</a></td> - <td><a href="reference/align-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-001" class=""> - <tr> - <td rowspan="1" title="The 'flex' shorthand adjusting the 'flex-grow' sub-property"> - <a href="flex-001.xht">flex-001</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-002" class=""> - <tr> - <td rowspan="1" title="The 'flex' shorthand adjusting the 'flex-shrink' sub-property"> - <a href="flex-002.xht">flex-002</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-003" class=""> - <tr> - <td rowspan="1" title="Comparing two different elements using different values for the 'flex-grow' sub-property on the 'flex' shorthand"> - <a href="flex-003.xht">flex-003</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-004" class=""> - <tr> - <td rowspan="1" title="Comparing two different elements using different values for the 'flex-shrink' sub-property on the 'flex' shorthand"> - <a href="flex-004.xht">flex-004</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-align-items-center" class=""> - <tr> - <td rowspan="1" title="CSS Flex-basis Test"> - <a href="flex-align-items-center.xht">flex-align-items-center</a></td> - <td><a href="reference/flex-align-items-center-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-aspect-ratio-img-column-001" class=""> - <tr> - <td rowspan="1" title="Aspect ratio handling of images"> - <a href="flex-aspect-ratio-img-column-001.xht">flex-aspect-ratio-img-column-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-aspect-ratio-img-column-002" class=""> - <tr> - <td rowspan="1" title="Aspect ratio handling of images"> - <a href="flex-aspect-ratio-img-column-002.xht">flex-aspect-ratio-img-column-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-aspect-ratio-img-column-003" class=""> - <tr> - <td rowspan="1" title="Aspect ratio handling of images"> - <a href="flex-aspect-ratio-img-column-003.xht">flex-aspect-ratio-img-column-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-aspect-ratio-img-row-001" class=""> - <tr> - <td rowspan="1" title="Aspect ratio handling of images"> - <a href="flex-aspect-ratio-img-row-001.xht">flex-aspect-ratio-img-row-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-aspect-ratio-img-row-002" class=""> - <tr> - <td rowspan="1" title="Aspect ratio handling of images"> - <a href="flex-aspect-ratio-img-row-002.xht">flex-aspect-ratio-img-row-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-aspect-ratio-img-row-003" class=""> - <tr> - <td rowspan="1" title="Aspect ratio handling of images"> - <a href="flex-aspect-ratio-img-row-003.xht">flex-aspect-ratio-img-row-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-001" class=""> - <tr> - <td rowspan="1" title="flex-basis - positive number"> - <a href="flex-basis-001.xht">flex-basis-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-002" class=""> - <tr> - <td rowspan="1" title="flex-basis - positive number"> - <a href="flex-basis-002.xht">flex-basis-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-003" class=""> - <tr> - <td rowspan="1" title="flex-basis - negative number(width not specified)"> - <a href="flex-basis-003.xht">flex-basis-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-004" class=""> - <tr> - <td rowspan="1" title="flex-basis - negative number(width specified)"> - <a href="flex-basis-004.xht">flex-basis-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-005" class=""> - <tr> - <td rowspan="1" title="flex-basis - 0"> - <a href="flex-basis-005.xht">flex-basis-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-006" class=""> - <tr> - <td rowspan="1" title="flex-basis - 0%"> - <a href="flex-basis-006.xht">flex-basis-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-007" class=""> - <tr> - <td rowspan="1" title="flex-basis - auto"> - <a href="flex-basis-007.xht">flex-basis-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-basis-008" class=""> - <tr> - <td rowspan="1" title="flex-basis - 50%"> - <a href="flex-basis-008.xht">flex-basis-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-box-wrap" class=""> - <tr> - <td rowspan="1" title="flex-wrap: wrap"> - <a href="flex-box-wrap.xht">flex-box-wrap</a></td> - <td><a href="reference/flex-box-wrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-container-margin" class=""> - <tr> - <td rowspan="1" title="flex-container-margin-not-collapse-with-content-margin"> - <a href="flex-container-margin.xht">flex-container-margin</a></td> - <td><a href="reference/flex-container-margin-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-direction" class=""> - <tr> - <td rowspan="1" title="flex flow direction"> - <a href="flex-direction.xht">flex-direction</a></td> - <td><a href="reference/flex-direction.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-direction-modify" class=""> - <tr> - <td rowspan="1" title="flex flow direction"> - <a href="flex-direction-modify.xht">flex-direction-modify</a></td> - <td><a href="reference/flex-direction-modify.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-direction-with-element-insert" class=""> - <tr> - <td rowspan="1" title="flex flow direction"> - <a href="flex-direction-with-element-insert.xht">flex-direction-with-element-insert</a></td> - <td><a href="reference/flex-direction-with-element-insert.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flexitem-childmargin" class=""> - <tr> - <td rowspan="1" title="flex item child margin"> - <a href="flex-flexitem-childmargin.xht">flex-flexitem-childmargin</a></td> - <td><a href="reference/flex-flexitem-childmargin-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flexitem-percentage-prescation" class=""> - <tr> - <td rowspan="1" title="flex item size prescation"> - <a href="flex-flexitem-percentage-prescation.xht">flex-flexitem-percentage-prescation</a></td> - <td><a href="reference/flex-flexitem-percentage-prescation-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-001" class=""> - <tr> - <td rowspan="1" title="flex-flow - row nowrap"> - <a href="flex-flow-001.xht">flex-flow-001</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-002" class=""> - <tr> - <td rowspan="1" title="flex-flow - row wrap"> - <a href="flex-flow-002.xht">flex-flow-002</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-003" class=""> - <tr> - <td rowspan="1" title="flex-flow - row wrap-reverse"> - <a href="flex-flow-003.xht">flex-flow-003</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-004" class=""> - <tr> - <td rowspan="1" title="flex-flow - row-reverse nowrap"> - <a href="flex-flow-004.xht">flex-flow-004</a></td> - <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-005" class=""> - <tr> - <td rowspan="1" title="flex-flow - row-reverse wrap"> - <a href="flex-flow-005.xht">flex-flow-005</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-006" class=""> - <tr> - <td rowspan="1" title="flex-flow - row-reverse wrap-reverse"> - <a href="flex-flow-006.xht">flex-flow-006</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-007" class=""> - <tr> - <td rowspan="1" title="flex-flow - column nowrap"> - <a href="flex-flow-007.xht">flex-flow-007</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-008" class=""> - <tr> - <td rowspan="1" title="flex-flow - column wrap"> - <a href="flex-flow-008.xht">flex-flow-008</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-009" class=""> - <tr> - <td rowspan="1" title="flex-flow - column wrap-reverse"> - <a href="flex-flow-009.xht">flex-flow-009</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-010" class=""> - <tr> - <td rowspan="1" title="flex-flow - column-reverse nowrap"> - <a href="flex-flow-010.xht">flex-flow-010</a></td> - <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-011" class=""> - <tr> - <td rowspan="1" title="flex-flow - column-reverse wrap"> - <a href="flex-flow-011.xht">flex-flow-011</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-flow-012" class=""> - <tr> - <td rowspan="1" title="flex-flow - column-reverse wrap-reverse"> - <a href="flex-flow-012.xht">flex-flow-012</a></td> - <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-grow-001" class=""> - <tr> - <td rowspan="1" title="Flex-grow Property of Block-level Flex Items"> - <a href="flex-grow-001.xht">flex-grow-001</a></td> - <td><a href="reference/flex-grow-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-grow-002" class=""> - <tr> - <td rowspan="1" title="flex-grow - 0(initial value)"> - <a href="flex-grow-002.xht">flex-grow-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-grow-003" class=""> - <tr> - <td rowspan="1" title="flex-grow - negative number"> - <a href="flex-grow-003.xht">flex-grow-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-grow-004" class=""> - <tr> - <td rowspan="1" title="flex-grow - (invalid when no space distributed)"> - <a href="flex-grow-004.xht">flex-grow-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-grow-005" class=""> - <tr> - <td rowspan="1" title="flex-grow - (invalid when applied to flex container)"> - <a href="flex-grow-005.xht">flex-grow-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-grow-006" class=""> - <tr> - <td rowspan="1" title="flex-grow - positive number(fill all space)"> - <a href="flex-grow-006.xht">flex-grow-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-items-flexibility" class=""> - <tr> - <td rowspan="1" title="CSS Flex-basis Test"> - <a href="flex-items-flexibility.xht">flex-items-flexibility</a></td> - <td><a href="reference/flex-items-flexibility.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-margin-no-collapse" class=""> - <tr> - <td rowspan="1" title="flex item margins"> - <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></td> - <td><a href="reference/flex-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-001" class=""> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-001.xht">flex-minimum-height-flex-items-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-002" class=""> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-002.xht">flex-minimum-height-flex-items-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-003" class="ahem"> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-003.xht">flex-minimum-height-flex-items-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-004" class=""> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-004.xht">flex-minimum-height-flex-items-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-005" class=""> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-005.xht">flex-minimum-height-flex-items-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-006" class=""> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-006.xht">flex-minimum-height-flex-items-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-007" class=""> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-007.xht">flex-minimum-height-flex-items-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-height-flex-items-008" class=""> - <tr> - <td rowspan="1" title="Minimum height of flex items"> - <a href="flex-minimum-height-flex-items-008.xht">flex-minimum-height-flex-items-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-001" class="ahem"> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-001.xht">flex-minimum-width-flex-items-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-002" class=""> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-002.xht">flex-minimum-width-flex-items-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-003" class="ahem"> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-003.xht">flex-minimum-width-flex-items-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-004" class=""> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-004.xht">flex-minimum-width-flex-items-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-005" class=""> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-005.xht">flex-minimum-width-flex-items-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-006" class=""> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-006.xht">flex-minimum-width-flex-items-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-007" class=""> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-007.xht">flex-minimum-width-flex-items-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-minimum-width-flex-items-008" class=""> - <tr> - <td rowspan="1" title="Minimum width of flex items"> - <a href="flex-minimum-width-flex-items-008.xht">flex-minimum-width-flex-items-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-order" class=""> - <tr> - <td rowspan="1" title="flex order"> - <a href="flex-order.xht">flex-order</a></td> - <td><a href="reference/flex-order-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-shrink-001" class=""> - <tr> - <td rowspan="1" title="flex-shrink - number(positive)"> - <a href="flex-shrink-001.xht">flex-shrink-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-shrink-002" class=""> - <tr> - <td rowspan="1" title="flex-shrink - number(negative)"> - <a href="flex-shrink-002.xht">flex-shrink-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-shrink-003" class=""> - <tr> - <td rowspan="1" title="flex-shrink - 1(initial value)"> - <a href="flex-shrink-003.xht">flex-shrink-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-shrink-004" class=""> - <tr> - <td rowspan="1" title="flex-shrink - number(flex container has enough space)"> - <a href="flex-shrink-004.xht">flex-shrink-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-shrink-005" class=""> - <tr> - <td rowspan="1" title="flex-shrink - 0"> - <a href="flex-shrink-005.xht">flex-shrink-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-shrink-006" class=""> - <tr> - <td rowspan="1" title="flex-shrink - 0(one of flex-shrinks sets 0, another not)"> - <a href="flex-shrink-006.xht">flex-shrink-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-shrink-007" class=""> - <tr> - <td rowspan="1" title="flex-shrink - applied to flex container"> - <a href="flex-shrink-007.xht">flex-shrink-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flex-vertical-align-effect" class=""> - <tr> - <td rowspan="1" title="'display' property set to 'flex'"> - <a href="flex-vertical-align-effect.xht">flex-vertical-align-effect</a></td> - <td><a href="reference/flex-vertical-align-effect.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-abspos-child-001a" class=""> - <tr> - <td rowspan="1" title="Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a horizontal flex container"> - <a href="flexbox-abspos-child-001a.xht">flexbox-abspos-child-001a</a></td> - <td><a href="reference/flexbox-abspos-child-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-abspos-child-001b" class=""> - <tr> - <td rowspan="1" title="Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a vertical flex container"> - <a href="flexbox-abspos-child-001b.xht">flexbox-abspos-child-001b</a></td> - <td><a href="reference/flexbox-abspos-child-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-content-horiz-001a" class=""> - <tr> - <td rowspan="1" title="Testing 'align-content' in a horizontal flex container"> - <a href="flexbox-align-content-horiz-001a.xht">flexbox-align-content-horiz-001a</a></td> - <td><a href="reference/flexbox-align-content-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-content-horiz-001b" class=""> - <tr> - <td rowspan="1" title="Testing 'align-content' in a horizontal flex container"> - <a href="flexbox-align-content-horiz-001b.xht">flexbox-align-content-horiz-001b</a></td> - <td><a href="reference/flexbox-align-content-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-content-vert-001a" class=""> - <tr> - <td rowspan="1" title="Testing 'align-content' in a vertical flex container"> - <a href="flexbox-align-content-vert-001a.xht">flexbox-align-content-vert-001a</a></td> - <td><a href="reference/flexbox-align-content-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-content-vert-001b" class=""> - <tr> - <td rowspan="1" title="Testing 'align-content' in a vertical flex container"> - <a href="flexbox-align-content-vert-001b.xht">flexbox-align-content-vert-001b</a></td> - <td><a href="reference/flexbox-align-content-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-001a" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self'"> - <a href="flexbox-align-self-baseline-horiz-001a.xht">flexbox-align-self-baseline-horiz-001a</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-001b" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a wrap-reverse flex container"> - <a href="flexbox-align-self-baseline-horiz-001b.xht">flexbox-align-self-baseline-horiz-001b</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-002" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of flex items in fixed-size single-line flex container"> - <a href="flexbox-align-self-baseline-horiz-002.xht">flexbox-align-self-baseline-horiz-002</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-003" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of flex items in fixed-size single-line flex container, with cross axis reversed"> - <a href="flexbox-align-self-baseline-horiz-003.xht">flexbox-align-self-baseline-horiz-003</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-004" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container"> - <a href="flexbox-align-self-baseline-horiz-004.xht">flexbox-align-self-baseline-horiz-004</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-005" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container"> - <a href="flexbox-align-self-baseline-horiz-005.xht">flexbox-align-self-baseline-horiz-005</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-006" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' against non-parallel writing-modes."> - <a href="flexbox-align-self-baseline-horiz-006.xht">flexbox-align-self-baseline-horiz-006</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-006-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-baseline-horiz-007" class=""> - <tr> - <td rowspan="1" title="Baseline alignment of block flex items with 'baseline' and 'last-baseline' values for 'align-self' against each other."> - <a href="flexbox-align-self-baseline-horiz-007.xht">flexbox-align-self-baseline-horiz-007</a></td> - <td><a href="reference/flexbox-align-self-baseline-horiz-007-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-horiz-001-block" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container"> - <a href="flexbox-align-self-horiz-001-block.xht">flexbox-align-self-horiz-001-block</a></td> - <td><a href="reference/flexbox-align-self-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-horiz-001-table" class=""> - <tr> - <td rowspan="1" title="Testing the various 'align-self' property values on flex items that are tables"> - <a href="flexbox-align-self-horiz-001-table.xht">flexbox-align-self-horiz-001-table</a></td> - <td><a href="reference/flexbox-align-self-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-horiz-002" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items"> - <a href="flexbox-align-self-horiz-002.xht">flexbox-align-self-horiz-002</a></td> - <td><a href="reference/flexbox-align-self-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-horiz-003" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items"> - <a href="flexbox-align-self-horiz-003.xht">flexbox-align-self-horiz-003</a></td> - <td><a href="reference/flexbox-align-self-horiz-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-horiz-004" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items"> - <a href="flexbox-align-self-horiz-004.xht">flexbox-align-self-horiz-004</a></td> - <td><a href="reference/flexbox-align-self-horiz-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-horiz-005" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container"> - <a href="flexbox-align-self-horiz-005.xht">flexbox-align-self-horiz-005</a></td> - <td><a href="reference/flexbox-align-self-horiz-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-stretch-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing the sizing of a stretched horizontal flex container in a vertical flex container"> - <a href="flexbox-align-self-stretch-vert-001.xht">flexbox-align-self-stretch-vert-001</a></td> - <td><a href="reference/flexbox-align-self-stretch-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-stretch-vert-002" class=""> - <tr> - <td rowspan="1" title="Testing the sizing of stretched flex items in a vertical multi-line flex container"> - <a href="flexbox-align-self-stretch-vert-002.xht">flexbox-align-self-stretch-vert-002</a></td> - <td><a href="reference/flexbox-align-self-stretch-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container"> - <a href="flexbox-align-self-vert-001.xht">flexbox-align-self-vert-001</a></td> - <td><a href="reference/flexbox-align-self-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-002" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items"> - <a href="flexbox-align-self-vert-002.xht">flexbox-align-self-vert-002</a></td> - <td><a href="reference/flexbox-align-self-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-003" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items"> - <a href="flexbox-align-self-vert-003.xht">flexbox-align-self-vert-003</a></td> - <td><a href="reference/flexbox-align-self-vert-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-004" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items"> - <a href="flexbox-align-self-vert-004.xht">flexbox-align-self-vert-004</a></td> - <td><a href="reference/flexbox-align-self-vert-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-rtl-001" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container with 'direction: rtl'"> - <a href="flexbox-align-self-vert-rtl-001.xht">flexbox-align-self-vert-rtl-001</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-rtl-002" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items and with 'direction: rtl'"> - <a href="flexbox-align-self-vert-rtl-002.xht">flexbox-align-self-vert-rtl-002</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-rtl-003" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items and with 'direction: rtl'"> - <a href="flexbox-align-self-vert-rtl-003.xht">flexbox-align-self-vert-rtl-003</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-align-self-vert-rtl-004" class=""> - <tr> - <td rowspan="1" title="Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items and with 'direction: rtl'"> - <a href="flexbox-align-self-vert-rtl-004.xht">flexbox-align-self-vert-rtl-004</a></td> - <td><a href="reference/flexbox-align-self-vert-rtl-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-anonymous-items-001" class=""> - <tr> - <td rowspan="1" title="Testing that we gracefully handle cases where two anonymous flex items become adjacent due to "order" reordering"> - <a href="flexbox-anonymous-items-001.xht">flexbox-anonymous-items-001</a></td> - <td><a href="reference/flexbox-anonymous-items-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-align-self-baseline-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a horizontal flex container with baseline-aligned flex items"> - <a href="flexbox-baseline-align-self-baseline-horiz-001.xht">flexbox-baseline-align-self-baseline-horiz-001</a></td> - <td><a href="reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-align-self-baseline-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a vertical flex container with baseline-aligned flex items"> - <a href="flexbox-baseline-align-self-baseline-vert-001.xht">flexbox-baseline-align-self-baseline-vert-001</a></td> - <td><a href="reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-empty-001a" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of an empty horizontal flex container"> - <a href="flexbox-baseline-empty-001a.xht">flexbox-baseline-empty-001a</a></td> - <td><a href="reference/flexbox-baseline-empty-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-empty-001b" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of an empty vertical flex container"> - <a href="flexbox-baseline-empty-001b.xht">flexbox-baseline-empty-001b</a></td> - <td><a href="reference/flexbox-baseline-empty-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-item-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a horizontal flex container whose flex items are not baseline-aligned"> - <a href="flexbox-baseline-multi-item-horiz-001.xht">flexbox-baseline-multi-item-horiz-001</a></td> - <td><a href="reference/flexbox-baseline-multi-item-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-item-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a vertical flex container whose flex items are not baseline-aligned"> - <a href="flexbox-baseline-multi-item-vert-001.xht">flexbox-baseline-multi-item-vert-001</a></td> - <td><a href="reference/flexbox-baseline-multi-item-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-line-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a horizontal flex container with multiple flex lines"> - <a href="flexbox-baseline-multi-line-horiz-001.xht">flexbox-baseline-multi-line-horiz-001</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-line-horiz-002" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a horizontal flex container with multiple flex lines"> - <a href="flexbox-baseline-multi-line-horiz-002.xht">flexbox-baseline-multi-line-horiz-002</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-line-horiz-003" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a horizontal multi-line (wrap) flex container with baseline-aligned items on first line"> - <a href="flexbox-baseline-multi-line-horiz-003.xht">flexbox-baseline-multi-line-horiz-003</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-line-horiz-004" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a horizontal multi-line (wrap-reverse) flex container with baseline-aligned items on first line"> - <a href="flexbox-baseline-multi-line-horiz-004.xht">flexbox-baseline-multi-line-horiz-004</a></td> - <td><a href="reference/flexbox-baseline-multi-line-horiz-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-line-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a vertical flex container with multiple flex lines"> - <a href="flexbox-baseline-multi-line-vert-001.xht">flexbox-baseline-multi-line-vert-001</a></td> - <td><a href="reference/flexbox-baseline-multi-line-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-multi-line-vert-002" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a vertical flex container with multiple flex lines"> - <a href="flexbox-baseline-multi-line-vert-002.xht">flexbox-baseline-multi-line-vert-002</a></td> - <td><a href="reference/flexbox-baseline-multi-line-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-single-item-001a" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a horizontal flex container with one flex item"> - <a href="flexbox-baseline-single-item-001a.xht">flexbox-baseline-single-item-001a</a></td> - <td><a href="reference/flexbox-baseline-single-item-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-baseline-single-item-001b" class=""> - <tr> - <td rowspan="1" title="Testing the baseline of a vertical flex container with one flex item"> - <a href="flexbox-baseline-single-item-001b.xht">flexbox-baseline-single-item-001b</a></td> - <td><a href="reference/flexbox-baseline-single-item-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-block-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on block flex items in a horizontal flex container"> - <a href="flexbox-basic-block-horiz-001.xht">flexbox-basic-block-horiz-001</a></td> - <td><a href="reference/flexbox-basic-block-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-block-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on block flex items in a vertical flex container"> - <a href="flexbox-basic-block-vert-001.xht">flexbox-basic-block-vert-001</a></td> - <td><a href="reference/flexbox-basic-block-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-canvas-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container"> - <a href="flexbox-basic-canvas-horiz-001.xht">flexbox-basic-canvas-horiz-001</a></td> - <td><a href="reference/flexbox-basic-canvas-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-canvas-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on canvas flex items in a vertical flex container"> - <a href="flexbox-basic-canvas-vert-001.xht">flexbox-basic-canvas-vert-001</a></td> - <td><a href="reference/flexbox-basic-canvas-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-fieldset-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on fieldset flex items in a horizontal flex container"> - <a href="flexbox-basic-fieldset-horiz-001.xht">flexbox-basic-fieldset-horiz-001</a></td> - <td><a href="reference/flexbox-basic-fieldset-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-fieldset-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on fieldset flex items in a vertical flex container"> - <a href="flexbox-basic-fieldset-vert-001.xht">flexbox-basic-fieldset-vert-001</a></td> - <td><a href="reference/flexbox-basic-fieldset-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-iframe-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on iframe flex items in a horizontal flex container"> - <a href="flexbox-basic-iframe-horiz-001.xht">flexbox-basic-iframe-horiz-001</a></td> - <td><a href="reference/flexbox-basic-iframe-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-iframe-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on iframe flex items in a vertical flex container"> - <a href="flexbox-basic-iframe-vert-001.xht">flexbox-basic-iframe-vert-001</a></td> - <td><a href="reference/flexbox-basic-iframe-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-img-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on img flex items in a horizontal flex container"> - <a href="flexbox-basic-img-horiz-001.xht">flexbox-basic-img-horiz-001</a></td> - <td><a href="reference/flexbox-basic-img-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-img-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on img flex items in a vertical flex container"> - <a href="flexbox-basic-img-vert-001.xht">flexbox-basic-img-vert-001</a></td> - <td><a href="reference/flexbox-basic-img-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-textarea-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on textarea flex items in a horizontal flex container"> - <a href="flexbox-basic-textarea-horiz-001.xht">flexbox-basic-textarea-horiz-001</a></td> - <td><a href="reference/flexbox-basic-textarea-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-textarea-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on textarea flex items in a vertical flex container"> - <a href="flexbox-basic-textarea-vert-001.xht">flexbox-basic-textarea-vert-001</a></td> - <td><a href="reference/flexbox-basic-textarea-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-video-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on video flex items in a horizontal flex container"> - <a href="flexbox-basic-video-horiz-001.xht">flexbox-basic-video-horiz-001</a></td> - <td><a href="reference/flexbox-basic-video-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-basic-video-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flexbox layout algorithm property on video flex items in a vertical flex container"> - <a href="flexbox-basic-video-vert-001.xht">flexbox-basic-video-vert-001</a></td> - <td><a href="reference/flexbox-basic-video-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-horiz-001a" class=""> - <tr> - <td rowspan="1" title="Testing page-break-before in horizontal multi-line flex containers"> - <a href="flexbox-break-request-horiz-001a.xht">flexbox-break-request-horiz-001a</a></td> - <td><a href="reference/flexbox-break-request-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-horiz-001b" class=""> - <tr> - <td rowspan="1" title="Testing page-break-after in horizontal multi-line flex containers"> - <a href="flexbox-break-request-horiz-001b.xht">flexbox-break-request-horiz-001b</a></td> - <td><a href="reference/flexbox-break-request-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-horiz-002a" class=""> - <tr> - <td rowspan="1" title="Testing page-break-before in horizontal single-line flex containers (should have no effect)"> - <a href="flexbox-break-request-horiz-002a.xht">flexbox-break-request-horiz-002a</a></td> - <td><a href="reference/flexbox-break-request-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-horiz-002b" class=""> - <tr> - <td rowspan="1" title="Testing page-break-after in horizontal single-line flex containers (should have no effect)"> - <a href="flexbox-break-request-horiz-002b.xht">flexbox-break-request-horiz-002b</a></td> - <td><a href="reference/flexbox-break-request-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-vert-001a" class=""> - <tr> - <td rowspan="1" title="Testing page-break-before in vertical multi-line flex containers"> - <a href="flexbox-break-request-vert-001a.xht">flexbox-break-request-vert-001a</a></td> - <td><a href="reference/flexbox-break-request-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-vert-001b" class=""> - <tr> - <td rowspan="1" title="Testing page-break-after in vertical multi-line flex containers"> - <a href="flexbox-break-request-vert-001b.xht">flexbox-break-request-vert-001b</a></td> - <td><a href="reference/flexbox-break-request-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-vert-002a" class=""> - <tr> - <td rowspan="1" title="Testing page-break-before in vertical single-line flex containers (should have no effect)"> - <a href="flexbox-break-request-vert-002a.xht">flexbox-break-request-vert-002a</a></td> - <td><a href="reference/flexbox-break-request-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-break-request-vert-002b" class=""> - <tr> - <td rowspan="1" title="Testing page-break-after in vertical single-line flex containers (should have no effect)"> - <a href="flexbox-break-request-vert-002b.xht">flexbox-break-request-vert-002b</a></td> - <td><a href="reference/flexbox-break-request-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-collapsed-item-baseline-001" class=""> - <tr> - <td rowspan="1" title="Testing that a collapsed flex item participates in baseline alignment only for the purpose of establishing container's cross size"> - <a href="flexbox-collapsed-item-baseline-001.xht">flexbox-collapsed-item-baseline-001</a></td> - <td><a href="reference/flexbox-collapsed-item-baseline-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-collapsed-item-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing that visibility:collapse on a flex item in a single-line flex container maintains the containers's cross size, but doesn't otherwise impact flex layout"> - <a href="flexbox-collapsed-item-horiz-001.xht">flexbox-collapsed-item-horiz-001</a></td> - <td><a href="reference/flexbox-collapsed-item-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-collapsed-item-horiz-002" class=""> - <tr> - <td rowspan="1" title="Testing that visibility:collapse on a flex item in a multi-line flex container creates struts, and that they can migrate between lines"> - <a href="flexbox-collapsed-item-horiz-002.xht">flexbox-collapsed-item-horiz-002</a></td> - <td><a href="reference/flexbox-collapsed-item-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-collapsed-item-horiz-003" class=""> - <tr> - <td rowspan="1" title="Testing that strut formation (from visibility:collapse) happens *after* lines have been stretched"> - <a href="flexbox-collapsed-item-horiz-003.xht">flexbox-collapsed-item-horiz-003</a></td> - <td><a href="reference/flexbox-collapsed-item-horiz-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-direction-column" class=""> - <tr> - <td rowspan="1" title="Flex-direction = column"> - <a href="flexbox-flex-direction-column.xht">flexbox-flex-direction-column</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-direction-column-reverse" class=""> - <tr> - <td rowspan="1" title="Flex-direction = column-reverse"> - <a href="flexbox-flex-direction-column-reverse.xht">flexbox-flex-direction-column-reverse</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-direction-default" class=""> - <tr> - <td rowspan="1" title="Flex-direction = row by default"> - <a href="flexbox-flex-direction-default.xht">flexbox-flex-direction-default</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-direction-row" class=""> - <tr> - <td rowspan="1" title="Flex-direction = row"> - <a href="flexbox-flex-direction-row.xht">flexbox-flex-direction-row</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-direction-row-reverse" class=""> - <tr> - <td rowspan="1" title="Flex-direction = row-reverse"> - <a href="flexbox-flex-direction-row-reverse.xht">flexbox-flex-direction-row-reverse</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-flow-001" class=""> - <tr> - <td rowspan="1" title="Testing all the values of the "flex-flow" shorthand property, with 4 flex items in each container"> - <a href="flexbox-flex-flow-001.xht">flexbox-flex-flow-001</a></td> - <td><a href="reference/flexbox-flex-flow-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-flow-002" class=""> - <tr> - <td rowspan="1" title="Testing all the values of the "flex-flow" shorthand property, with 3 flex items in each container"> - <a href="flexbox-flex-flow-002.xht">flexbox-flex-flow-002</a></td> - <td><a href="reference/flexbox-flex-flow-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-default" class=""> - <tr> - <td rowspan="1" title="Flex-wrap defaults to nowrap"> - <a href="flexbox-flex-wrap-default.xht">flexbox-flex-wrap-default</a></td> - <td><a href="reference/flexbox-flex-wrap-nowrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-flexing" class=""> - <tr> - <td rowspan="1" title="flex-wrap flexes widths after line breaking"> - <a href="flexbox-flex-wrap-flexing.xht">flexbox-flex-wrap-flexing</a></td> - <td><a href="reference/flexbox-flex-wrap-flexing-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing flex-wrap in horizontal flex containers"> - <a href="flexbox-flex-wrap-horiz-001.xht">flexbox-flex-wrap-horiz-001</a></td> - <td><a href="reference/flexbox-flex-wrap-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-horiz-002" class=""> - <tr> - <td rowspan="1" title="Ensure that min-width is honored for horizontal multi-line flex containers"> - <a href="flexbox-flex-wrap-horiz-002.xht">flexbox-flex-wrap-horiz-002</a></td> - <td><a href="reference/flexbox-flex-wrap-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-nowrap" class=""> - <tr> - <td rowspan="1" title="Flex-wrap = nowrap"> - <a href="flexbox-flex-wrap-nowrap.xht">flexbox-flex-wrap-nowrap</a></td> - <td><a href="reference/flexbox-flex-wrap-nowrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing flex-wrap in vertical flex containers"> - <a href="flexbox-flex-wrap-vert-001.xht">flexbox-flex-wrap-vert-001</a></td> - <td><a href="reference/flexbox-flex-wrap-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-vert-002" class=""> - <tr> - <td rowspan="1" title="Ensure that min-height is honored for vertical multi-line flex containers"> - <a href="flexbox-flex-wrap-vert-002.xht">flexbox-flex-wrap-vert-002</a></td> - <td><a href="reference/flexbox-flex-wrap-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-wrap" class=""> - <tr> - <td rowspan="1" title="Flex-wrap = wrap"> - <a href="flexbox-flex-wrap-wrap.xht">flexbox-flex-wrap-wrap</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-flex-wrap-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="Flex-wrap = wrap-reverse"> - <a href="flexbox-flex-wrap-wrap-reverse.xht">flexbox-flex-wrap-wrap-reverse</a></td> - <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-intrinsic-ratio-001" class=""> - <tr> - <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> - <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-intrinsic-ratio-002" class=""> - <tr> - <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> - <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-intrinsic-ratio-003" class=""> - <tr> - <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> - <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-intrinsic-ratio-004" class=""> - <tr> - <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> - <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-intrinsic-ratio-005" class=""> - <tr> - <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> - <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-intrinsic-ratio-006" class=""> - <tr> - <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> - <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td> - <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-items-as-stacking-contexts-001" class=""> - <tr> - <td rowspan="1" title="Testing that 'z-index' property makes flex items form stacking contexts"> - <a href="flexbox-items-as-stacking-contexts-001.xht">flexbox-items-as-stacking-contexts-001</a></td> - <td><a href="reference/flexbox-items-as-stacking-contexts-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-items-as-stacking-contexts-002" class=""> - <tr> - <td rowspan="1" title="Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants"> - <a href="flexbox-items-as-stacking-contexts-002.xht">flexbox-items-as-stacking-contexts-002</a></td> - <td><a href="reference/flexbox-items-as-stacking-contexts-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-items-as-stacking-contexts-003" class=""> - <tr> - <td rowspan="1" title="Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave"> - <a href="flexbox-items-as-stacking-contexts-003.xht">flexbox-items-as-stacking-contexts-003</a></td> - <td><a href="reference/flexbox-items-as-stacking-contexts-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-horiz-001a" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a horizontal flex container"> - <a href="flexbox-justify-content-horiz-001a.xht">flexbox-justify-content-horiz-001a</a></td> - <td><a href="reference/flexbox-justify-content-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-horiz-001b" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a horizontal flex container with "min-width""> - <a href="flexbox-justify-content-horiz-001b.xht">flexbox-justify-content-horiz-001b</a></td> - <td><a href="reference/flexbox-justify-content-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-horiz-002" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a horizontal flex container, with margins/border/padding on flex items"> - <a href="flexbox-justify-content-horiz-002.xht">flexbox-justify-content-horiz-002</a></td> - <td><a href="reference/flexbox-justify-content-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-horiz-003" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow"> - <a href="flexbox-justify-content-horiz-003.xht">flexbox-justify-content-horiz-003</a></td> - <td><a href="reference/flexbox-justify-content-horiz-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-horiz-004" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow, with margins/border/padding on flex items"> - <a href="flexbox-justify-content-horiz-004.xht">flexbox-justify-content-horiz-004</a></td> - <td><a href="reference/flexbox-justify-content-horiz-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-horiz-005" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in an auto-sized horizontal flex container"> - <a href="flexbox-justify-content-horiz-005.xht">flexbox-justify-content-horiz-005</a></td> - <td><a href="reference/flexbox-justify-content-horiz-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-vert-001a" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a vertical flex container"> - <a href="flexbox-justify-content-vert-001a.xht">flexbox-justify-content-vert-001a</a></td> - <td><a href="reference/flexbox-justify-content-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-vert-001b" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a vertical flex container with "min-height""> - <a href="flexbox-justify-content-vert-001b.xht">flexbox-justify-content-vert-001b</a></td> - <td><a href="reference/flexbox-justify-content-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-vert-002" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a vertical flex container, with margins/border/padding on flex items"> - <a href="flexbox-justify-content-vert-002.xht">flexbox-justify-content-vert-002</a></td> - <td><a href="reference/flexbox-justify-content-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-vert-003" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow"> - <a href="flexbox-justify-content-vert-003.xht">flexbox-justify-content-vert-003</a></td> - <td><a href="reference/flexbox-justify-content-vert-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-vert-004" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow, with margins/border/padding on flex items"> - <a href="flexbox-justify-content-vert-004.xht">flexbox-justify-content-vert-004</a></td> - <td><a href="reference/flexbox-justify-content-vert-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-justify-content-vert-005" class=""> - <tr> - <td rowspan="1" title="Testing 'justify-content' in an auto-sized vertical flex container"> - <a href="flexbox-justify-content-vert-005.xht">flexbox-justify-content-vert-005</a></td> - <td><a href="reference/flexbox-justify-content-vert-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-margin-auto-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing horizontal auto margins on flex items in a horizontal flex container"> - <a href="flexbox-margin-auto-horiz-001.xht">flexbox-margin-auto-horiz-001</a></td> - <td><a href="reference/flexbox-margin-auto-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-margin-auto-horiz-002" class=""> - <tr> - <td rowspan="1" title="Testing vertical auto margins on flex items in a horizontal flex container"> - <a href="flexbox-margin-auto-horiz-002.xht">flexbox-margin-auto-horiz-002</a></td> - <td><a href="reference/flexbox-margin-auto-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing borders on flex items in a horizontal flex container"> - <a href="flexbox-mbp-horiz-001.xht">flexbox-mbp-horiz-001</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-001-reverse" class=""> - <tr> - <td rowspan="1" title="Testing borders on flex items in a row-reverse horizontal flex container"> - <a href="flexbox-mbp-horiz-001-reverse.xht">flexbox-mbp-horiz-001-reverse</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-001-rtl" class=""> - <tr> - <td rowspan="1" title="Testing borders on flex items in a horizontal flex container with 'direction: rtl'"> - <a href="flexbox-mbp-horiz-001-rtl.xht">flexbox-mbp-horiz-001-rtl</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-001-rtl-reverse" class=""> - <tr> - <td rowspan="1" title="Testing borders on flex items in a row-reverse horizontal flex container, with 'direction: rtl'"> - <a href="flexbox-mbp-horiz-001-rtl-reverse.xht">flexbox-mbp-horiz-001-rtl-reverse</a></td> - <td><a href="reference/flexbox-mbp-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-002a" class=""> - <tr> - <td rowspan="1" title="Testing margins and borders on flex items in a horizontal flex container"> - <a href="flexbox-mbp-horiz-002a.xht">flexbox-mbp-horiz-002a</a></td> - <td><a href="reference/flexbox-mbp-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-002b" class=""> - <tr> - <td rowspan="1" title="Testing margins, borders, and padding on flex items in a horizontal flex container"> - <a href="flexbox-mbp-horiz-002b.xht">flexbox-mbp-horiz-002b</a></td> - <td><a href="reference/flexbox-mbp-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-003" class=""> - <tr> - <td rowspan="1" title="Testing borders and padding on a horizontal flex container and its flex items"> - <a href="flexbox-mbp-horiz-003.xht">flexbox-mbp-horiz-003</a></td> - <td><a href="reference/flexbox-mbp-horiz-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-003-reverse" class=""> - <tr> - <td rowspan="1" title="Testing borders and padding on a row-reverse horizontal flex container and its flex items"> - <a href="flexbox-mbp-horiz-003-reverse.xht">flexbox-mbp-horiz-003-reverse</a></td> - <td><a href="reference/flexbox-mbp-horiz-003-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-mbp-horiz-004" class=""> - <tr> - <td rowspan="1" title="Testing percent-valued padding and margin on flex items"> - <a href="flexbox-mbp-horiz-004.xht">flexbox-mbp-horiz-004</a></td> - <td><a href="reference/flexbox-mbp-horiz-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-height-auto-001" class=""> - <tr> - <td rowspan="1" title="Testing min-height:auto"> - <a href="flexbox-min-height-auto-001.xht">flexbox-min-height-auto-001</a></td> - <td><a href="reference/flexbox-min-height-auto-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-height-auto-002a" class=""> - <tr> - <td rowspan="1" title="Testing min-height:auto"> - <a href="flexbox-min-height-auto-002a.xht">flexbox-min-height-auto-002a</a></td> - <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-height-auto-002b" class=""> - <tr> - <td rowspan="1" title="Testing min-height:auto"> - <a href="flexbox-min-height-auto-002b.xht">flexbox-min-height-auto-002b</a></td> - <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-height-auto-002c" class=""> - <tr> - <td rowspan="1" title="Testing min-height:auto"> - <a href="flexbox-min-height-auto-002c.xht">flexbox-min-height-auto-002c</a></td> - <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-height-auto-003" class=""> - <tr> - <td rowspan="1" title="Testing min-height:auto & 'overflow' interaction"> - <a href="flexbox-min-height-auto-003.xht">flexbox-min-height-auto-003</a></td> - <td><a href="reference/flexbox-min-height-auto-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-height-auto-004" class=""> - <tr> - <td rowspan="1" title="Testing min-height:auto & 'overflow' interaction"> - <a href="flexbox-min-height-auto-004.xht">flexbox-min-height-auto-004</a></td> - <td><a href="reference/flexbox-min-height-auto-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-width-auto-001" class=""> - <tr> - <td rowspan="1" title="Testing min-width:auto"> - <a href="flexbox-min-width-auto-001.xht">flexbox-min-width-auto-001</a></td> - <td><a href="reference/flexbox-min-width-auto-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-width-auto-002a" class=""> - <tr> - <td rowspan="1" title="Testing min-width:auto"> - <a href="flexbox-min-width-auto-002a.xht">flexbox-min-width-auto-002a</a></td> - <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-width-auto-002b" class=""> - <tr> - <td rowspan="1" title="Testing min-width:auto"> - <a href="flexbox-min-width-auto-002b.xht">flexbox-min-width-auto-002b</a></td> - <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-width-auto-002c" class=""> - <tr> - <td rowspan="1" title="Testing min-width:auto"> - <a href="flexbox-min-width-auto-002c.xht">flexbox-min-width-auto-002c</a></td> - <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-width-auto-003" class=""> - <tr> - <td rowspan="1" title="Testing min-width:auto & 'overflow' interaction"> - <a href="flexbox-min-width-auto-003.xht">flexbox-min-width-auto-003</a></td> - <td><a href="reference/flexbox-min-width-auto-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-min-width-auto-004" class=""> - <tr> - <td rowspan="1" title="Testing min-width:auto & 'overflow' interaction"> - <a href="flexbox-min-width-auto-004.xht">flexbox-min-width-auto-004</a></td> - <td><a href="reference/flexbox-min-width-auto-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a horizontal flex container, with contents not overflowing"> - <a href="flexbox-overflow-horiz-001.xht">flexbox-overflow-horiz-001</a></td> - <td><a href="reference/flexbox-overflow-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-horiz-002" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a horizontal flex container, with 'align-items: center'"> - <a href="flexbox-overflow-horiz-002.xht">flexbox-overflow-horiz-002</a></td> - <td><a href="reference/flexbox-overflow-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-horiz-003" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a horizontal flex container, with 'justify-content: space-around'"> - <a href="flexbox-overflow-horiz-003.xht">flexbox-overflow-horiz-003</a></td> - <td><a href="reference/flexbox-overflow-horiz-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-horiz-004" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a horizontal flex container, with 'flex-wrap: wrap'"> - <a href="flexbox-overflow-horiz-004.xht">flexbox-overflow-horiz-004</a></td> - <td><a href="reference/flexbox-overflow-horiz-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-horiz-005" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a horizontal flex container, with 'align-content: space-around'"> - <a href="flexbox-overflow-horiz-005.xht">flexbox-overflow-horiz-005</a></td> - <td><a href="reference/flexbox-overflow-horiz-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a vertical flex container"> - <a href="flexbox-overflow-vert-001.xht">flexbox-overflow-vert-001</a></td> - <td><a href="reference/flexbox-overflow-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-vert-002" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a vertical flex container, with 'align-items: center'"> - <a href="flexbox-overflow-vert-002.xht">flexbox-overflow-vert-002</a></td> - <td><a href="reference/flexbox-overflow-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-vert-003" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a vertical flex container, with 'justify-content: space-around'"> - <a href="flexbox-overflow-vert-003.xht">flexbox-overflow-vert-003</a></td> - <td><a href="reference/flexbox-overflow-vert-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-vert-004" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a vertical flex container, with 'flex-wrap: wrap'"> - <a href="flexbox-overflow-vert-004.xht">flexbox-overflow-vert-004</a></td> - <td><a href="reference/flexbox-overflow-vert-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-overflow-vert-005" class=""> - <tr> - <td rowspan="1" title="Testing 'overflow' property on a vertical flex container, with 'align-content: space-around'"> - <a href="flexbox-overflow-vert-005.xht">flexbox-overflow-vert-005</a></td> - <td><a href="reference/flexbox-overflow-vert-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-paint-ordering-001" class=""> - <tr> - <td rowspan="1" title="Testing the paint-order of overlapping flex items, with varying tweaks on the container"> - <a href="flexbox-paint-ordering-001.xht">flexbox-paint-ordering-001</a></td> - <td><a href="reference/flexbox-paint-ordering-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-paint-ordering-002" class=""> - <tr> - <td rowspan="1" title="Testing the paint-order of overlapping flex items with 'order' and 'z-index' set"> - <a href="flexbox-paint-ordering-002.xht">flexbox-paint-ordering-002</a></td> - <td><a href="reference/flexbox-paint-ordering-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-root-node-001a" class=""> - <tr> - <td rowspan="1" title="Testing 'display:flex' on root node"> - <a href="flexbox-root-node-001a.xht">flexbox-root-node-001a</a></td> - <td><a href="reference/flexbox-root-node-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-root-node-001b" class=""> - <tr> - <td rowspan="1" title="Testing 'display:flex' on root node"> - <a href="flexbox-root-node-001b.xht">flexbox-root-node-001b</a></td> - <td><a href="reference/flexbox-root-node-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-single-line-clamp-1" class=""> - <tr> - <td rowspan="1" title="Single-line flex containers should clamp their line's height to the container's computed min and max cross-size."> - <a href="flexbox-single-line-clamp-1.xht">flexbox-single-line-clamp-1</a></td> - <td><a href="reference/flexbox-single-line-clamp-1-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-single-line-clamp-2" class=""> - <tr> - <td rowspan="1" title="Single-line flex containers should clamp their line's height to the container's computed min and max cross-size."> - <a href="flexbox-single-line-clamp-2.xht">flexbox-single-line-clamp-2</a></td> - <td><a href="reference/flexbox-single-line-clamp-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-single-line-clamp-3" class=""> - <tr> - <td rowspan="1" title="Single-line flex containers should clamp their line's height to the container's computed min and max cross-size."> - <a href="flexbox-single-line-clamp-3.xht">flexbox-single-line-clamp-3</a></td> - <td><a href="reference/flexbox-single-line-clamp-3-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-sizing-horiz-001" class=""> - <tr> - <td rowspan="1" title="Testing sizing of an auto-sized horizontal flex container with min-width and max-width constraints"> - <a href="flexbox-sizing-horiz-001.xht">flexbox-sizing-horiz-001</a></td> - <td><a href="reference/flexbox-sizing-horiz-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-sizing-horiz-002" class=""> - <tr> - <td rowspan="1" title="Testing sizing of an auto-sized horizontal flex container with min-height and max-height constraints"> - <a href="flexbox-sizing-horiz-002.xht">flexbox-sizing-horiz-002</a></td> - <td><a href="reference/flexbox-sizing-horiz-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-sizing-vert-001" class=""> - <tr> - <td rowspan="1" title="Testing sizing of an auto-sized vertical flex container with min-height and max-height constraints"> - <a href="flexbox-sizing-vert-001.xht">flexbox-sizing-vert-001</a></td> - <td><a href="reference/flexbox-sizing-vert-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-sizing-vert-002" class=""> - <tr> - <td rowspan="1" title="Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints"> - <a href="flexbox-sizing-vert-002.xht">flexbox-sizing-vert-002</a></td> - <td><a href="reference/flexbox-sizing-vert-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-table-fixup-001" class=""> - <tr> - <td rowspan="1" title="Testing that table cells in a flex container get blockified and each form their own flex item"> - <a href="flexbox-table-fixup-001.xht">flexbox-table-fixup-001</a></td> - <td><a href="reference/flexbox-table-fixup-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-whitespace-handling-001a" class=""> - <tr> - <td rowspan="1" title="Test that anonymous flex items aren't created for pure-whitespace inline content"> - <a href="flexbox-whitespace-handling-001a.xht">flexbox-whitespace-handling-001a</a></td> - <td><a href="reference/flexbox-whitespace-handling-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-whitespace-handling-001b" class=""> - <tr> - <td rowspan="1" title="Test that flex items are created correctly"> - <a href="flexbox-whitespace-handling-001b.xht">flexbox-whitespace-handling-001b</a></td> - <td><a href="reference/flexbox-whitespace-handling-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-whitespace-handling-002" class=""> - <tr> - <td rowspan="1" title="Test that whitespace is preserved at the edges of anonymous flex items if 'white-space: pre' is set"> - <a href="flexbox-whitespace-handling-002.xht">flexbox-whitespace-handling-002</a></td> - <td><a href="reference/flexbox-whitespace-handling-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-with-pseudo-elements-001" class=""> - <tr> - <td rowspan="1" title="Testing that generated content nodes are treated as a flex items"> - <a href="flexbox-with-pseudo-elements-001.xht">flexbox-with-pseudo-elements-001</a></td> - <td><a href="reference/flexbox-with-pseudo-elements-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-with-pseudo-elements-002" class=""> - <tr> - <td rowspan="1" title="Testing that generated content nodes are treated as a flex items, and honor 'order'"> - <a href="flexbox-with-pseudo-elements-002.xht">flexbox-with-pseudo-elements-002</a></td> - <td><a href="reference/flexbox-with-pseudo-elements-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-with-pseudo-elements-003" class=""> - <tr> - <td rowspan="1" title="Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item"> - <a href="flexbox-with-pseudo-elements-003.xht">flexbox-with-pseudo-elements-003</a></td> - <td><a href="reference/flexbox-with-pseudo-elements-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-001" class=""> - <tr> - <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'"> - <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></td> - <td><a href="reference/flexbox-writing-mode-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-002" class=""> - <tr> - <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'"> - <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></td> - <td><a href="reference/flexbox-writing-mode-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-003" class=""> - <tr> - <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'"> - <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></td> - <td><a href="reference/flexbox-writing-mode-003-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-004" class=""> - <tr> - <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'"> - <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></td> - <td><a href="reference/flexbox-writing-mode-004-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-005" class=""> - <tr> - <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'"> - <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></td> - <td><a href="reference/flexbox-writing-mode-005-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-006" class=""> - <tr> - <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'"> - <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></td> - <td><a href="reference/flexbox-writing-mode-006-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-007" class=""> - <tr> - <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> - <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></td> - <td><a href="reference/flexbox-writing-mode-007-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-008" class=""> - <tr> - <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> - <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></td> - <td><a href="reference/flexbox-writing-mode-008-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox-writing-mode-009" class=""> - <tr> - <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> - <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></td> - <td><a href="reference/flexbox-writing-mode-009-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_absolute-atomic" class=""> - <tr> - <td rowspan="1" title="flexbox | abspos atomic flexitems"> - <a href="flexbox_absolute-atomic.xht">flexbox_absolute-atomic</a></td> - <td><a href="reference/flexbox_absolute-atomic-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-content-center" class=""> - <tr> - <td rowspan="1" title="flexbox | align-content: center"> - <a href="flexbox_align-content-center.xht">flexbox_align-content-center</a></td> - <td><a href="reference/flexbox_align-content-center-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-content-flexend" class=""> - <tr> - <td rowspan="1" title="flexbox | align-content: flex-end"> - <a href="flexbox_align-content-flexend.xht">flexbox_align-content-flexend</a></td> - <td><a href="reference/flexbox_align-content-flexend-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-content-flexstart" class=""> - <tr> - <td rowspan="1" title="flexbox | align-content: flex-start"> - <a href="flexbox_align-content-flexstart.xht">flexbox_align-content-flexstart</a></td> - <td><a href="reference/flexbox_align-content-flexstart-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-content-spacearound" class=""> - <tr> - <td rowspan="1" title="flexbox | align-content: space-around"> - <a href="flexbox_align-content-spacearound.xht">flexbox_align-content-spacearound</a></td> - <td><a href="reference/flexbox_align-content-spacearound-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-content-spacebetween" class=""> - <tr> - <td rowspan="1" title="flexbox | align-content: space-between"> - <a href="flexbox_align-content-spacebetween.xht">flexbox_align-content-spacebetween</a></td> - <td><a href="reference/flexbox_align-content-spacebetween-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-content-stretch" class=""> - <tr> - <td rowspan="1" title="flexbox | align-content: stretch"> - <a href="flexbox_align-content-stretch.xht">flexbox_align-content-stretch</a></td> - <td><a href="reference/flexbox_align-content-stretch-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-content-stretch-2" class=""> - <tr> - <td rowspan="1" title="flexbox | align-content: stretch"> - <a href="flexbox_align-content-stretch-2.xht">flexbox_align-content-stretch-2</a></td> - <td><a href="reference/flexbox_align-content-stretch-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-baseline" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: baseline"> - <a href="flexbox_align-items-baseline.xht">flexbox_align-items-baseline</a></td> - <td><a href="reference/flexbox_align-items-baseline-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-center" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: center"> - <a href="flexbox_align-items-center.xht">flexbox_align-items-center</a></td> - <td><a href="reference/flexbox_align-items-center-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-center-2" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: center"> - <a href="flexbox_align-items-center-2.xht">flexbox_align-items-center-2</a></td> - <td><a href="reference/flexbox_align-items-center-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-flexend" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: flex-end"> - <a href="flexbox_align-items-flexend.xht">flexbox_align-items-flexend</a></td> - <td><a href="reference/flexbox_align-items-flexend-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-flexend-2" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: flex-end"> - <a href="flexbox_align-items-flexend-2.xht">flexbox_align-items-flexend-2</a></td> - <td><a href="reference/flexbox_align-items-flexend-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-flexstart" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: flex-start"> - <a href="flexbox_align-items-flexstart.xht">flexbox_align-items-flexstart</a></td> - <td><a href="reference/flexbox_align-items-flexstart-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-flexstart-2" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: flex-start"> - <a href="flexbox_align-items-flexstart-2.xht">flexbox_align-items-flexstart-2</a></td> - <td><a href="reference/flexbox_align-items-flexstart-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-stretch" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: stretch"> - <a href="flexbox_align-items-stretch.xht">flexbox_align-items-stretch</a></td> - <td><a href="reference/flexbox_align-items-stretch-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-stretch-2" class=""> - <tr> - <td rowspan="1" title="flexbox | align-items: stretch"> - <a href="flexbox_align-items-stretch-2.xht">flexbox_align-items-stretch-2</a></td> - <td><a href="reference/flexbox_align-items-stretch-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-items-stretch-writing-modes" class=""> - <tr> - <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> - <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> - <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-self-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | align-self: auto"> - <a href="flexbox_align-self-auto.xht">flexbox_align-self-auto</a></td> - <td><a href="reference/flexbox_align-self-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-self-baseline" class=""> - <tr> - <td rowspan="1" title="flexbox | align-self: baseline"> - <a href="flexbox_align-self-baseline.xht">flexbox_align-self-baseline</a></td> - <td><a href="reference/flexbox_align-self-baseline-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-self-center" class=""> - <tr> - <td rowspan="1" title="flexbox | align-self: center"> - <a href="flexbox_align-self-center.xht">flexbox_align-self-center</a></td> - <td><a href="reference/flexbox_align-self-center-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-self-flexend" class=""> - <tr> - <td rowspan="1" title="flexbox | align-self: flex-end"> - <a href="flexbox_align-self-flexend.xht">flexbox_align-self-flexend</a></td> - <td><a href="reference/flexbox_align-self-flexend-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-self-flexstart" class=""> - <tr> - <td rowspan="1" title="flexbox | align-self: flex-start"> - <a href="flexbox_align-self-flexstart.xht">flexbox_align-self-flexstart</a></td> - <td><a href="reference/flexbox_align-self-flexstart-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_align-self-stretch" class=""> - <tr> - <td rowspan="1" title="flexbox | align-self: stretch"> - <a href="flexbox_align-self-stretch.xht">flexbox_align-self-stretch</a></td> - <td><a href="reference/flexbox_align-self-stretch-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_block" class=""> - <tr> - <td rowspan="1" title="flexbox | block"> - <a href="flexbox_block.xht">flexbox_block</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_box-clear" class=""> - <tr> - <td rowspan="1" title="flexbox | cleared box"> - <a href="flexbox_box-clear.xht">flexbox_box-clear</a></td> - <td><a href="reference/flexbox_box-clear-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_columns" class=""> - <tr> - <td rowspan="1" title="flexbox | multicol"> - <a href="flexbox_columns.xht">flexbox_columns</a></td> - <td><a href="reference/flexbox_columns-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_columns-flexitems" class=""> - <tr> - <td rowspan="1" title="flexbox | multicol on flexbox items"> - <a href="flexbox_columns-flexitems.xht">flexbox_columns-flexitems</a></td> - <td><a href="reference/flexbox_columns-flexitems-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_columns-flexitems-2" class=""> - <tr> - <td rowspan="1" title="flexbox | multicol on flexbox items"> - <a href="flexbox_columns-flexitems-2.xht">flexbox_columns-flexitems-2</a></td> - <td><a href="reference/flexbox_columns-flexitems-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_direction-column" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-direction: column"> - <a href="flexbox_direction-column.xht">flexbox_direction-column</a></td> - <td><a href="reference/flexbox_direction-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_direction-column-reverse" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-direction: column-reverse"> - <a href="flexbox_direction-column-reverse.xht">flexbox_direction-column-reverse</a></td> - <td><a href="reference/flexbox_direction-column-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_direction-row-reverse" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-direction: row-reverse"> - <a href="flexbox_direction-row-reverse.xht">flexbox_direction-row-reverse</a></td> - <td><a href="reference/flexbox_direction-row-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_display" class=""> - <tr> - <td rowspan="1" title="flexbox | display error-handling"> - <a href="flexbox_display.xht">flexbox_display</a></td> - <td><a href="reference/flexbox_display-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_fbfc" class=""> - <tr> - <td rowspan="1" title="flexbox | flex formatting context :: float intrusion"> - <a href="flexbox_fbfc.xht">flexbox_fbfc</a></td> - <td><a href="reference/flexbox_fbfc-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_fbfc2" class=""> - <tr> - <td rowspan="1" title="flexbox | flex formatting context :: float intrusion"> - <a href="flexbox_fbfc2.xht">flexbox_fbfc2</a></td> - <td><a href="reference/flexbox_fbfc2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_first-line" class=""> - <tr> - <td rowspan="1" title="flexbox | first-line"> - <a href="flexbox_first-line.xht">flexbox_first-line</a></td> - <td><a href="reference/flexbox_first-line-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0"> - <a href="flexbox_flex-0-0.xht">flexbox_flex-0-0</a></td> - <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 0"> - <a href="flexbox_flex-0-0-0.xht">flexbox_flex-0-0-0</a></td> - <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 0 unitless"> - <a href="flexbox_flex-0-0-0-unitless.xht">flexbox_flex-0-0-0-unitless</a></td> - <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-1-unitless-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 N unitless"> - <a href="flexbox_flex-0-0-1-unitless-basis.xht">flexbox_flex-0-0-1-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 auto"> - <a href="flexbox_flex-0-0-auto.xht">flexbox_flex-0-0-auto</a></td> - <td><a href="reference/flexbox_flex-0-0-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 auto | shrinking"> - <a href="flexbox_flex-0-0-auto-shrink.xht">flexbox_flex-0-0-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-0-0-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 N"> - <a href="flexbox_flex-0-0-N.xht">flexbox_flex-0-0-n</a></td> - <td><a href="reference/flexbox_flex-0-0-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 N | shrinking"> - <a href="flexbox_flex-0-0-N-shrink.xht">flexbox_flex-0-0-n-shrink</a></td> - <td><a href="reference/flexbox_flex-0-0-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-n-unitless-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 N unitless"> - <a href="flexbox_flex-0-0-N-unitless-basis.xht">flexbox_flex-0-0-n-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 N%"> - <a href="flexbox_flex-0-0-Npercent.xht">flexbox_flex-0-0-npercent</a></td> - <td><a href="reference/flexbox_flex-0-0-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-0-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 0 N% | shrinking"> - <a href="flexbox_flex-0-0-Npercent-shrink.xht">flexbox_flex-0-0-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-0-0-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1"> - <a href="flexbox_flex-0-1.xht">flexbox_flex-0-1</a></td> - <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 0"> - <a href="flexbox_flex-0-1-0.xht">flexbox_flex-0-1-0</a></td> - <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 0 unitless"> - <a href="flexbox_flex-0-1-0-unitless.xht">flexbox_flex-0-1-0-unitless</a></td> - <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-1-unitless-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 1 unitless"> - <a href="flexbox_flex-0-1-1-unitless-basis.xht">flexbox_flex-0-1-1-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 auto"> - <a href="flexbox_flex-0-1-auto.xht">flexbox_flex-0-1-auto</a></td> - <td><a href="reference/flexbox_flex-0-1-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 auto | shrinking"> - <a href="flexbox_flex-0-1-auto-shrink.xht">flexbox_flex-0-1-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-0-1-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 N"> - <a href="flexbox_flex-0-1-N.xht">flexbox_flex-0-1-n</a></td> - <td><a href="reference/flexbox_flex-0-1-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 N | shrinking"> - <a href="flexbox_flex-0-1-N-shrink.xht">flexbox_flex-0-1-n-shrink</a></td> - <td><a href="reference/flexbox_flex-0-1-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-n-unitless-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 N unitless"> - <a href="flexbox_flex-0-1-N-unitless-basis.xht">flexbox_flex-0-1-n-unitless-basis</a></td> - <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 N%"> - <a href="flexbox_flex-0-1-Npercent.xht">flexbox_flex-0-1-npercent</a></td> - <td><a href="reference/flexbox_flex-0-1-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-1-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 1 N% | shrinking"> - <a href="flexbox_flex-0-1-Npercent-shrink.xht">flexbox_flex-0-1-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-0-1-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 auto"> - <a href="flexbox_flex-0-auto.xht">flexbox_flex-0-auto</a></td> - <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N"> - <a href="flexbox_flex-0-N.xht">flexbox_flex-0-n</a></td> - <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N 0"> - <a href="flexbox_flex-0-N-0.xht">flexbox_flex-0-n-0</a></td> - <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N 0 unitless"> - <a href="flexbox_flex-0-N-0-unitless.xht">flexbox_flex-0-n-0-unitless</a></td> - <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N auto"> - <a href="flexbox_flex-0-N-auto.xht">flexbox_flex-0-n-auto</a></td> - <td><a href="reference/flexbox_flex-0-N-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N auto | shrinking"> - <a href="flexbox_flex-0-N-auto-shrink.xht">flexbox_flex-0-n-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-0-N-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N N"> - <a href="flexbox_flex-0-N-N.xht">flexbox_flex-0-n-n</a></td> - <td><a href="reference/flexbox_flex-0-N-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N N | shrinking"> - <a href="flexbox_flex-0-N-N-shrink.xht">flexbox_flex-0-n-n-shrink</a></td> - <td><a href="reference/flexbox_flex-0-N-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N N%"> - <a href="flexbox_flex-0-N-Npercent.xht">flexbox_flex-0-n-npercent</a></td> - <td><a href="reference/flexbox_flex-0-N-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-0-n-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 0 N N% | shrinking"> - <a href="flexbox_flex-0-N-Npercent-shrink.xht">flexbox_flex-0-n-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-0-N-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0"> - <a href="flexbox_flex-1-0.xht">flexbox_flex-1-0</a></td> - <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 0"> - <a href="flexbox_flex-1-0-0.xht">flexbox_flex-1-0-0</a></td> - <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 0 unitless"> - <a href="flexbox_flex-1-0-0-unitless.xht">flexbox_flex-1-0-0-unitless</a></td> - <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 auto"> - <a href="flexbox_flex-1-0-auto.xht">flexbox_flex-1-0-auto</a></td> - <td><a href="reference/flexbox_flex-1-0-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 auto | shrinking"> - <a href="flexbox_flex-1-0-auto-shrink.xht">flexbox_flex-1-0-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-1-0-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 N"> - <a href="flexbox_flex-1-0-N.xht">flexbox_flex-1-0-n</a></td> - <td><a href="reference/flexbox_flex-1-0-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 N | shrinking"> - <a href="flexbox_flex-1-0-N-shrink.xht">flexbox_flex-1-0-n-shrink</a></td> - <td><a href="reference/flexbox_flex-1-0-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 N%"> - <a href="flexbox_flex-1-0-Npercent.xht">flexbox_flex-1-0-npercent</a></td> - <td><a href="reference/flexbox_flex-1-0-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-0-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 0 N% | shrinking"> - <a href="flexbox_flex-1-0-Npercent-shrink.xht">flexbox_flex-1-0-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-1-0-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1"> - <a href="flexbox_flex-1-1.xht">flexbox_flex-1-1</a></td> - <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 0"> - <a href="flexbox_flex-1-1-0.xht">flexbox_flex-1-1-0</a></td> - <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 0 unitless"> - <a href="flexbox_flex-1-1-0-unitless.xht">flexbox_flex-1-1-0-unitless</a></td> - <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 auto"> - <a href="flexbox_flex-1-1-auto.xht">flexbox_flex-1-1-auto</a></td> - <td><a href="reference/flexbox_flex-1-1-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 auto | shrinking"> - <a href="flexbox_flex-1-1-auto-shrink.xht">flexbox_flex-1-1-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-1-1-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 N"> - <a href="flexbox_flex-1-1-N.xht">flexbox_flex-1-1-n</a></td> - <td><a href="reference/flexbox_flex-1-1-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 N | shrinking"> - <a href="flexbox_flex-1-1-N-shrink.xht">flexbox_flex-1-1-n-shrink</a></td> - <td><a href="reference/flexbox_flex-1-1-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 N%"> - <a href="flexbox_flex-1-1-Npercent.xht">flexbox_flex-1-1-npercent</a></td> - <td><a href="reference/flexbox_flex-1-1-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-1-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 1 N% | shrinking"> - <a href="flexbox_flex-1-1-Npercent-shrink.xht">flexbox_flex-1-1-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-1-1-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N"> - <a href="flexbox_flex-1-N.xht">flexbox_flex-1-n</a></td> - <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N 0"> - <a href="flexbox_flex-1-N-0.xht">flexbox_flex-1-n-0</a></td> - <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N 0 unitless"> - <a href="flexbox_flex-1-N-0-unitless.xht">flexbox_flex-1-n-0-unitless</a></td> - <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N auto"> - <a href="flexbox_flex-1-N-auto.xht">flexbox_flex-1-n-auto</a></td> - <td><a href="reference/flexbox_flex-1-N-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N auto | shrinking"> - <a href="flexbox_flex-1-N-auto-shrink.xht">flexbox_flex-1-n-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-1-N-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N N"> - <a href="flexbox_flex-1-N-N.xht">flexbox_flex-1-n-n</a></td> - <td><a href="reference/flexbox_flex-1-N-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N N | shrinking"> - <a href="flexbox_flex-1-N-N-shrink.xht">flexbox_flex-1-n-n-shrink</a></td> - <td><a href="reference/flexbox_flex-1-N-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N N%"> - <a href="flexbox_flex-1-N-Npercent.xht">flexbox_flex-1-n-npercent</a></td> - <td><a href="reference/flexbox_flex-1-N-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-1-n-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: 1 N N% | shrinking"> - <a href="flexbox_flex-1-N-Npercent-shrink.xht">flexbox_flex-1-n-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-1-N-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: auto"> - <a href="flexbox_flex-auto.xht">flexbox_flex-auto</a></td> - <td><a href="reference/flexbox_flex-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-basis: percentage"> - <a href="flexbox_flex-basis.xht">flexbox_flex-basis</a></td> - <td><a href="reference/flexbox_flex-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-basis-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-basis: percentage, flex-shrink: +integer"> - <a href="flexbox_flex-basis-shrink.xht">flexbox_flex-basis-shrink</a></td> - <td><a href="reference/flexbox_flex-basis-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-formatting-interop" class=""> - <tr> - <td rowspan="1" title="flexbox | flex formatting context :: negative margins and border box"> - <a href="flexbox_flex-formatting-interop.xht">flexbox_flex-formatting-interop</a></td> - <td><a href="reference/flexbox_flex-formatting-interop-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-initial" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: initial"> - <a href="flexbox_flex-initial.xht">flexbox_flex-initial</a></td> - <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-initial-2" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: initial"> - <a href="flexbox_flex-initial-2.xht">flexbox_flex-initial-2</a></td> - <td><a href="reference/flexbox_flex-initial-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0"> - <a href="flexbox_flex-N-0.xht">flexbox_flex-n-0</a></td> - <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 0"> - <a href="flexbox_flex-N-0-0.xht">flexbox_flex-n-0-0</a></td> - <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 0 unitless"> - <a href="flexbox_flex-N-0-0-unitless.xht">flexbox_flex-n-0-0-unitless</a></td> - <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 auto"> - <a href="flexbox_flex-N-0-auto.xht">flexbox_flex-n-0-auto</a></td> - <td><a href="reference/flexbox_flex-N-0-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 auto | shrinking"> - <a href="flexbox_flex-N-0-auto-shrink.xht">flexbox_flex-n-0-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-N-0-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 N"> - <a href="flexbox_flex-N-0-N.xht">flexbox_flex-n-0-n</a></td> - <td><a href="reference/flexbox_flex-N-0-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 N | shrinking"> - <a href="flexbox_flex-N-0-N-shrink.xht">flexbox_flex-n-0-n-shrink</a></td> - <td><a href="reference/flexbox_flex-N-0-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 N%"> - <a href="flexbox_flex-N-0-Npercent.xht">flexbox_flex-n-0-npercent</a></td> - <td><a href="reference/flexbox_flex-N-0-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-0-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 0 N% | shrinking"> - <a href="flexbox_flex-N-0-Npercent-shrink.xht">flexbox_flex-n-0-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-N-0-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1"> - <a href="flexbox_flex-N-1.xht">flexbox_flex-n-1</a></td> - <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 0"> - <a href="flexbox_flex-N-1-0.xht">flexbox_flex-n-1-0</a></td> - <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 0 unitless"> - <a href="flexbox_flex-N-1-0-unitless.xht">flexbox_flex-n-1-0-unitless</a></td> - <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 auto"> - <a href="flexbox_flex-N-1-auto.xht">flexbox_flex-n-1-auto</a></td> - <td><a href="reference/flexbox_flex-N-1-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 auto | shrinking"> - <a href="flexbox_flex-N-1-auto-shrink.xht">flexbox_flex-n-1-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-N-1-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 N"> - <a href="flexbox_flex-N-1-N.xht">flexbox_flex-n-1-n</a></td> - <td><a href="reference/flexbox_flex-N-1-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 N | shrinking"> - <a href="flexbox_flex-N-1-N-shrink.xht">flexbox_flex-n-1-n-shrink</a></td> - <td><a href="reference/flexbox_flex-N-1-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 N%"> - <a href="flexbox_flex-N-1-Npercent.xht">flexbox_flex-n-1-npercent</a></td> - <td><a href="reference/flexbox_flex-N-1-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-1-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N 1 N% | shrinking"> - <a href="flexbox_flex-N-1-Npercent-shrink.xht">flexbox_flex-n-1-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-N-1-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N"> - <a href="flexbox_flex-N-N.xht">flexbox_flex-n-n</a></td> - <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-0" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N 0"> - <a href="flexbox_flex-N-N-0.xht">flexbox_flex-n-n-0</a></td> - <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-0-unitless" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N 0 unitless"> - <a href="flexbox_flex-N-N-0-unitless.xht">flexbox_flex-n-n-0-unitless</a></td> - <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N auto"> - <a href="flexbox_flex-N-N-auto.xht">flexbox_flex-n-n-auto</a></td> - <td><a href="reference/flexbox_flex-N-N-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-auto-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N auto | shrinking"> - <a href="flexbox_flex-N-N-auto-shrink.xht">flexbox_flex-n-n-auto-shrink</a></td> - <td><a href="reference/flexbox_flex-N-N-auto-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-n" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N N"> - <a href="flexbox_flex-N-N-N.xht">flexbox_flex-n-n-n</a></td> - <td><a href="reference/flexbox_flex-N-N-N-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-n-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N N | shrinking"> - <a href="flexbox_flex-N-N-N-shrink.xht">flexbox_flex-n-n-n-shrink</a></td> - <td><a href="reference/flexbox_flex-N-N-N-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-npercent" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N N%"> - <a href="flexbox_flex-N-N-Npercent.xht">flexbox_flex-n-n-npercent</a></td> - <td><a href="reference/flexbox_flex-N-N-Npercent-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-n-n-npercent-shrink" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: N N N% | shrinking"> - <a href="flexbox_flex-N-N-Npercent-shrink.xht">flexbox_flex-n-n-npercent-shrink</a></td> - <td><a href="reference/flexbox_flex-N-N-Npercent-shrink-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-natural" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: larger integer"> - <a href="flexbox_flex-natural.xht">flexbox_flex-natural</a></td> - <td><a href="reference/flexbox_flex-natural-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-natural-mixed-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: larger integer, mixed basis"> - <a href="flexbox_flex-natural-mixed-basis.xht">flexbox_flex-natural-mixed-basis</a></td> - <td><a href="reference/flexbox_flex-natural-mixed-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-natural-mixed-basis-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: larger integer, mixed basis, auto"> - <a href="flexbox_flex-natural-mixed-basis-auto.xht">flexbox_flex-natural-mixed-basis-auto</a></td> - <td><a href="reference/flexbox_flex-natural-mixed-basis-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-natural-variable-auto-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: larger integer, auto basis"> - <a href="flexbox_flex-natural-variable-auto-basis.xht">flexbox_flex-natural-variable-auto-basis</a></td> - <td><a href="reference/flexbox_flex-natural-variable-auto-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-natural-variable-zero-basis" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: larger integer, zero basis"> - <a href="flexbox_flex-natural-variable-zero-basis.xht">flexbox_flex-natural-variable-zero-basis</a></td> - <td><a href="reference/flexbox_flex-natural-variable-zero-basis-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flex-none" class=""> - <tr> - <td rowspan="1" title="flexbox | flex: none"> - <a href="flexbox_flex-none.xht">flexbox_flex-none</a></td> - <td><a href="reference/flexbox_flex-none-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flow-column-reverse-wrap" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column-reverse wrap"> - <a href="flexbox_flow-column-reverse-wrap.xht">flexbox_flow-column-reverse-wrap</a></td> - <td><a href="reference/flexbox_flow-column-reverse-wrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flow-column-reverse-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column-reverse wrap-reverse"> - <a href="flexbox_flow-column-reverse-wrap-reverse.xht">flexbox_flow-column-reverse-wrap-reverse</a></td> - <td><a href="reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flow-column-wrap" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column wrap"> - <a href="flexbox_flow-column-wrap.xht">flexbox_flow-column-wrap</a></td> - <td><a href="reference/flexbox_flow-column-wrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flow-column-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column wrap-reverse"> - <a href="flexbox_flow-column-wrap-reverse.xht">flexbox_flow-column-wrap-reverse</a></td> - <td><a href="reference/flexbox_flow-column-wrap-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flow-row-wrap" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: row wrap"> - <a href="flexbox_flow-row-wrap.xht">flexbox_flow-row-wrap</a></td> - <td><a href="reference/flexbox_flow-row-wrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_flow-row-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: row wrap-reverse"> - <a href="flexbox_flow-row-wrap-reverse.xht">flexbox_flow-row-wrap-reverse</a></td> - <td><a href="reference/flexbox_flow-row-wrap-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_generated" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer vs generated content"> - <a href="flexbox_generated.xht">flexbox_generated</a></td> - <td><a href="reference/flexbox_generated-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_generated-flex" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer via generated content"> - <a href="flexbox_generated-flex.xht">flexbox_generated-flex</a></td> - <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_generated-nested-flex" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer via generated content"> - <a href="flexbox_generated-nested-flex.xht">flexbox_generated-nested-flex</a></td> - <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_inline" class=""> - <tr> - <td rowspan="1" title="flexbox | inline"> - <a href="flexbox_inline.xht">flexbox_inline</a></td> - <td><a href="reference/flexbox_inline-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_inline-abspos" class=""> - <tr> - <td rowspan="1" title="flexbox | absolutely positioned inline"> - <a href="flexbox_inline-abspos.xht">flexbox_inline-abspos</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_inline-float" class=""> - <tr> - <td rowspan="1" title="flexbox | floated inline"> - <a href="flexbox_inline-float.xht">flexbox_inline-float</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_item-bottom-float" class=""> - <tr> - <td rowspan="1" title="flexbox | GCPM bottom float"> - <a href="flexbox_item-bottom-float.xht">flexbox_item-bottom-float</a></td> - <td><a href="reference/flexbox_item-bottom-float-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_item-clear" class=""> - <tr> - <td rowspan="1" title="flexbox | cleared item"> - <a href="flexbox_item-clear.xht">flexbox_item-clear</a></td> - <td><a href="reference/flexbox_item-clear-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_item-float" class=""> - <tr> - <td rowspan="1" title="flexbox | floated item"> - <a href="flexbox_item-float.xht">flexbox_item-float</a></td> - <td><a href="reference/flexbox_item-float-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_item-top-float" class=""> - <tr> - <td rowspan="1" title="flexbox | floated item"> - <a href="flexbox_item-top-float.xht">flexbox_item-top-float</a></td> - <td><a href="reference/flexbox_item-top-float-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_item-vertical-align" class=""> - <tr> - <td rowspan="1" title="flexbox | vertical-align"> - <a href="flexbox_item-vertical-align.xht">flexbox_item-vertical-align</a></td> - <td><a href="reference/flexbox_item-vertical-align-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-center" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: center"> - <a href="flexbox_justifycontent-center.xht">flexbox_justifycontent-center</a></td> - <td><a href="reference/flexbox_justifycontent-center-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-center-overflow" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: center / overflow"> - <a href="flexbox_justifycontent-center-overflow.xht">flexbox_justifycontent-center-overflow</a></td> - <td><a href="reference/flexbox_justifycontent-center-overflow-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-flex-end" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: flex-end"> - <a href="flexbox_justifycontent-flex-end.xht">flexbox_justifycontent-flex-end</a></td> - <td><a href="reference/flexbox_justifycontent-flex-end-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-flex-start" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: flex-start"> - <a href="flexbox_justifycontent-flex-start.xht">flexbox_justifycontent-flex-start</a></td> - <td><a href="reference/flexbox_justifycontent-flex-start-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-spacearound" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: space-around"> - <a href="flexbox_justifycontent-spacearound.xht">flexbox_justifycontent-spacearound</a></td> - <td><a href="reference/flexbox_justifycontent-spacearound-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-spacearound-negative" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: space-around / negative"> - <a href="flexbox_justifycontent-spacearound-negative.xht">flexbox_justifycontent-spacearound-negative</a></td> - <td><a href="reference/flexbox_justifycontent-spacearound-negative-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-spacearound-only" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: space-around | single item"> - <a href="flexbox_justifycontent-spacearound-only.xht">flexbox_justifycontent-spacearound-only</a></td> - <td><a href="reference/flexbox_justifycontent-spacearound-only-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-spacebetween" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: space-between"> - <a href="flexbox_justifycontent-spacebetween.xht">flexbox_justifycontent-spacebetween</a></td> - <td><a href="reference/flexbox_justifycontent-spacebetween-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-spacebetween-negative" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: space-between / negative"> - <a href="flexbox_justifycontent-spacebetween-negative.xht">flexbox_justifycontent-spacebetween-negative</a></td> - <td><a href="reference/flexbox_justifycontent-spacebetween-negative-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_justifycontent-spacebetween-only" class=""> - <tr> - <td rowspan="1" title="flexbox | justify-content: space-between | single item"> - <a href="flexbox_justifycontent-spacebetween-only.xht">flexbox_justifycontent-spacebetween-only</a></td> - <td><a href="reference/flexbox_justifycontent-spacebetween-only-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_margin" class=""> - <tr> - <td rowspan="1" title="flexbox | margins"> - <a href="flexbox_margin.xht">flexbox_margin</a></td> - <td><a href="reference/flexbox_margin-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_margin-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | margin: auto"> - <a href="flexbox_margin-auto.xht">flexbox_margin-auto</a></td> - <td><a href="reference/flexbox_margin-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_margin-auto-overflow" class=""> - <tr> - <td rowspan="1" title="flexbox | margin: auto in overflow"> - <a href="flexbox_margin-auto-overflow.xht">flexbox_margin-auto-overflow</a></td> - <td><a href="reference/flexbox_margin-auto-overflow-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_margin-auto-overflow-2" class=""> - <tr> - <td rowspan="1" title="flexbox | margin: auto in overflow"> - <a href="flexbox_margin-auto-overflow-2.xht">flexbox_margin-auto-overflow-2</a></td> - <td><a href="reference/flexbox_margin-auto-overflow-2-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_margin-collapse" class=""> - <tr> - <td rowspan="1" title="flexbox | flexitem margin collapsing"> - <a href="flexbox_margin-collapse.xht">flexbox_margin-collapse</a></td> - <td><a href="reference/flexbox_margin-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_margin-left-ex" class=""> - <tr> - <td rowspan="1" title="flexbox | margin-left: auto"> - <a href="flexbox_margin-left-ex.xht">flexbox_margin-left-ex</a></td> - <td><a href="reference/flexbox_margin-left-ex-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_nested-flex" class=""> - <tr> - <td rowspan="1" title="flexbox | nested flexcontainer"> - <a href="flexbox_nested-flex.xht">flexbox_nested-flex</a></td> - <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_object" class=""> - <tr> - <td rowspan="1" title="flexbox | object fallback as a flex item"> - <a href="flexbox_object.xht">flexbox_object</a></td> - <td><a href="reference/flexbox_object-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_order" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column-reverse wrap-reverse; order"> - <a href="flexbox_order.xht">flexbox_order</a></td> - <td><a href="reference/flexbox_order-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_order-abspos-space-around" class=""> - <tr> - <td rowspan="1" title="flexbox | order; justify-content: space-around"> - <a href="flexbox_order-abspos-space-around.xht">flexbox_order-abspos-space-around</a></td> - <td><a href="reference/flexbox_order-abspos-space-around-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_order-box" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column-reverse wrap-reverse; order"> - <a href="flexbox_order-box.xht">flexbox_order-box</a></td> - <td><a href="reference/flexbox_order-box-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_order-noninteger-invalid" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column-reverse wrap-reverse; order"> - <a href="flexbox_order-noninteger-invalid.xht">flexbox_order-noninteger-invalid</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_rowspan" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainers in cells with rowspan"> - <a href="flexbox_rowspan.xht">flexbox_rowspan</a></td> - <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_rowspan-overflow" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainers in cells with rowspan"> - <a href="flexbox_rowspan-overflow.xht">flexbox_rowspan-overflow</a></td> - <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_rowspan-overflow-automatic" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainers in cells with rowspan"> - <a href="flexbox_rowspan-overflow-automatic.xht">flexbox_rowspan-overflow-automatic</a></td> - <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_rtl-direction" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-direction: column-reverse | rtl"> - <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></td> - <td><a href="reference/flexbox_rtl-direction-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_rtl-flow" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column wrap | rtl"> - <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> - <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_rtl-flow-reverse" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column wrap-reverse | rtl"> - <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> - <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_rtl-order" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-flow: column-reverse wrap-reverse; order | rtl"> - <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> - <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-abspos" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: abspos"> - <a href="flexbox_stf-abspos.xht">flexbox_stf-abspos</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-float" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: float"> - <a href="flexbox_stf-float.xht">flexbox_stf-float</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-inline-block" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: inline-block"> - <a href="flexbox_stf-inline-block.xht">flexbox_stf-inline-block</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-table" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: table"> - <a href="flexbox_stf-table.xht">flexbox_stf-table</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-table-caption" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: table-caption"> - <a href="flexbox_stf-table-caption.xht">flexbox_stf-table-caption</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-table-cell" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: table cell"> - <a href="flexbox_stf-table-cell.xht">flexbox_stf-table-cell</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-table-row" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: table row"> - <a href="flexbox_stf-table-row.xht">flexbox_stf-table-row</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-table-row-group" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer versus stf :: table row group"> - <a href="flexbox_stf-table-row-group.xht">flexbox_stf-table-row-group</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-table-singleline" class=""> - <tr> - <td rowspan="1" title="flexbox | singleline flexcontainer versus stf :: table"> - <a href="flexbox_stf-table-singleline.xht">flexbox_stf-table-singleline</a></td> - <td><a href="reference/flexbox_stf-table-singleline-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_stf-table-singleline-2" class=""> - <tr> - <td rowspan="1" title="flexbox | singleline flexcontainer versus stf :: table"> - <a href="flexbox_stf-table-singleline-2.xht">flexbox_stf-table-singleline-2</a></td> - <td><a href="reference/flexbox_stf-table-singleline-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_table-fixed-layout" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainers in tables"> - <a href="flexbox_table-fixed-layout.xht">flexbox_table-fixed-layout</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_visibility-collapse" class=""> - <tr> - <td rowspan="1" title="flexbox | visibility: collapse"> - <a href="flexbox_visibility-collapse.xht">flexbox_visibility-collapse</a></td> - <td><a href="reference/flexbox_visibility-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_visibility-collapse-line-wrapping" class=""> - <tr> - <td rowspan="1" title="flexbox | visibility: collapse and line wrapping"> - <a href="flexbox_visibility-collapse-line-wrapping.xht">flexbox_visibility-collapse-line-wrapping</a></td> - <td><a href="reference/flexbox_visibility-collapse-line-wrapping-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_width-overflow" class=""> - <tr> - <td rowspan="1" title="flexbox | overflow"> - <a href="flexbox_width-overflow.xht">flexbox_width-overflow</a></td> - <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_wrap" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-wrap: wrap"> - <a href="flexbox_wrap.xht">flexbox_wrap</a></td> - <td><a href="reference/flexbox_wrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_wrap-long" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-wrap: wrap / long items"> - <a href="flexbox_wrap-long.xht">flexbox_wrap-long</a></td> - <td><a href="reference/flexbox_wrap-long-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flexbox | flex-wrap: wrap"> - <a href="flexbox_wrap-reverse.xht">flexbox_wrap-reverse</a></td> - <td><a href="reference/flexbox_wrap-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom" class=""> - <tr> - <td rowspan="1" title="Align content flex-start with writing mode vertical-rl."> - <a href="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht">flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom</a></td> - <td><a href="reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexible-box-float" class=""> - <tr> - <td rowspan="1" title="flexible box flex item float effect"> - <a href="flexible-box-float.xht">flexible-box-float</a></td> - <td><a href="reference/flex-box-float-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexible-order" class=""> - <tr> - <td rowspan="1" title="Change the value of 'order' property"> - <a href="Flexible-order.xht">flexible-order</a></td> - <td><a href="reference/Flexible-order-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-auto-placement-001" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position within an inline grid"> - <a href="grid-inline-order-property-auto-placement-001.xht">grid-inline-order-property-auto-placement-001</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-auto-placement-002" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position within an inline grid"> - <a href="grid-inline-order-property-auto-placement-002.xht">grid-inline-order-property-auto-placement-002</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-auto-placement-003" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position within an inline grid"> - <a href="grid-inline-order-property-auto-placement-003.xht">grid-inline-order-property-auto-placement-003</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-auto-placement-004" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position within an inline grid"> - <a href="grid-inline-order-property-auto-placement-004.xht">grid-inline-order-property-auto-placement-004</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-auto-placement-005" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position within an inline grid"> - <a href="grid-inline-order-property-auto-placement-005.xht">grid-inline-order-property-auto-placement-005</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-painting-001" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order within an inline grid"> - <a href="grid-inline-order-property-painting-001.xht">grid-inline-order-property-painting-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-painting-002" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order within an inline grid"> - <a href="grid-inline-order-property-painting-002.xht">grid-inline-order-property-painting-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-painting-003" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order within an inline grid"> - <a href="grid-inline-order-property-painting-003.xht">grid-inline-order-property-painting-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-painting-004" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order within an inline grid"> - <a href="grid-inline-order-property-painting-004.xht">grid-inline-order-property-painting-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-order-property-painting-005" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order within an inline grid"> - <a href="grid-inline-order-property-painting-005.xht">grid-inline-order-property-painting-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-auto-placement-001" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position"> - <a href="grid-order-property-auto-placement-001.xht">grid-order-property-auto-placement-001</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-auto-placement-002" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position"> - <a href="grid-order-property-auto-placement-002.xht">grid-order-property-auto-placement-002</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-auto-placement-003" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position"> - <a href="grid-order-property-auto-placement-003.xht">grid-order-property-auto-placement-003</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-auto-placement-004" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position"> - <a href="grid-order-property-auto-placement-004.xht">grid-order-property-auto-placement-004</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-auto-placement-005" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items auto-placement position"> - <a href="grid-order-property-auto-placement-005.xht">grid-order-property-auto-placement-005</a></td> - <td><a href="reference/grid-2x2-blue-yellow-lime-magenta.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-painting-001" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order"> - <a href="grid-order-property-painting-001.xht">grid-order-property-painting-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-painting-002" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order"> - <a href="grid-order-property-painting-002.xht">grid-order-property-painting-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-painting-003" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order"> - <a href="grid-order-property-painting-003.xht">grid-order-property-painting-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-painting-004" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order"> - <a href="grid-order-property-painting-004.xht">grid-order-property-painting-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-order-property-painting-005" class="ahem"> - <tr> - <td rowspan="1" title="'order' property affects grid items painting order"> - <a href="grid-order-property-painting-005.xht">grid-order-property-painting-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="justify-content-001" class="image"> - <tr> - <td rowspan="1" title="A flex container with 'justify-content' property set to 'center'"> - <a href="justify-content-001.xht">justify-content-001</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="justify-content-002" class="image"> - <tr> - <td rowspan="1" title="A flex container with the 'justify-content' property set to 'flex-start'"> - <a href="justify-content-002.xht">justify-content-002</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="justify-content-003" class="image"> - <tr> - <td rowspan="1" title="A flex container with the 'justify-content' property set to 'flex-end'"> - <a href="justify-content-003.xht">justify-content-003</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="justify-content-004" class="image"> - <tr> - <td rowspan="1" title="A flex container with the 'justify-content' property set to 'space-between'"> - <a href="justify-content-004.xht">justify-content-004</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="justify-content-005" class="image"> - <tr> - <td rowspan="1" title="A flex container with the 'justify-content' property set to 'space-around'"> - <a href="justify-content-005.xht">justify-content-005</a></td> - <td><a href="reference/justify-content-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="layout-algorithm_algo-cross-line-001" class=""> - <tr> - <td rowspan="1" title="cross size determination with overflow:scroll"> - <a href="layout-algorithm_algo-cross-line-001.xht">layout-algorithm_algo-cross-line-001</a></td> - <td><a href="reference/layout-algorithm_algo-cross-line-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="layout-algorithm_algo-cross-line-002" class=""> - <tr> - <td rowspan="1" title="cross size determination with overflow:scroll"> - <a href="layout-algorithm_algo-cross-line-002.xht">layout-algorithm_algo-cross-line-002</a></td> - <td><a href="reference/layout-algorithm_algo-cross-line-002-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multi-line-wrap-reverse-column-reverse" class=""> - <tr> - <td rowspan="1" title="flex container multiline wrapping-reverse in column-reverse direction."> - <a href="multi-line-wrap-reverse-column-reverse.xht">multi-line-wrap-reverse-column-reverse</a></td> - <td><a href="reference/multi-line-wrap-reverse-column-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multi-line-wrap-reverse-row-reverse" class=""> - <tr> - <td rowspan="1" title="flex container multiline wrapping-reverse in row-reverse direction."> - <a href="multi-line-wrap-reverse-row-reverse.xht">multi-line-wrap-reverse-row-reverse</a></td> - <td><a href="reference/multi-line-wrap-reverse-row-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multi-line-wrap-with-column-reverse" class=""> - <tr> - <td rowspan="1" title="flex container multiline wrapping in column-reverse direction"> - <a href="multi-line-wrap-with-column-reverse.xht">multi-line-wrap-with-column-reverse</a></td> - <td><a href="reference/multi-line-wrap-with-column-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="multi-line-wrap-with-row-reverse" class=""> - <tr> - <td rowspan="1" title="flex container multiline wrapping in row-reverse direction"> - <a href="multi-line-wrap-with-row-reverse.xht">multi-line-wrap-with-row-reverse</a></td> - <td><a href="reference/multi-line-wrap-with-row-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="negative-margins-001" class=""> - <tr> - <td rowspan="1" title="Negative margins"> - <a href="negative-margins-001.xht">negative-margins-001</a></td> - <td><a href="reference/negative-margins-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="order-with-column-reverse" class=""> - <tr> - <td rowspan="1" title="flex container layout lowest order with column-reverse direction"> - <a href="order-with-column-reverse.xht">order-with-column-reverse</a></td> - <td><a href="reference/order-with-column-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="order-with-row-reverse" class=""> - <tr> - <td rowspan="1" title="flex container layout lowest order with row-reverse direction"> - <a href="order-with-row-reverse.xht">order-with-row-reverse</a></td> - <td><a href="reference/order-with-row-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-flexbox-001" class=""> - <tr> - <td rowspan="1" title="CSS Regions: flowing flexbox elements in region"> - <a href="regions-flexbox-001.xht">regions-flexbox-001</a></td> - <td><a href="reference/regions-flexbox-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="regions-flexbox-002" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: flowing auto-height flexbox elements in region"> - <a href="regions-flexbox-002.xht">regions-flexbox-002</a></td> - <td><a href="reference/regions-flexbox-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-flexbox-003" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: fixed sized region inside a fixed sized flexbox"> - <a href="regions-flexbox-003.xht">regions-flexbox-003</a></td> - <td><a href="reference/regions-flexbox-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="regions-flexbox-004" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: fixed sized region inside an auto height flexbox"> - <a href="regions-flexbox-004.xht">regions-flexbox-004</a></td> - <td><a href="reference/regions-flexbox-002-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="row-flexbox-break" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: row flex container fragmentation"> - <a href="row-flexbox-break.xht">row-flexbox-break</a></td> - <td><a href="reference/row-flexbox-break-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-align-content-center" class=""> - <tr> - <td rowspan="1" title="align-content property - center"> - <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-align-content-end" class=""> - <tr> - <td rowspan="1" title="align-content property - flex-end"> - <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-align-content-space-around" class=""> - <tr> - <td rowspan="1" title="align-content property - space-around"> - <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-align-content-space-between" class=""> - <tr> - <td rowspan="1" title="align-content property - space-between"> - <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-align-content-start" class=""> - <tr> - <td rowspan="1" title="align-content property - flex-start"> - <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-base" class=""> - <tr> - <td rowspan="1" title="display proprety - flex"> - <a href="ttwf-reftest-flex-base.xht">ttwf-reftest-flex-base</a></td> - <td><a href="reference/ttwf-reftest-flex-base-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-direction-column" class=""> - <tr> - <td rowspan="1" title="flex-direction proprety - column"> - <a href="ttwf-reftest-flex-direction-column.xht">ttwf-reftest-flex-direction-column</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-direction-column-reverse" class=""> - <tr> - <td rowspan="1" title="flex-direction proprety - column-reverse"> - <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-direction-row-reverse" class=""> - <tr> - <td rowspan="1" title="flex-direction proprety - row-reverse"> - <a href="ttwf-reftest-flex-direction-row-reverse.xht">ttwf-reftest-flex-direction-row-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-row-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-inline" class=""> - <tr> - <td rowspan="1" title="display proprety - inline-flex"> - <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-order" class=""> - <tr> - <td rowspan="1" title="order proprety - value"> - <a href="ttwf-reftest-flex-order.xht">ttwf-reftest-flex-order</a></td> - <td><a href="reference/ttwf-reftest-flex-order-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-wrap" class=""> - <tr> - <td rowspan="1" title="flex-wrap proprety - wrap"> - <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></td> - <td><a href="reference/ttwf-reftest-flex-wrap-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="ttwf-reftest-flex-wrap-reverse" class=""> - <tr> - <td rowspan="1" title="flex-wrap proprety - wrap-reverse"> - <a href="ttwf-reftest-flex-wrap-reverse.xht">ttwf-reftest-flex-wrap-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-wrap-reverse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="visibility-regions-in-flexbox" class="ahem"> - <tr> - <td rowspan="1" title="CSS Regions: collapsed region flex items"> - <a href="visibility-regions-in-flexbox.xht">visibility-regions-in-flexbox</a></td> - <td><a href="reference/visibility-regions-in-flexbox-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - </table> - - </body> -</html> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list deleted file mode 100644 index 0b6a5a446c1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list +++ /dev/null @@ -1,549 +0,0 @@ - -align-content-001.xht == reference/align-content-001-ref.xht -align-content-002.xht == reference/align-content-001-ref.xht -align-content-003.xht == reference/align-content-001-ref.xht -align-content-004.xht == reference/align-content-001-ref.xht -align-content-005.xht == reference/align-content-001-ref.xht -align-content-006.xht == reference/align-content-001-ref.xht -align-items-001.xht == reference/align-content-001-ref.xht -align-items-002.xht == reference/align-content-001-ref.xht -align-items-003.xht == reference/align-content-001-ref.xht -align-items-004.xht == reference/align-content-001-ref.xht -align-items-005.xht == reference/align-content-001-ref.xht -align-self-001.xht == reference/ref-filled-green-100px-square.xht -align-self-002.xht == reference/ref-filled-green-100px-square.xht -align-self-003.xht == reference/ref-filled-green-100px-square.xht -align-self-004.xht == reference/ref-filled-green-100px-square.xht -align-self-005.xht == reference/ref-filled-green-100px-square.xht -align-self-007.xht == reference/ref-filled-green-100px-square.xht -align-self-008.xht == reference/ref-filled-green-100px-square.xht -align-self-009.xht == reference/ref-filled-green-100px-square.xht -align-self-011.xht == reference/ref-filled-green-100px-square.xht -align-self-012.xht == reference/ref-filled-green-100px-square.xht -align-self-013.xht == reference/ref-filled-green-100px-square.xht -autoheight-flexbox-001.xht == reference/autoheight-flexbox-001-ref.xht -autoheight-flexbox-002.xht == reference/regions-flexbox-002-ref.xht -autoheight-flexbox-003.xht == reference/autoheight-flexbox-003-ref.xht -autoheight-flexbox-004.xht == reference/autoheight-flexbox-003-ref.xht -autoheight-regions-in-autoheight-flexbox-001.xht == reference/autoheight-regions-in-autoheight-flexbox-001-ref.xht -autoheight-regions-in-autoheight-flexbox-002.xht == reference/autoheight-regions-in-autoheight-flexbox-002-ref.xht -autoheight-regions-in-autoheight-flexbox-003.xht == reference/autoheight-regions-in-autoheight-flexbox-003-ref.xht -autoheight-regions-in-autoheight-flexbox-004.xht == reference/autoheight-regions-in-autoheight-flexbox-004-ref.xht -autoheight-regions-in-fixed-sized-flexbox-001.xht == reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht -autoheight-regions-in-fixed-sized-flexbox-002.xht == reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht -autoheight-regions-in-fixed-sized-flexbox-003.xht == reference/autoheight-regions-in-fixed-sized-flexbox-003-ref.xht -autoheight-regions-in-fixed-sized-flexbox-004.xht == reference/autoheight-regions-in-fixed-sized-flexbox-004-ref.xht -autoheight-regions-in-fixed-sized-flexbox-005.xht == reference/autoheight-regions-in-fixed-sized-flexbox-005-ref.xht -autoheight-regions-in-fixed-sized-flexbox-006.xht == reference/autoheight-regions-in-fixed-sized-flexbox-006-ref.xht -autoheight-regions-in-fixed-sized-flexbox-007.xht == reference/autoheight-regions-in-fixed-sized-flexbox-007-ref.xht -autoheight-regions-in-fixed-sized-flexbox-008.xht == reference/autoheight-regions-in-fixed-sized-flexbox-008-ref.xht -column-flexbox-break.xht == reference/column-flexbox-break-ref.xht -css-box-justify-content.xht == reference/css-box-justify-content-ref.xht -css-flexbox-column.xht == reference/css-flexbox-column-ref.xht -css-flexbox-column-reverse.xht == reference/css-flexbox-column-ref.xht -css-flexbox-column-reverse-wrap.xht == reference/css-flexbox-column-ref.xht -css-flexbox-column-reverse-wrap-reverse.xht == reference/css-flexbox-column-ref.xht -css-flexbox-column-wrap.xht == reference/css-flexbox-column-ref.xht -css-flexbox-column-wrap-reverse.xht == reference/css-flexbox-column-ref.xht -css-flexbox-height-animation-stretch.xht == reference/css-flexbox-height-animation-stretch-ref.xht -css-flexbox-img-expand-evenly.xht == reference/css-flexbox-img-expand-evenly-ref.xht -css-flexbox-row.xht == reference/css-flexbox-row-ref.xht -css-flexbox-row-reverse.xht == reference/css-flexbox-row-ref.xht -css-flexbox-row-reverse-wrap.xht == reference/css-flexbox-row-ref.xht -css-flexbox-row-reverse-wrap-reverse.xht == reference/css-flexbox-row-ref.xht -css-flexbox-row-wrap.xht == reference/css-flexbox-row-ref.xht -css-flexbox-row-wrap-reverse.xht == reference/css-flexbox-row-ref.xht -css-flexbox-test1.xht == reference/css-flexbox-test1-ref.xht -display-flex-001.xht == reference/align-content-001-ref.xht -flex-001.xht == reference/justify-content-001-ref.xht -flex-002.xht == reference/justify-content-001-ref.xht -flex-003.xht == reference/justify-content-001-ref.xht -flex-004.xht == reference/justify-content-001-ref.xht -flex-align-items-center.xht == reference/flex-align-items-center-ref.xht -flex-aspect-ratio-img-column-001.xht == reference/ref-filled-green-100px-square.xht -flex-aspect-ratio-img-column-002.xht == reference/ref-filled-green-100px-square.xht -flex-aspect-ratio-img-column-003.xht == reference/ref-filled-green-100px-square.xht -flex-aspect-ratio-img-row-001.xht == reference/ref-filled-green-100px-square.xht -flex-aspect-ratio-img-row-002.xht == reference/ref-filled-green-100px-square.xht -flex-aspect-ratio-img-row-003.xht == reference/ref-filled-green-100px-square.xht -flex-basis-001.xht == reference/ref-filled-green-100px-square.xht -flex-basis-002.xht == reference/ref-filled-green-100px-square.xht -flex-basis-003.xht == reference/ref-filled-green-100px-square.xht -flex-basis-004.xht == reference/ref-filled-green-100px-square.xht -flex-basis-005.xht == reference/ref-filled-green-100px-square.xht -flex-basis-006.xht == reference/ref-filled-green-100px-square.xht -flex-basis-007.xht == reference/ref-filled-green-100px-square.xht -flex-basis-008.xht == reference/ref-filled-green-100px-square.xht -flex-box-wrap.xht == reference/flex-box-wrap-ref.xht -flex-container-margin.xht == reference/flex-container-margin-ref.xht -flex-direction.xht == reference/flex-direction.xht -flex-direction-modify.xht == reference/flex-direction-modify.xht -flex-direction-with-element-insert.xht == reference/flex-direction-with-element-insert.xht -flex-flexitem-childmargin.xht == reference/flex-flexitem-childmargin-ref.xht -flex-flexitem-percentage-prescation.xht == reference/flex-flexitem-percentage-prescation-ref.xht -flex-flow-001.xht == reference/flex-flow-001-ref.xht -flex-flow-002.xht == reference/flex-flow-002-ref.xht -flex-flow-003.xht == reference/flex-flow-002-ref.xht -flex-flow-004.xht == reference/flex-flow-001-ref.xht -flex-flow-005.xht == reference/flex-flow-002-ref.xht -flex-flow-006.xht == reference/flex-flow-002-ref.xht -flex-flow-007.xht == reference/flex-flow-007-ref.xht -flex-flow-008.xht == reference/flex-flow-002-ref.xht -flex-flow-009.xht == reference/flex-flow-002-ref.xht -flex-flow-010.xht == reference/flex-flow-007-ref.xht -flex-flow-011.xht == reference/flex-flow-002-ref.xht -flex-flow-012.xht == reference/flex-flow-002-ref.xht -flex-grow-001.xht == reference/flex-grow-001-ref.xht -flex-grow-002.xht == reference/ref-filled-green-100px-square.xht -flex-grow-003.xht == reference/ref-filled-green-100px-square.xht -flex-grow-004.xht == reference/ref-filled-green-100px-square.xht -flex-grow-005.xht == reference/ref-filled-green-100px-square.xht -flex-grow-006.xht == reference/ref-filled-green-100px-square.xht -flex-items-flexibility.xht == reference/flex-items-flexibility.xht -flex-margin-no-collapse.xht == reference/flex-margin-no-collapse-ref.xht -flex-minimum-height-flex-items-001.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-height-flex-items-002.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-height-flex-items-003.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-height-flex-items-004.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-height-flex-items-005.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-height-flex-items-006.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-height-flex-items-007.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-height-flex-items-008.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-001.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-002.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-003.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-004.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-005.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-006.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-007.xht == reference/ref-filled-green-100px-square.xht -flex-minimum-width-flex-items-008.xht == reference/ref-filled-green-100px-square.xht -flex-order.xht == reference/flex-order-ref.xht -flex-shrink-001.xht == reference/ref-filled-green-100px-square.xht -flex-shrink-002.xht == reference/ref-filled-green-100px-square.xht -flex-shrink-003.xht == reference/ref-filled-green-100px-square.xht -flex-shrink-004.xht == reference/ref-filled-green-100px-square.xht -flex-shrink-005.xht == reference/ref-filled-green-100px-square.xht -flex-shrink-006.xht == reference/ref-filled-green-100px-square.xht -flex-shrink-007.xht == reference/ref-filled-green-100px-square.xht -flex-vertical-align-effect.xht == reference/flex-vertical-align-effect.xht -flexbox-abspos-child-001a.xht == reference/flexbox-abspos-child-001-ref.xht -flexbox-abspos-child-001b.xht == reference/flexbox-abspos-child-001-ref.xht -flexbox-align-content-horiz-001a.xht == reference/flexbox-align-content-horiz-001-ref.xht -flexbox-align-content-horiz-001b.xht == reference/flexbox-align-content-horiz-001-ref.xht -flexbox-align-content-vert-001a.xht == reference/flexbox-align-content-vert-001-ref.xht -flexbox-align-content-vert-001b.xht == reference/flexbox-align-content-vert-001-ref.xht -flexbox-align-self-baseline-horiz-001a.xht == reference/flexbox-align-self-baseline-horiz-001-ref.xht -flexbox-align-self-baseline-horiz-001b.xht == reference/flexbox-align-self-baseline-horiz-001-ref.xht -flexbox-align-self-baseline-horiz-002.xht == reference/flexbox-align-self-baseline-horiz-002-ref.xht -flexbox-align-self-baseline-horiz-003.xht == reference/flexbox-align-self-baseline-horiz-003-ref.xht -flexbox-align-self-baseline-horiz-004.xht == reference/flexbox-align-self-baseline-horiz-004-ref.xht -flexbox-align-self-baseline-horiz-005.xht == reference/flexbox-align-self-baseline-horiz-005-ref.xht -flexbox-align-self-baseline-horiz-006.xht == reference/flexbox-align-self-baseline-horiz-006-ref.xht -flexbox-align-self-baseline-horiz-007.xht == reference/flexbox-align-self-baseline-horiz-007-ref.xht -flexbox-align-self-horiz-001-block.xht == reference/flexbox-align-self-horiz-001-ref.xht -flexbox-align-self-horiz-001-table.xht == reference/flexbox-align-self-horiz-001-ref.xht -flexbox-align-self-horiz-002.xht == reference/flexbox-align-self-horiz-002-ref.xht -flexbox-align-self-horiz-003.xht == reference/flexbox-align-self-horiz-003-ref.xht -flexbox-align-self-horiz-004.xht == reference/flexbox-align-self-horiz-004-ref.xht -flexbox-align-self-horiz-005.xht == reference/flexbox-align-self-horiz-005-ref.xht -flexbox-align-self-stretch-vert-001.xht == reference/flexbox-align-self-stretch-vert-001-ref.xht -flexbox-align-self-stretch-vert-002.xht == reference/flexbox-align-self-stretch-vert-002-ref.xht -flexbox-align-self-vert-001.xht == reference/flexbox-align-self-vert-001-ref.xht -flexbox-align-self-vert-002.xht == reference/flexbox-align-self-vert-002-ref.xht -flexbox-align-self-vert-003.xht == reference/flexbox-align-self-vert-003-ref.xht -flexbox-align-self-vert-004.xht == reference/flexbox-align-self-vert-004-ref.xht -flexbox-align-self-vert-rtl-001.xht == reference/flexbox-align-self-vert-rtl-001-ref.xht -flexbox-align-self-vert-rtl-002.xht == reference/flexbox-align-self-vert-rtl-002-ref.xht -flexbox-align-self-vert-rtl-003.xht == reference/flexbox-align-self-vert-rtl-003-ref.xht -flexbox-align-self-vert-rtl-004.xht == reference/flexbox-align-self-vert-rtl-004-ref.xht -flexbox-anonymous-items-001.xht == reference/flexbox-anonymous-items-001-ref.xht -flexbox-baseline-align-self-baseline-horiz-001.xht == reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht -flexbox-baseline-align-self-baseline-vert-001.xht == reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht -flexbox-baseline-empty-001a.xht == reference/flexbox-baseline-empty-001-ref.xht -flexbox-baseline-empty-001b.xht == reference/flexbox-baseline-empty-001-ref.xht -flexbox-baseline-multi-item-horiz-001.xht == reference/flexbox-baseline-multi-item-horiz-001-ref.xht -flexbox-baseline-multi-item-vert-001.xht == reference/flexbox-baseline-multi-item-vert-001-ref.xht -flexbox-baseline-multi-line-horiz-001.xht == reference/flexbox-baseline-multi-line-horiz-001-ref.xht -flexbox-baseline-multi-line-horiz-002.xht == reference/flexbox-baseline-multi-line-horiz-002-ref.xht -flexbox-baseline-multi-line-horiz-003.xht == reference/flexbox-baseline-multi-line-horiz-003-ref.xht -flexbox-baseline-multi-line-horiz-004.xht == reference/flexbox-baseline-multi-line-horiz-004-ref.xht -flexbox-baseline-multi-line-vert-001.xht == reference/flexbox-baseline-multi-line-vert-001-ref.xht -flexbox-baseline-multi-line-vert-002.xht == reference/flexbox-baseline-multi-line-vert-002-ref.xht -flexbox-baseline-single-item-001a.xht == reference/flexbox-baseline-single-item-001-ref.xht -flexbox-baseline-single-item-001b.xht == reference/flexbox-baseline-single-item-001-ref.xht -flexbox-basic-block-horiz-001.xht == reference/flexbox-basic-block-horiz-001-ref.xht -flexbox-basic-block-vert-001.xht == reference/flexbox-basic-block-vert-001-ref.xht -flexbox-basic-canvas-horiz-001.xht == reference/flexbox-basic-canvas-horiz-001-ref.xht -flexbox-basic-canvas-vert-001.xht == reference/flexbox-basic-canvas-vert-001-ref.xht -flexbox-basic-fieldset-horiz-001.xht == reference/flexbox-basic-fieldset-horiz-001-ref.xht -flexbox-basic-fieldset-vert-001.xht == reference/flexbox-basic-fieldset-vert-001-ref.xht -flexbox-basic-iframe-horiz-001.xht == reference/flexbox-basic-iframe-horiz-001-ref.xht -flexbox-basic-iframe-vert-001.xht == reference/flexbox-basic-iframe-vert-001-ref.xht -flexbox-basic-img-horiz-001.xht == reference/flexbox-basic-img-horiz-001-ref.xht -flexbox-basic-img-vert-001.xht == reference/flexbox-basic-img-vert-001-ref.xht -flexbox-basic-textarea-horiz-001.xht == reference/flexbox-basic-textarea-horiz-001-ref.xht -flexbox-basic-textarea-vert-001.xht == reference/flexbox-basic-textarea-vert-001-ref.xht -flexbox-basic-video-horiz-001.xht == reference/flexbox-basic-video-horiz-001-ref.xht -flexbox-basic-video-vert-001.xht == reference/flexbox-basic-video-vert-001-ref.xht -flexbox-break-request-horiz-001a.xht == reference/flexbox-break-request-horiz-001-ref.xht -flexbox-break-request-horiz-001b.xht == reference/flexbox-break-request-horiz-001-ref.xht -flexbox-break-request-horiz-002a.xht == reference/flexbox-break-request-horiz-002-ref.xht -flexbox-break-request-horiz-002b.xht == reference/flexbox-break-request-horiz-002-ref.xht -flexbox-break-request-vert-001a.xht == reference/flexbox-break-request-vert-001-ref.xht -flexbox-break-request-vert-001b.xht == reference/flexbox-break-request-vert-001-ref.xht -flexbox-break-request-vert-002a.xht == reference/flexbox-break-request-vert-002-ref.xht -flexbox-break-request-vert-002b.xht == reference/flexbox-break-request-vert-002-ref.xht -flexbox-collapsed-item-baseline-001.xht == reference/flexbox-collapsed-item-baseline-001-ref.xht -flexbox-collapsed-item-horiz-001.xht == reference/flexbox-collapsed-item-horiz-001-ref.xht -flexbox-collapsed-item-horiz-002.xht == reference/flexbox-collapsed-item-horiz-002-ref.xht -flexbox-collapsed-item-horiz-003.xht == reference/flexbox-collapsed-item-horiz-003-ref.xht -flexbox-flex-direction-column.xht == reference/flexbox-flex-direction-ref.xht -flexbox-flex-direction-column-reverse.xht == reference/flexbox-flex-direction-ref.xht -flexbox-flex-direction-default.xht == reference/flexbox-flex-direction-ref.xht -flexbox-flex-direction-row.xht == reference/flexbox-flex-direction-ref.xht -flexbox-flex-direction-row-reverse.xht == reference/flexbox-flex-direction-ref.xht -flexbox-flex-flow-001.xht == reference/flexbox-flex-flow-001-ref.xht -flexbox-flex-flow-002.xht == reference/flexbox-flex-flow-002-ref.xht -flexbox-flex-wrap-default.xht == reference/flexbox-flex-wrap-nowrap-ref.xht -flexbox-flex-wrap-flexing.xht == reference/flexbox-flex-wrap-flexing-ref.xht -flexbox-flex-wrap-horiz-001.xht == reference/flexbox-flex-wrap-horiz-001-ref.xht -flexbox-flex-wrap-horiz-002.xht == reference/flexbox-flex-wrap-horiz-002-ref.xht -flexbox-flex-wrap-nowrap.xht == reference/flexbox-flex-wrap-nowrap-ref.xht -flexbox-flex-wrap-vert-001.xht == reference/flexbox-flex-wrap-vert-001-ref.xht -flexbox-flex-wrap-vert-002.xht == reference/flexbox-flex-wrap-vert-002-ref.xht -flexbox-flex-wrap-wrap.xht == reference/flexbox-flex-direction-ref.xht -flexbox-flex-wrap-wrap-reverse.xht == reference/flexbox-flex-direction-ref.xht -flexbox-intrinsic-ratio-001.xht == reference/flexbox-intrinsic-ratio-001-ref.xht -flexbox-intrinsic-ratio-002.xht == reference/flexbox-intrinsic-ratio-001-ref.xht -flexbox-intrinsic-ratio-003.xht == reference/flexbox-intrinsic-ratio-003-ref.xht -flexbox-intrinsic-ratio-004.xht == reference/flexbox-intrinsic-ratio-004-ref.xht -flexbox-intrinsic-ratio-005.xht == reference/flexbox-intrinsic-ratio-005-ref.xht -flexbox-intrinsic-ratio-006.xht == reference/flexbox-intrinsic-ratio-006-ref.xht -flexbox-items-as-stacking-contexts-001.xht == reference/flexbox-items-as-stacking-contexts-001-ref.xht -flexbox-items-as-stacking-contexts-002.xht == reference/flexbox-items-as-stacking-contexts-002-ref.xht -flexbox-items-as-stacking-contexts-003.xht == reference/flexbox-items-as-stacking-contexts-003-ref.xht -flexbox-justify-content-horiz-001a.xht == reference/flexbox-justify-content-horiz-001-ref.xht -flexbox-justify-content-horiz-001b.xht == reference/flexbox-justify-content-horiz-001-ref.xht -flexbox-justify-content-horiz-002.xht == reference/flexbox-justify-content-horiz-002-ref.xht -flexbox-justify-content-horiz-003.xht == reference/flexbox-justify-content-horiz-003-ref.xht -flexbox-justify-content-horiz-004.xht == reference/flexbox-justify-content-horiz-004-ref.xht -flexbox-justify-content-horiz-005.xht == reference/flexbox-justify-content-horiz-005-ref.xht -flexbox-justify-content-vert-001a.xht == reference/flexbox-justify-content-vert-001-ref.xht -flexbox-justify-content-vert-001b.xht == reference/flexbox-justify-content-vert-001-ref.xht -flexbox-justify-content-vert-002.xht == reference/flexbox-justify-content-vert-002-ref.xht -flexbox-justify-content-vert-003.xht == reference/flexbox-justify-content-vert-003-ref.xht -flexbox-justify-content-vert-004.xht == reference/flexbox-justify-content-vert-004-ref.xht -flexbox-justify-content-vert-005.xht == reference/flexbox-justify-content-vert-005-ref.xht -flexbox-margin-auto-horiz-001.xht == reference/flexbox-margin-auto-horiz-001-ref.xht -flexbox-margin-auto-horiz-002.xht == reference/flexbox-margin-auto-horiz-002-ref.xht -flexbox-mbp-horiz-001.xht == reference/flexbox-mbp-horiz-001-ref.xht -flexbox-mbp-horiz-001-reverse.xht == reference/flexbox-mbp-horiz-001-reverse-ref.xht -flexbox-mbp-horiz-001-rtl.xht == reference/flexbox-mbp-horiz-001-reverse-ref.xht -flexbox-mbp-horiz-001-rtl-reverse.xht == reference/flexbox-mbp-horiz-001-ref.xht -flexbox-mbp-horiz-002a.xht == reference/flexbox-mbp-horiz-002-ref.xht -flexbox-mbp-horiz-002b.xht == reference/flexbox-mbp-horiz-002-ref.xht -flexbox-mbp-horiz-003.xht == reference/flexbox-mbp-horiz-003-ref.xht -flexbox-mbp-horiz-003-reverse.xht == reference/flexbox-mbp-horiz-003-reverse-ref.xht -flexbox-mbp-horiz-004.xht == reference/flexbox-mbp-horiz-004-ref.xht -flexbox-min-height-auto-001.xht == reference/flexbox-min-height-auto-001-ref.xht -flexbox-min-height-auto-002a.xht == reference/flexbox-min-height-auto-002-ref.xht -flexbox-min-height-auto-002b.xht == reference/flexbox-min-height-auto-002-ref.xht -flexbox-min-height-auto-002c.xht == reference/flexbox-min-height-auto-002-ref.xht -flexbox-min-height-auto-003.xht == reference/flexbox-min-height-auto-003-ref.xht -flexbox-min-height-auto-004.xht == reference/flexbox-min-height-auto-004-ref.xht -flexbox-min-width-auto-001.xht == reference/flexbox-min-width-auto-001-ref.xht -flexbox-min-width-auto-002a.xht == reference/flexbox-min-width-auto-002-ref.xht -flexbox-min-width-auto-002b.xht == reference/flexbox-min-width-auto-002-ref.xht -flexbox-min-width-auto-002c.xht == reference/flexbox-min-width-auto-002-ref.xht -flexbox-min-width-auto-003.xht == reference/flexbox-min-width-auto-003-ref.xht -flexbox-min-width-auto-004.xht == reference/flexbox-min-width-auto-004-ref.xht -flexbox-overflow-horiz-001.xht == reference/flexbox-overflow-horiz-001-ref.xht -flexbox-overflow-horiz-002.xht == reference/flexbox-overflow-horiz-002-ref.xht -flexbox-overflow-horiz-003.xht == reference/flexbox-overflow-horiz-003-ref.xht -flexbox-overflow-horiz-004.xht == reference/flexbox-overflow-horiz-004-ref.xht -flexbox-overflow-horiz-005.xht == reference/flexbox-overflow-horiz-005-ref.xht -flexbox-overflow-vert-001.xht == reference/flexbox-overflow-vert-001-ref.xht -flexbox-overflow-vert-002.xht == reference/flexbox-overflow-vert-002-ref.xht -flexbox-overflow-vert-003.xht == reference/flexbox-overflow-vert-003-ref.xht -flexbox-overflow-vert-004.xht == reference/flexbox-overflow-vert-004-ref.xht -flexbox-overflow-vert-005.xht == reference/flexbox-overflow-vert-005-ref.xht -flexbox-paint-ordering-001.xht == reference/flexbox-paint-ordering-001-ref.xht -flexbox-paint-ordering-002.xht == reference/flexbox-paint-ordering-002-ref.xht -flexbox-root-node-001a.xht == reference/flexbox-root-node-001-ref.xht -flexbox-root-node-001b.xht == reference/flexbox-root-node-001-ref.xht -flexbox-single-line-clamp-1.xht == reference/flexbox-single-line-clamp-1-ref.xht -flexbox-single-line-clamp-2.xht == reference/flexbox-single-line-clamp-2-ref.xht -flexbox-single-line-clamp-3.xht == reference/flexbox-single-line-clamp-3-ref.xht -flexbox-sizing-horiz-001.xht == reference/flexbox-sizing-horiz-001-ref.xht -flexbox-sizing-horiz-002.xht == reference/flexbox-sizing-horiz-002-ref.xht -flexbox-sizing-vert-001.xht == reference/flexbox-sizing-vert-001-ref.xht -flexbox-sizing-vert-002.xht == reference/flexbox-sizing-vert-002-ref.xht -flexbox-table-fixup-001.xht == reference/flexbox-table-fixup-001-ref.xht -flexbox-whitespace-handling-001a.xht == reference/flexbox-whitespace-handling-001-ref.xht -flexbox-whitespace-handling-001b.xht == reference/flexbox-whitespace-handling-001-ref.xht -flexbox-whitespace-handling-002.xht == reference/flexbox-whitespace-handling-002-ref.xht -flexbox-with-pseudo-elements-001.xht == reference/flexbox-with-pseudo-elements-001-ref.xht -flexbox-with-pseudo-elements-002.xht == reference/flexbox-with-pseudo-elements-002-ref.xht -flexbox-with-pseudo-elements-003.xht == reference/flexbox-with-pseudo-elements-003-ref.xht -flexbox-writing-mode-001.xht == reference/flexbox-writing-mode-001-ref.xht -flexbox-writing-mode-002.xht == reference/flexbox-writing-mode-002-ref.xht -flexbox-writing-mode-003.xht == reference/flexbox-writing-mode-003-ref.xht -flexbox-writing-mode-004.xht == reference/flexbox-writing-mode-004-ref.xht -flexbox-writing-mode-005.xht == reference/flexbox-writing-mode-005-ref.xht -flexbox-writing-mode-006.xht == reference/flexbox-writing-mode-006-ref.xht -flexbox-writing-mode-007.xht == reference/flexbox-writing-mode-007-ref.xht -flexbox-writing-mode-008.xht == reference/flexbox-writing-mode-008-ref.xht -flexbox-writing-mode-009.xht == reference/flexbox-writing-mode-009-ref.xht -flexbox_absolute-atomic.xht == reference/flexbox_absolute-atomic-ref.xht -flexbox_align-content-center.xht == reference/flexbox_align-content-center-ref.xht -flexbox_align-content-flexend.xht == reference/flexbox_align-content-flexend-ref.xht -flexbox_align-content-flexstart.xht == reference/flexbox_align-content-flexstart-ref.xht -flexbox_align-content-spacearound.xht == reference/flexbox_align-content-spacearound-ref.xht -flexbox_align-content-spacebetween.xht == reference/flexbox_align-content-spacebetween-ref.xht -flexbox_align-content-stretch.xht == reference/flexbox_align-content-stretch-ref.xht -flexbox_align-content-stretch-2.xht == reference/flexbox_align-content-stretch-2-ref.xht -flexbox_align-items-baseline.xht == reference/flexbox_align-items-baseline-ref.xht -flexbox_align-items-center.xht == reference/flexbox_align-items-center-ref.xht -flexbox_align-items-center-2.xht == reference/flexbox_align-items-center-2-ref.xht -flexbox_align-items-flexend.xht == reference/flexbox_align-items-flexend-ref.xht -flexbox_align-items-flexend-2.xht == reference/flexbox_align-items-flexend-2-ref.xht -flexbox_align-items-flexstart.xht == reference/flexbox_align-items-flexstart-ref.xht -flexbox_align-items-flexstart-2.xht == reference/flexbox_align-items-flexstart-2-ref.xht -flexbox_align-items-stretch.xht == reference/flexbox_align-items-stretch-ref.xht -flexbox_align-items-stretch-2.xht == reference/flexbox_align-items-stretch-2-ref.xht -flexbox_align-items-stretch-writing-modes.xht == reference/flexbox_align-items-stretch-writing-modes-ref.xht -flexbox_align-self-auto.xht == reference/flexbox_align-self-auto-ref.xht -flexbox_align-self-baseline.xht == reference/flexbox_align-self-baseline-ref.xht -flexbox_align-self-center.xht == reference/flexbox_align-self-center-ref.xht -flexbox_align-self-flexend.xht == reference/flexbox_align-self-flexend-ref.xht -flexbox_align-self-flexstart.xht == reference/flexbox_align-self-flexstart-ref.xht -flexbox_align-self-stretch.xht == reference/flexbox_align-self-stretch-ref.xht -flexbox_block.xht == reference/flexbox_empty-ref.xht -flexbox_box-clear.xht == reference/flexbox_box-clear-ref.xht -flexbox_columns.xht == reference/flexbox_columns-ref.xht -flexbox_columns-flexitems.xht == reference/flexbox_columns-flexitems-ref.xht -flexbox_columns-flexitems-2.xht == reference/flexbox_columns-flexitems-2-ref.xht -flexbox_direction-column.xht == reference/flexbox_direction-column-ref.xht -flexbox_direction-column-reverse.xht == reference/flexbox_direction-column-reverse-ref.xht -flexbox_direction-row-reverse.xht == reference/flexbox_direction-row-reverse-ref.xht -flexbox_display.xht == reference/flexbox_display-ref.xht -flexbox_fbfc.xht == reference/flexbox_fbfc-ref.xht -flexbox_fbfc2.xht == reference/flexbox_fbfc2-ref.xht -flexbox_first-line.xht == reference/flexbox_first-line-ref.xht -flexbox_flex-0-0.xht == reference/flexbox_flex-0-0-0-ref.xht -flexbox_flex-0-0-0.xht == reference/flexbox_flex-0-0-0-ref.xht -flexbox_flex-0-0-0-unitless.xht == reference/flexbox_flex-0-0-0-ref.xht -flexbox_flex-0-0-1-unitless-basis.xht == reference/flexbox_flex-unitless-basis-ref.xht -flexbox_flex-0-0-auto.xht == reference/flexbox_flex-0-0-auto-ref.xht -flexbox_flex-0-0-auto-shrink.xht == reference/flexbox_flex-0-0-auto-shrink-ref.xht -flexbox_flex-0-0-N.xht == reference/flexbox_flex-0-0-N-ref.xht -flexbox_flex-0-0-N-shrink.xht == reference/flexbox_flex-0-0-N-shrink-ref.xht -flexbox_flex-0-0-N-unitless-basis.xht == reference/flexbox_flex-unitless-basis-ref.xht -flexbox_flex-0-0-Npercent.xht == reference/flexbox_flex-0-0-Npercent-ref.xht -flexbox_flex-0-0-Npercent-shrink.xht == reference/flexbox_flex-0-0-Npercent-shrink-ref.xht -flexbox_flex-0-1.xht == reference/flexbox_flex-0-1-0-ref.xht -flexbox_flex-0-1-0.xht == reference/flexbox_flex-0-1-0-ref.xht -flexbox_flex-0-1-0-unitless.xht == reference/flexbox_flex-0-1-0-ref.xht -flexbox_flex-0-1-1-unitless-basis.xht == reference/flexbox_flex-unitless-basis-ref.xht -flexbox_flex-0-1-auto.xht == reference/flexbox_flex-0-1-auto-ref.xht -flexbox_flex-0-1-auto-shrink.xht == reference/flexbox_flex-0-1-auto-shrink-ref.xht -flexbox_flex-0-1-N.xht == reference/flexbox_flex-0-1-N-ref.xht -flexbox_flex-0-1-N-shrink.xht == reference/flexbox_flex-0-1-N-shrink-ref.xht -flexbox_flex-0-1-N-unitless-basis.xht == reference/flexbox_flex-unitless-basis-ref.xht -flexbox_flex-0-1-Npercent.xht == reference/flexbox_flex-0-1-Npercent-ref.xht -flexbox_flex-0-1-Npercent-shrink.xht == reference/flexbox_flex-0-1-Npercent-shrink-ref.xht -flexbox_flex-0-auto.xht == reference/flexbox_flex-initial-ref.xht -flexbox_flex-0-N.xht == reference/flexbox_flex-0-N-0-ref.xht -flexbox_flex-0-N-0.xht == reference/flexbox_flex-0-N-0-ref.xht -flexbox_flex-0-N-0-unitless.xht == reference/flexbox_flex-0-N-0-ref.xht -flexbox_flex-0-N-auto.xht == reference/flexbox_flex-0-N-auto-ref.xht -flexbox_flex-0-N-auto-shrink.xht == reference/flexbox_flex-0-N-auto-shrink-ref.xht -flexbox_flex-0-N-N.xht == reference/flexbox_flex-0-N-N-ref.xht -flexbox_flex-0-N-N-shrink.xht == reference/flexbox_flex-0-N-N-shrink-ref.xht -flexbox_flex-0-N-Npercent.xht == reference/flexbox_flex-0-N-Npercent-ref.xht -flexbox_flex-0-N-Npercent-shrink.xht == reference/flexbox_flex-0-N-Npercent-shrink-ref.xht -flexbox_flex-1-0.xht == reference/flexbox_flex-1-0-0-ref.xht -flexbox_flex-1-0-0.xht == reference/flexbox_flex-1-0-0-ref.xht -flexbox_flex-1-0-0-unitless.xht == reference/flexbox_flex-1-0-0-ref.xht -flexbox_flex-1-0-auto.xht == reference/flexbox_flex-1-0-auto-ref.xht -flexbox_flex-1-0-auto-shrink.xht == reference/flexbox_flex-1-0-auto-shrink-ref.xht -flexbox_flex-1-0-N.xht == reference/flexbox_flex-1-0-N-ref.xht -flexbox_flex-1-0-N-shrink.xht == reference/flexbox_flex-1-0-N-shrink-ref.xht -flexbox_flex-1-0-Npercent.xht == reference/flexbox_flex-1-0-Npercent-ref.xht -flexbox_flex-1-0-Npercent-shrink.xht == reference/flexbox_flex-1-0-Npercent-shrink-ref.xht -flexbox_flex-1-1.xht == reference/flexbox_flex-1-1-0-ref.xht -flexbox_flex-1-1-0.xht == reference/flexbox_flex-1-1-0-ref.xht -flexbox_flex-1-1-0-unitless.xht == reference/flexbox_flex-1-1-0-ref.xht -flexbox_flex-1-1-auto.xht == reference/flexbox_flex-1-1-auto-ref.xht -flexbox_flex-1-1-auto-shrink.xht == reference/flexbox_flex-1-1-auto-shrink-ref.xht -flexbox_flex-1-1-N.xht == reference/flexbox_flex-1-1-N-ref.xht -flexbox_flex-1-1-N-shrink.xht == reference/flexbox_flex-1-1-N-shrink-ref.xht -flexbox_flex-1-1-Npercent.xht == reference/flexbox_flex-1-1-Npercent-ref.xht -flexbox_flex-1-1-Npercent-shrink.xht == reference/flexbox_flex-1-1-Npercent-shrink-ref.xht -flexbox_flex-1-N.xht == reference/flexbox_flex-1-N-0-ref.xht -flexbox_flex-1-N-0.xht == reference/flexbox_flex-1-N-0-ref.xht -flexbox_flex-1-N-0-unitless.xht == reference/flexbox_flex-1-N-0-ref.xht -flexbox_flex-1-N-auto.xht == reference/flexbox_flex-1-N-auto-ref.xht -flexbox_flex-1-N-auto-shrink.xht == reference/flexbox_flex-1-N-auto-shrink-ref.xht -flexbox_flex-1-N-N.xht == reference/flexbox_flex-1-N-N-ref.xht -flexbox_flex-1-N-N-shrink.xht == reference/flexbox_flex-1-N-N-shrink-ref.xht -flexbox_flex-1-N-Npercent.xht == reference/flexbox_flex-1-N-Npercent-ref.xht -flexbox_flex-1-N-Npercent-shrink.xht == reference/flexbox_flex-1-N-Npercent-shrink-ref.xht -flexbox_flex-auto.xht == reference/flexbox_flex-auto-ref.xht -flexbox_flex-basis.xht == reference/flexbox_flex-basis-ref.xht -flexbox_flex-basis-shrink.xht == reference/flexbox_flex-basis-shrink-ref.xht -flexbox_flex-formatting-interop.xht == reference/flexbox_flex-formatting-interop-ref.xht -flexbox_flex-initial.xht == reference/flexbox_flex-initial-ref.xht -flexbox_flex-initial-2.xht == reference/flexbox_flex-initial-2-ref.xht -flexbox_flex-N-0.xht == reference/flexbox_flex-N-0-0-ref.xht -flexbox_flex-N-0-0.xht == reference/flexbox_flex-N-0-0-ref.xht -flexbox_flex-N-0-0-unitless.xht == reference/flexbox_flex-N-0-0-ref.xht -flexbox_flex-N-0-auto.xht == reference/flexbox_flex-N-0-auto-ref.xht -flexbox_flex-N-0-auto-shrink.xht == reference/flexbox_flex-N-0-auto-shrink-ref.xht -flexbox_flex-N-0-N.xht == reference/flexbox_flex-N-0-N-ref.xht -flexbox_flex-N-0-N-shrink.xht == reference/flexbox_flex-N-0-N-shrink-ref.xht -flexbox_flex-N-0-Npercent.xht == reference/flexbox_flex-N-0-Npercent-ref.xht -flexbox_flex-N-0-Npercent-shrink.xht == reference/flexbox_flex-N-0-Npercent-shrink-ref.xht -flexbox_flex-N-1.xht == reference/flexbox_flex-N-1-0-ref.xht -flexbox_flex-N-1-0.xht == reference/flexbox_flex-N-1-0-ref.xht -flexbox_flex-N-1-0-unitless.xht == reference/flexbox_flex-N-1-0-ref.xht -flexbox_flex-N-1-auto.xht == reference/flexbox_flex-N-1-auto-ref.xht -flexbox_flex-N-1-auto-shrink.xht == reference/flexbox_flex-N-1-auto-shrink-ref.xht -flexbox_flex-N-1-N.xht == reference/flexbox_flex-N-1-N-ref.xht -flexbox_flex-N-1-N-shrink.xht == reference/flexbox_flex-N-1-N-shrink-ref.xht -flexbox_flex-N-1-Npercent.xht == reference/flexbox_flex-N-1-Npercent-ref.xht -flexbox_flex-N-1-Npercent-shrink.xht == reference/flexbox_flex-N-1-Npercent-shrink-ref.xht -flexbox_flex-N-N.xht == reference/flexbox_flex-N-N-0-ref.xht -flexbox_flex-N-N-0.xht == reference/flexbox_flex-N-N-0-ref.xht -flexbox_flex-N-N-0-unitless.xht == reference/flexbox_flex-N-N-0-ref.xht -flexbox_flex-N-N-auto.xht == reference/flexbox_flex-N-N-auto-ref.xht -flexbox_flex-N-N-auto-shrink.xht == reference/flexbox_flex-N-N-auto-shrink-ref.xht -flexbox_flex-N-N-N.xht == reference/flexbox_flex-N-N-N-ref.xht -flexbox_flex-N-N-N-shrink.xht == reference/flexbox_flex-N-N-N-shrink-ref.xht -flexbox_flex-N-N-Npercent.xht == reference/flexbox_flex-N-N-Npercent-ref.xht -flexbox_flex-N-N-Npercent-shrink.xht == reference/flexbox_flex-N-N-Npercent-shrink-ref.xht -flexbox_flex-natural.xht == reference/flexbox_flex-natural-ref.xht -flexbox_flex-natural-mixed-basis.xht == reference/flexbox_flex-natural-mixed-basis-ref.xht -flexbox_flex-natural-mixed-basis-auto.xht == reference/flexbox_flex-natural-mixed-basis-auto-ref.xht -flexbox_flex-natural-variable-auto-basis.xht == reference/flexbox_flex-natural-variable-auto-basis-ref.xht -flexbox_flex-natural-variable-zero-basis.xht == reference/flexbox_flex-natural-variable-zero-basis-ref.xht -flexbox_flex-none.xht == reference/flexbox_flex-none-ref.xht -flexbox_flow-column-reverse-wrap.xht == reference/flexbox_flow-column-reverse-wrap-ref.xht -flexbox_flow-column-reverse-wrap-reverse.xht == reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht -flexbox_flow-column-wrap.xht == reference/flexbox_flow-column-wrap-ref.xht -flexbox_flow-column-wrap-reverse.xht == reference/flexbox_flow-column-wrap-reverse-ref.xht -flexbox_flow-row-wrap.xht == reference/flexbox_flow-row-wrap-ref.xht -flexbox_flow-row-wrap-reverse.xht == reference/flexbox_flow-row-wrap-reverse-ref.xht -flexbox_generated.xht == reference/flexbox_generated-ref.xht -flexbox_generated-flex.xht == reference/flexbox_generated-flex-ref.xht -flexbox_generated-nested-flex.xht == reference/flexbox_generated-flex-ref.xht -flexbox_inline.xht == reference/flexbox_inline-ref.xht -flexbox_inline-abspos.xht == reference/flexbox_empty-ref.xht -flexbox_inline-float.xht == reference/flexbox_empty-ref.xht -flexbox_item-bottom-float.xht == reference/flexbox_item-bottom-float-ref.xht -flexbox_item-clear.xht == reference/flexbox_item-clear-ref.xht -flexbox_item-float.xht == reference/flexbox_item-float-ref.xht -flexbox_item-top-float.xht == reference/flexbox_item-top-float-ref.xht -flexbox_item-vertical-align.xht == reference/flexbox_item-vertical-align-ref.xht -flexbox_justifycontent-center.xht == reference/flexbox_justifycontent-center-ref.xht -flexbox_justifycontent-center-overflow.xht == reference/flexbox_justifycontent-center-overflow-ref.xht -flexbox_justifycontent-flex-end.xht == reference/flexbox_justifycontent-flex-end-ref.xht -flexbox_justifycontent-flex-start.xht == reference/flexbox_justifycontent-flex-start-ref.xht -flexbox_justifycontent-spacearound.xht == reference/flexbox_justifycontent-spacearound-ref.xht -flexbox_justifycontent-spacearound-negative.xht == reference/flexbox_justifycontent-spacearound-negative-ref.xht -flexbox_justifycontent-spacearound-only.xht == reference/flexbox_justifycontent-spacearound-only-ref.xht -flexbox_justifycontent-spacebetween.xht == reference/flexbox_justifycontent-spacebetween-ref.xht -flexbox_justifycontent-spacebetween-negative.xht == reference/flexbox_justifycontent-spacebetween-negative-ref.xht -flexbox_justifycontent-spacebetween-only.xht == reference/flexbox_justifycontent-spacebetween-only-ref.xht -flexbox_margin.xht == reference/flexbox_margin-ref.xht -flexbox_margin-auto.xht == reference/flexbox_margin-auto-ref.xht -flexbox_margin-auto-overflow.xht == reference/flexbox_margin-auto-overflow-ref.xht -flexbox_margin-auto-overflow-2.xht == reference/flexbox_margin-auto-overflow-2-ref.xht -flexbox_margin-collapse.xht == reference/flexbox_margin-collapse-ref.xht -flexbox_margin-left-ex.xht == reference/flexbox_margin-left-ex-ref.xht -flexbox_nested-flex.xht == reference/flexbox_generated-flex-ref.xht -flexbox_object.xht == reference/flexbox_object-ref.xht -flexbox_order.xht == reference/flexbox_order-ref.xht -flexbox_order-abspos-space-around.xht == reference/flexbox_order-abspos-space-around-ref.xht -flexbox_order-box.xht == reference/flexbox_order-box-ref.xht -flexbox_order-noninteger-invalid.xht == reference/flexbox_empty-ref.xht -flexbox_rowspan.xht == reference/flexbox_rowspan-ref.xht -flexbox_rowspan-overflow.xht == reference/flexbox_rowspan-ref.xht -flexbox_rowspan-overflow-automatic.xht == reference/flexbox_rowspan-ref.xht -flexbox_rtl-direction.xht == reference/flexbox_rtl-direction-ref.xht -flexbox_rtl-flow.xht == reference/flexbox_rtl-flow-ref.xht -flexbox_rtl-flow-reverse.xht == reference/flexbox_rtl-flow-reverse-ref.xht -flexbox_rtl-order.xht == reference/flexbox_rtl-order-ref.xht -flexbox_stf-abspos.xht == reference/flexbox_empty-ref.xht -flexbox_stf-float.xht == reference/flexbox_empty-ref.xht -flexbox_stf-inline-block.xht == reference/flexbox_empty-ref.xht -flexbox_stf-table.xht == reference/flexbox_empty-ref.xht -flexbox_stf-table-caption.xht == reference/flexbox_empty-ref.xht -flexbox_stf-table-cell.xht == reference/flexbox_empty-ref.xht -flexbox_stf-table-row.xht == reference/flexbox_empty-ref.xht -flexbox_stf-table-row-group.xht == reference/flexbox_empty-ref.xht -flexbox_stf-table-singleline.xht == reference/flexbox_stf-table-singleline-ref.xht -flexbox_stf-table-singleline-2.xht == reference/flexbox_stf-table-singleline-ref.xht -flexbox_table-fixed-layout.xht == reference/flexbox_empty-ref.xht -flexbox_visibility-collapse.xht == reference/flexbox_visibility-collapse-ref.xht -flexbox_visibility-collapse-line-wrapping.xht == reference/flexbox_visibility-collapse-line-wrapping-ref.xht -flexbox_width-overflow.xht == reference/flexbox_empty-ref.xht -flexbox_wrap.xht == reference/flexbox_wrap-ref.xht -flexbox_wrap-long.xht == reference/flexbox_wrap-long-ref.xht -flexbox_wrap-reverse.xht == reference/flexbox_wrap-reverse-ref.xht -flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht == reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht -flexible-box-float.xht == reference/flex-box-float-ref.xht -Flexible-order.xht == reference/Flexible-order-ref.xht -grid-inline-order-property-auto-placement-001.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-inline-order-property-auto-placement-002.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-inline-order-property-auto-placement-003.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-inline-order-property-auto-placement-004.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-inline-order-property-auto-placement-005.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-inline-order-property-painting-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-order-property-painting-002.xht == reference/ref-filled-green-100px-square.xht -grid-inline-order-property-painting-003.xht == reference/ref-filled-green-100px-square.xht -grid-inline-order-property-painting-004.xht == reference/ref-filled-green-100px-square.xht -grid-inline-order-property-painting-005.xht == reference/ref-filled-green-100px-square.xht -grid-order-property-auto-placement-001.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-order-property-auto-placement-002.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-order-property-auto-placement-003.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-order-property-auto-placement-004.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-order-property-auto-placement-005.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht -grid-order-property-painting-001.xht == reference/ref-filled-green-100px-square.xht -grid-order-property-painting-002.xht == reference/ref-filled-green-100px-square.xht -grid-order-property-painting-003.xht == reference/ref-filled-green-100px-square.xht -grid-order-property-painting-004.xht == reference/ref-filled-green-100px-square.xht -grid-order-property-painting-005.xht == reference/ref-filled-green-100px-square.xht -justify-content-001.xht == reference/justify-content-001-ref.xht -justify-content-002.xht == reference/justify-content-001-ref.xht -justify-content-003.xht == reference/justify-content-001-ref.xht -justify-content-004.xht == reference/justify-content-001-ref.xht -justify-content-005.xht == reference/justify-content-001-ref.xht -layout-algorithm_algo-cross-line-001.xht == reference/layout-algorithm_algo-cross-line-001-ref.xht -layout-algorithm_algo-cross-line-002.xht == reference/layout-algorithm_algo-cross-line-002-ref.xht -multi-line-wrap-reverse-column-reverse.xht == reference/multi-line-wrap-reverse-column-reverse-ref.xht -multi-line-wrap-reverse-row-reverse.xht == reference/multi-line-wrap-reverse-row-reverse-ref.xht -multi-line-wrap-with-column-reverse.xht == reference/multi-line-wrap-with-column-reverse-ref.xht -multi-line-wrap-with-row-reverse.xht == reference/multi-line-wrap-with-row-reverse-ref.xht -negative-margins-001.xht == reference/negative-margins-001-ref.xht -order-with-column-reverse.xht == reference/order-with-column-reverse-ref.xht -order-with-row-reverse.xht == reference/order-with-row-reverse-ref.xht -regions-flexbox-001.xht == reference/regions-flexbox-001-ref.xht -regions-flexbox-002.xht == reference/regions-flexbox-001-ref.xht -regions-flexbox-003.xht == reference/regions-flexbox-001-ref.xht -regions-flexbox-004.xht == reference/regions-flexbox-002-ref.xht -row-flexbox-break.xht == reference/row-flexbox-break-ref.xht -ttwf-reftest-flex-align-content-center.xht == reference/ttwf-reftest-flex-align-content-center-ref.xht -ttwf-reftest-flex-align-content-end.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht -ttwf-reftest-flex-align-content-space-around.xht == reference/ttwf-reftest-flex-align-content-space-around-ref.xht -ttwf-reftest-flex-align-content-space-between.xht == reference/ttwf-reftest-flex-align-content-space-between-ref.xht -ttwf-reftest-flex-align-content-start.xht == reference/ttwf-reftest-flex-align-content-start-ref.xht -ttwf-reftest-flex-base.xht == reference/ttwf-reftest-flex-base-ref.xht -ttwf-reftest-flex-direction-column.xht == reference/ttwf-reftest-flex-direction-column-ref.xht -ttwf-reftest-flex-direction-column-reverse.xht == reference/ttwf-reftest-flex-direction-column-reverse-ref.xht -ttwf-reftest-flex-direction-row-reverse.xht == reference/ttwf-reftest-flex-direction-row-reverse-ref.xht -ttwf-reftest-flex-inline.xht == reference/ttwf-reftest-flex-inline-ref.xht -ttwf-reftest-flex-order.xht == reference/ttwf-reftest-flex-order-ref.xht -ttwf-reftest-flex-wrap.xht == reference/ttwf-reftest-flex-wrap-ref.xht -ttwf-reftest-flex-wrap-reverse.xht == reference/ttwf-reftest-flex-wrap-reverse-ref.xht -visibility-regions-in-flexbox.xht == reference/visibility-regions-in-flexbox-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-001.xht deleted file mode 100644 index c077c263294..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-001.xht +++ /dev/null @@ -1,43 +0,0 @@ -<!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 Regions: flowing flexbox elements in region</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <meta content="Test that flex containers are flowed inside a namedflow." name="assert" /> - <link href="reference/regions-flexbox-001-ref.xht" rel="match" /> - <style> - .flex { - display: flex; - height: 100px; - width: 100px; - background-color: green; - flow-into: flow; - } - - .region { - height: 150px; - width: 200px; - background-color: gray; - flow-from: flow; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray rectangle.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="flex"> - </div> - <div class="region"> - <p class="red"> </p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-002.xht deleted file mode 100644 index 71b9d036b7e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-002.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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 Regions: flowing auto-height flexbox elements in region</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that flex containers with auto height are flowed inside a namedflow." name="assert" /> - <link href="reference/regions-flexbox-001-ref.xht" rel="match" /> - <style> - .flex { - display: flex; - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - - .region { - height: 150px; - width: 200px; - background-color: gray; - flow-from: flow; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray rectangle.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="flex"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - <div class="region"> - <p class="red"> </p> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-003.xht deleted file mode 100644 index fc43ead1bf4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-003.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!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 Regions: fixed sized region inside a fixed sized flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that content is flowed in a region placed inside a flexbox." name="assert" /> - <link href="reference/regions-flexbox-001-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - .region { - width: 100px; - height: 100px; - flow-from: flow; - } - .flex { - display: flex; - height: 150px; - width: 150px; - background-color: gray; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray square positioned at its top left corner.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - <div class="flex"> - <div class="region"> - <p class="red"> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-004.xht deleted file mode 100644 index eb0251ee9a4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/regions-flexbox-004.xht +++ /dev/null @@ -1,55 +0,0 @@ -<!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 Regions: fixed sized region inside an auto height flexbox</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test that content is flowed in a region placed inside a flexbox with auto-height." name="assert" /> - <link href="reference/regions-flexbox-002-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - .region { - width: 100px; - height: 100px; - background-color: red; - flow-from: flow; - } - .flex { - display: flex; - width: 150px; - background-color: gray; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a green square inside a gray rectangle.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX<br /> - XXXXX - </div> - <div class="flex"> - <div class="region"> - <p class="red"> </p> - </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/row-flexbox-break.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/row-flexbox-break.xht deleted file mode 100644 index 84dd0ad10fd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/row-flexbox-break.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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 Regions: row flex container fragmentation</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that a flex container with row flow is split between regions." name="assert" /> - <link href="reference/row-flexbox-break-ref.xht" rel="match" /> - <style> - .flex { - display: flex; - flex-direction: row; - flow-into: flow; - } - - .region { - flow-from: flow; - height: 40px; - margin-bottom: 20px; - } - - .item { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see two horizontal green stripes on the same horizontal line.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="flex"> - <div class="item">XX<br />XX<br />XX<br />XX<br /></div> - <div class="item">XX<br />XX<br />XX<br />XX<br /></div> - </div> - <div class="region"><p class="red"> </p></div> - <div class="region"><p class="red"> </p></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-green.png Binary files differdeleted file mode 100644 index 3f07c9e3bb7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-lime.png Binary files differdeleted file mode 100644 index 1b947700808..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-red.png Binary files differdeleted file mode 100644 index 57bf3ddc521..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x100-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x50-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x50-green.png Binary files differdeleted file mode 100644 index 9dae3116bbf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/100x50-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-green.png Binary files differdeleted file mode 100644 index b98ca0ba0a0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-lime.png Binary files differdeleted file mode 100644 index cb397fb090e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-maroon.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-maroon.png Binary files differdeleted file mode 100644 index 3f86b072195..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-maroon.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-navy.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-navy.png Binary files differdeleted file mode 100644 index 9b9a03955ba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-navy.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-red.png Binary files differdeleted file mode 100644 index 6bd73ac1018..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-white.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-white.png Binary files differdeleted file mode 100644 index dd43faec54a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/1x1-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/200x200-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/200x200-green.png Binary files differdeleted file mode 100644 index 1136e7230b5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/200x200-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/50x100-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/50x100-green.png Binary files differdeleted file mode 100644 index 28546987889..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/50x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-gg-rr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-gg-rr.png Binary files differdeleted file mode 100644 index 84f5b2a4f1d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-gg-rr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-green.png Binary files differdeleted file mode 100644 index b3c8cf3eb4c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-red.png Binary files differdeleted file mode 100644 index 823f125b8e4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/60x60-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/Ahem.ttf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/Ahem.ttf Binary files differdeleted file mode 100644 index ac81cb03165..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/Ahem.ttf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/DejaVuSerif-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/DejaVuSerif-webfont.woff Binary files differdeleted file mode 100644 index 4583cc675d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/DejaVuSerif-webfont.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/README b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/README deleted file mode 100644 index 2e5f2ad0738..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/README +++ /dev/null @@ -1,28 +0,0 @@ -CSS Global Support Directory -============================ - -This directory contains common support files (such as images and external -style sheets). These are sync'ed into the support directories of all our -test suites. If you have test-suite-specific support files, please add -them to the appropriate test-suite-specific support/ directory. - -If you add to a support/ directory, please run the tools/supportprop.py -script from the top of the repository to cascade support files into the -lower-level support directories. - -Description of the Common Support File Collection -------------------------------------------------- - -The 1x1-* images are all exactly one pixel. - -The swatch-* images all use 15x15 cells. - -The square-* images all use 15x15 cells with one pixel borders. - -The pattern-* images use cells of various sizes: - - pattern-grg-rgr-grg.png 20x20 - pattern-rgr-grg-rgr.png 20x20 - pattern-tr.png 15x15 - pattern-grg-rrg-rgg.png 15x15 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/a-green.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/a-green.css deleted file mode 100644 index b0dbb071d5b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/a-green.css +++ /dev/null @@ -1 +0,0 @@ -.a { color: green; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSFWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSFWOrientationTest.otf Binary files differdeleted file mode 100644 index f9cbd2be892..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSFWOrientationTest.otf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differdeleted file mode 100644 index 84ad57bef5a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/LICENSE b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/LICENSE deleted file mode 100644 index ac5f0b04320..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/LICENSE +++ /dev/null @@ -1,31 +0,0 @@ -CSS Half-Width Orientation Test and CSS Full-Width Orientation Test are released under the SIL Open Font License - please read it carefully and do not download the fonts unless you agree to the the terms of the license: -Copyright © 2013 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Names CSS Half-Width Orientation Test and CSS Full-Width Orientation Test -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. -The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. -"Reserved Font Name" refers to any names specified as such after the copyright statement(s). -"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). -"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. -"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: -1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. -2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. -3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. -5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md deleted file mode 100644 index 61f6870554c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md +++ /dev/null @@ -1,43 +0,0 @@ -CSS Orientation Test -==== - -Overview ----- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files -that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. - -Getting Involved ----- -Send suggestions for changes to the CSS Orientation Test project maintainer, lunde@adobe.com, for consideration. - -Building -==== - -Pre-built font binaries ----- -The installable font resources (font binaries) are not part of the source files. -They are available at https://github.com/adobe-fonts/css-orientation-test/ -The latest version of the font binaries is 1.005 (April 4th 2015). - - -Requirements ----- - -For building binary font files from source, installation of the -[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) -is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. - -Building the fonts ----- - -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found -by executing *makeotf -h*. - -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font -for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: - - % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H - % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf - % sfntedit -f CSSFWOrientationTest.otf - -That is all. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ahem.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ahem.css deleted file mode 100644 index 82ee466791e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ahem.css +++ /dev/null @@ -1,4 +0,0 @@ -@font-face { - font-family: "Ahem"; - src: url(./Ahem.ttf); -} diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/b-green.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/b-green.css deleted file mode 100644 index a0473f5ca26..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/b-green.css +++ /dev/null @@ -1 +0,0 @@ -.b { color: green; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-2row-320x320.png Binary files differdeleted file mode 100644 index 7ca197bc06e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-3row-320x320.png Binary files differdeleted file mode 100644 index f5c13ab550d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-1col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-2row-320x320.png Binary files differdeleted file mode 100644 index 4f354e93527..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-3row-320x320.png Binary files differdeleted file mode 100644 index 6eded69a4a3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-2col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-2row-320x320.png Binary files differdeleted file mode 100644 index 5f4b53c46b7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-3row-320x320.png Binary files differdeleted file mode 100644 index 4c2f6c8e632..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-3col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-2row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-2row-320x320.png Binary files differdeleted file mode 100644 index 052d224df11..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-2row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-3row-320x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-3row-320x320.png Binary files differdeleted file mode 100644 index 1826531268a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/bg-red-4col-3row-320x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-025-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-025-exp-res.png Binary files differdeleted file mode 100644 index 851eeea0398..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-025-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-066-exp-res.png Binary files differdeleted file mode 100644 index d325b15a4cf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/block-flow-direction-066-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-220x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-220x1.png Binary files differdeleted file mode 100644 index 3898d5a2d9e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-220x1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-320x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-320x1.png Binary files differdeleted file mode 100644 index 7d9151c848a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-horiz-line-320x1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x220.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x220.png Binary files differdeleted file mode 100644 index 07b0239fc52..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x220.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x320.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x320.png Binary files differdeleted file mode 100644 index 6049e271506..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-vert-line-1x320.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-yellow-206w-165h.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-yellow-206w-165h.png Binary files differdeleted file mode 100644 index 47ceb84d3fb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue-yellow-206w-165h.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue1x1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue1x1.png Binary files differdeleted file mode 100644 index 667b6558892..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue1x1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue20x20.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue20x20.png Binary files differdeleted file mode 100644 index e0af5553303..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/blue20x20.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/c-red.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/c-red.css deleted file mode 100644 index d4ba5c64e95..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/c-red.css +++ /dev/null @@ -1 +0,0 @@ -.c { color: red; }
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/cat.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/cat.png Binary files differdeleted file mode 100644 index 85dd7324815..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/cat.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/check-layout-th.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/check-layout-th.js deleted file mode 100644 index 07f7d5ded82..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/check-layout-th.js +++ /dev/null @@ -1,190 +0,0 @@ -(function() { -// Test is initiated from body.onload, so explicit done() call is required. -setup({ explicit_done: true }); - -function checkSubtreeExpectedValues(t, parent, prefix) -{ - var checkedLayout = checkExpectedValues(t, parent, prefix); - Array.prototype.forEach.call(parent.childNodes, function(node) { - checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); - }); - return checkedLayout; -} - -function checkAttribute(output, node, attribute) -{ - var result = node.getAttribute && node.getAttribute(attribute); - output.checked |= !!result; - return result; -} - -function assert_tolerance(actual, expected, message) -{ - if (isNaN(expected) || Math.abs(actual - expected) >= 1) { - assert_equals(actual, Number(expected), message); - } -} - -function checkExpectedValues(t, node, prefix) -{ - var output = { checked: false }; - - var expectedWidth = checkAttribute(output, node, "data-expected-width"); - if (expectedWidth) { - assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width"); - } - - var expectedHeight = checkAttribute(output, node, "data-expected-height"); - if (expectedHeight) { - assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height"); - } - - var expectedOffset = checkAttribute(output, node, "data-offset-x"); - if (expectedOffset) { - assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft"); - } - - var expectedOffset = checkAttribute(output, node, "data-offset-y"); - if (expectedOffset) { - assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop"); - } - - var expectedWidth = checkAttribute(output, node, "data-expected-client-width"); - if (expectedWidth) { - assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth"); - } - - var expectedHeight = checkAttribute(output, node, "data-expected-client-height"); - if (expectedHeight) { - assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight"); - } - - var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width"); - if (expectedWidth) { - assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth"); - } - - var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height"); - if (expectedHeight) { - assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight"); - } - - var expectedOffset = checkAttribute(output, node, "data-total-x"); - if (expectedOffset) { - var totalLeft = node.clientLeft + node.offsetLeft; - assert_tolerance(totalLeft, expectedOffset, prefix + - "clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")"); - } - - var expectedOffset = checkAttribute(output, node, "data-total-y"); - if (expectedOffset) { - var totalTop = node.clientTop + node.offsetTop; - assert_tolerance(totalTop, expectedOffset, prefix + - "clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")"); - } - - var expectedDisplay = checkAttribute(output, node, "data-expected-display"); - if (expectedDisplay) { - var actualDisplay = getComputedStyle(node).display; - assert_equals(actualDisplay, expectedDisplay, prefix + "display"); - } - - var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top"); - if (expectedPaddingTop) { - var actualPaddingTop = getComputedStyle(node).paddingTop; - // Trim the unit "px" from the output. - actualPaddingTop = actualPaddingTop.slice(0, -2); - assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top"); - } - - var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom"); - if (expectedPaddingBottom) { - var actualPaddingBottom = getComputedStyle(node).paddingBottom; - // Trim the unit "px" from the output. - actualPaddingBottom = actualPaddingBottom.slice(0, -2); - assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom"); - } - - var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left"); - if (expectedPaddingLeft) { - var actualPaddingLeft = getComputedStyle(node).paddingLeft; - // Trim the unit "px" from the output. - actualPaddingLeft = actualPaddingLeft.slice(0, -2); - assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left"); - } - - var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right"); - if (expectedPaddingRight) { - var actualPaddingRight = getComputedStyle(node).paddingRight; - // Trim the unit "px" from the output. - actualPaddingRight = actualPaddingRight.slice(0, -2); - assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right"); - } - - var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top"); - if (expectedMarginTop) { - var actualMarginTop = getComputedStyle(node).marginTop; - // Trim the unit "px" from the output. - actualMarginTop = actualMarginTop.slice(0, -2); - assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top"); - } - - var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom"); - if (expectedMarginBottom) { - var actualMarginBottom = getComputedStyle(node).marginBottom; - // Trim the unit "px" from the output. - actualMarginBottom = actualMarginBottom.slice(0, -2); - assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom"); - } - - var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left"); - if (expectedMarginLeft) { - var actualMarginLeft = getComputedStyle(node).marginLeft; - // Trim the unit "px" from the output. - actualMarginLeft = actualMarginLeft.slice(0, -2); - assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left"); - } - - var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right"); - if (expectedMarginRight) { - var actualMarginRight = getComputedStyle(node).marginRight; - // Trim the unit "px" from the output. - actualMarginRight = actualMarginRight.slice(0, -2); - assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right"); - } - - return output.checked; -} - -window.checkLayout = function(selectorList, outputContainer) -{ - if (!selectorList) { - console.error("You must provide a CSS selector of nodes to check."); - return; - } - var nodes = document.querySelectorAll(selectorList); - var testNumber = 0; - nodes = Array.prototype.slice.call(nodes); - nodes.reverse(); - var checkedLayout = false; - Array.prototype.forEach.call(nodes, function(node) { - test(function(t) { - var container = node.parentNode.className == 'container' ? node.parentNode : node; - var prefix = "\n" + container.outerHTML + "\n"; - var passed = false; - try { - checkedLayout |= checkExpectedValues(t, node.parentNode, prefix); - checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); - passed = true; - } finally { - checkedLayout |= !passed; - } - }, selectorList + ' ' + String(++testNumber)); - }); - if (!checkedLayout) { - console.error("No valid data-* attributes found in selector list : " + selectorList); - } - done(); -}; - -})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-002.png Binary files differdeleted file mode 100644 index 7fc9f14ed6e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-004.png Binary files differdeleted file mode 100644 index 2d1355e3bdb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-004.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-006.png Binary files differdeleted file mode 100644 index 5145c22c485..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/clearance-calculation-vrl-006.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html deleted file mode 100644 index 5af681f14eb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-007 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0 . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html deleted file mode 100644 index d5d94382ea2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-009.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-009 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 400px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html deleted file mode 100644 index 887565e66d4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html deleted file mode 100644 index c38de525145..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-017.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-017 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html deleted file mode 100644 index 66be0f4eba9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-019.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-019 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-lr; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html deleted file mode 100644 index eff5f71a450..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-021.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-021 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-lr; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html deleted file mode 100644 index 2da3bf3dd53..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-023.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-023 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html deleted file mode 100644 index 572557eb339..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-025.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-025 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-lr; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html deleted file mode 100644 index 8537a945fbc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-027.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-027 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html deleted file mode 100644 index 95047f16a92..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-029.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-029 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html deleted file mode 100644 index 4f1aa674eba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-031.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-031 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 40%; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 40% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + -ignore and solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html deleted file mode 100644 index 1f35ff47dd6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vlr-033.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-033 in 'writing-mode: vertical-lr'</title> - - <!-- - position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 20%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 20%; - top: 0px; - width: 20%; - writing-mode: vertical-lr; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 20% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - -ignore and solve : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html deleted file mode 100644 index 3f4f1c935ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-006.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-006 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html deleted file mode 100644 index 1c0bb78e74d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-008.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-008 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: auto; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 1. [If] 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html deleted file mode 100644 index c193112b600..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-014.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-014 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html deleted file mode 100644 index 204a08ef3df..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-016.html +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-016 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - border-left: green solid 25px; - border-right: green solid 75px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - auto : width (set to shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px == 300px) - + - 0px : margin-left - + - 25px : border-left-width - + - 0px : padding-left - + - 0px : width (shrink-to-fit) - + - 0px : padding-right - + - 75px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px. - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html deleted file mode 100644 index a71927cf3a8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-018.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-018 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-rl; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html deleted file mode 100644 index e1054bc2a96..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-020.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-020 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green solid 35px; - border-right: green solid 15px; - height: 100px; - left: auto; - position: absolute; - right: 80%; - top: 0px; - width: 50px; - writing-mode: vertical-rl; - } - - /* - " - 4. [If] 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - auto : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 80% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - (solve) : left - + - 0px : margin-left - + - 35px : border-left-width - + - 0px : padding-left - + - 50px : width - + - 0px : padding-right - + - 15px : border-right-width - + - 0px : margin-right - + - 400px : right (80% of 500px == 400px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 0px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html deleted file mode 100644 index 39f297f1b9c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-022.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-022 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html deleted file mode 100644 index 26e0ec67fd1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-024.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-024 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: 20%; - top: 0px; - width: auto; - writing-mode: vertical-rl; - } - - /* - " - 5. [If] 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - auto : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - solve : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right (20% of 500px == 100px) - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used width value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html deleted file mode 100644 index a0b80d99e3a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-026.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-026 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html deleted file mode 100644 index 62d74144fee..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-028.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-028 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - position: absolute; - right: auto; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - 6. [If] 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right' - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - auto : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html deleted file mode 100644 index 21efbe52bc5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-030.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-030 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block - --> - - <style type="text/css"> - html - { - direction: ltr; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 60%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 40%; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 60% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 40% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - - 300px : left (60% of 500px) - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + -ignore and solve : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used right offset value must be 100px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html deleted file mode 100644 index 748f325d8d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-abs-pos-non-replaced-icb-vrl-032.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html><head> - - <meta content="text/html; charset=UTF-8" http-equiv="content-type"> - - <title>Embedded HTML document for abs-pos-non-replaced-icb-vrl-032 in 'writing-mode: vertical-rl'</title> - - <!-- - position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block - --> - - <style type="text/css"> - html - { - direction: rtl; - } - - div - { - background-color: green; - border-left: green none 0px; - border-right: green none 0px; - height: 100px; - left: 20%; - margin-left: 0px; - margin-right: 0px; - position: absolute; - right: 20%; - top: 0px; - width: 20%; - writing-mode: vertical-rl; - } - - /* - " - If the values are over-constrained, ignore the value for 'left' (in case the 'direction' property of the containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') and solve for that value. - " - 10.3.7 Absolutely positioned, non-replaced elements - http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width - - So: - - 20% : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 20% : width - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 20% : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - becomes - -ignore and solve : left - + - 0px : margin-left - + - 0px : border-left-width - + - 0px : padding-left - + - 100px : width (20% of 500px == 100px) - + - 0px : padding-right - + - 0px : border-right-width - + - 0px : margin-right - + - 100px : right - ==================== - 500px : width of containing block (width of Initial Containing Block) - - so used left offset value must be 300px . - - */ - </style> - </head> - - <body> - - <div></div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-002.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-002.html deleted file mode 100644 index 044da84cff8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-002.html +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-002</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - width: 100px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-004.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-004.html deleted file mode 100644 index 68fca9ad435..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-004.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-004</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - border-right: green solid 20px; - width: 80px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-006.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-006.html deleted file mode 100644 index 38a614d2346..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-006.html +++ /dev/null @@ -1,27 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-006</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - margin-right: 50px; - padding-right: 50px; - width: 50px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-008.html b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-008.html deleted file mode 100644 index 048ad073944..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/embedded-doc-for-background-size-root-vrl-008.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html><head> - - <meta charset="UTF-8"> - - <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> - <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-05-01 --> - - <title>Embedded HTML document for background-size-document-root-vrl-008</title> - - <style> - html - { - background-image: url("swatch-green.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - writing-mode: vertical-rl; - - border-left: white solid 20px; - margin-right: 50px; - padding-right: 50px; - width: 50px; - } - </style> - - </head> - -<body></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/flexbox.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/flexbox.css deleted file mode 100644 index 83502cd144a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/flexbox.css +++ /dev/null @@ -1,143 +0,0 @@ -.flexbox { - display: -webkit-flex; - display: flex; -} -.inline-flexbox { - display: -webkit-inline-flex; - display: inline-flex; -} - -.flex-none { - -webkit-flex: none; - flex: none; -} -.flex-auto { - -webkit-flex: auto; - flex: auto; -} -.flex-one { - -webkit-flex: 1; - flex: 1; -} -.flex-one-one-auto { - -webkit-flex: 1 1 auto; - flex: 1 1 auto; -} - -.row { - -webkit-flex-direction: row; - flex-direction: row; -} -.row-reverse { - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.column { - -webkit-flex-direction: column; - flex-direction: column; -} -.column-reverse { - -webkit-flex-direction: column-reverse; - flex-direction: column-reverse; -} - -.wrap { - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} -.wrap-reverse { - -webkit-flex-wrap: wrap-reverse; - flex-wrap: wrap-reverse; -} - -.align-content-flex-start { - -webkit-align-content: flex-start; - align-content: flex-start; -} -.align-content-flex-end { - -webkit-align-content: flex-end; - align-content: flex-end; -} -.align-content-center { - -webkit-align-content: center; - align-content: center; -} -.align-content-space-between { - -webkit-align-content: space-between; - align-content: space-between; -} -.align-content-space-around { - -webkit-align-content: space-around; - align-content: space-around; -} -.align-content-stretch { - -webkit-align-content: stretch; - align-content: stretch; -} - -.align-items-flex-start { - -webkit-align-items: flex-start; - align-items: flex-start; -} -.align-items-flex-end { - -webkit-align-items: flex-end; - align-items: flex-end; -} -.align-items-center { - -webkit-align-items: center; - align-items: center; -} -.align-items-baseline { - -webkit-align-items: baseline; - align-items: baseline; -} -.align-items-stretch { - -webkit-align-items: stretch; - align-items: stretch; -} - -.align-self-auto { - -webkit-align-self: auto; - align-self: auto; -} -.align-self-flex-start { - -webkit-align-self: flex-start; - align-self: flex-start; -} -.align-self-flex-end { - -webkit-align-self: flex-end; - align-self: flex-end; -} -.align-self-center { - -webkit-align-self: center; - align-self: center; -} -.align-self-baseline { - -webkit-align-self: baseline; - align-self: baseline; -} -.align-self-stretch { - -webkit-align-self: stretch; - align-self: stretch; -} - -.justify-content-flex-start { - -webkit-justify-content: flex-start; - justify-content: flex-start; -} -.justify-content-flex-end { - -webkit-justify-content: flex-end; - justify-content: flex-end; -} -.justify-content-center { - -webkit-justify-content: center; - justify-content: center; -} -.justify-content-space-between { - -webkit-justify-content: space-between; - justify-content: space-between; -} -.justify-content-space-around { - -webkit-justify-content: space-around; - justify-content: space-around; -} diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-slr.png Binary files differdeleted file mode 100644 index ac9b2a30725..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-slr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-srl.png Binary files differdeleted file mode 100644 index da9d401f917..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-srl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-vlr.png Binary files differdeleted file mode 100644 index ebe4df21f63..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/form-controls-vlr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/import-green.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/import-green.css deleted file mode 100644 index 537104e6633..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/import-green.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: green; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/import-red.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/import-red.css deleted file mode 100644 index 9945ef47114..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/import-red.css +++ /dev/null @@ -1 +0,0 @@ -.import { color: red; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-200x300.png Binary files differdeleted file mode 100644 index 6e30eba507a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-green-200x300.png Binary files differdeleted file mode 100644 index 30668751dfb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-bottom-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-200x300.png Binary files differdeleted file mode 100644 index 6025c4e85be..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-green-200x300.png Binary files differdeleted file mode 100644 index b2645c0fe69..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-center-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-side-filled-square-40x160.png Binary files differdeleted file mode 100644 index 86fd7e5671d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-side-filled-square-40x160.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-top-200x300.png Binary files differdeleted file mode 100644 index 43e739acbc2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/left-top-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/margin-collapse-2em-space-wm-vert.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/margin-collapse-2em-space-wm-vert.png Binary files differdeleted file mode 100644 index 8a2fa55efdf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/margin-collapse-2em-space-wm-vert.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/mplus-1p-regular.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/mplus-1p-regular.woff Binary files differdeleted file mode 100644 index 42cfff628b4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/mplus-1p-regular.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/opaque-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/opaque-square-40x160.png Binary files differdeleted file mode 100644 index 11636f5f771..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/opaque-square-40x160.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ortho-htb-alongside-vrl-floats-002-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ortho-htb-alongside-vrl-floats-002-exp-res.png Binary files differdeleted file mode 100644 index 54d35eb05e9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ortho-htb-alongside-vrl-floats-002-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p1.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p1.png Binary files differdeleted file mode 100644 index f5adb11b4b4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p1.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p2.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p2.png Binary files differdeleted file mode 100644 index 7ecf84bae34..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p2.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p3.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p3.png Binary files differdeleted file mode 100644 index d7c58d62243..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p3.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p4.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p4.png Binary files differdeleted file mode 100644 index 04dc0fe2e9e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/page-flow-direction-002p4.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-abs-pos-non-replaced.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-abs-pos-non-replaced.png Binary files differdeleted file mode 100644 index 15fd6065ef6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-abs-pos-non-replaced.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-002.png Binary files differdeleted file mode 100644 index a0db6909418..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-004.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-004.png Binary files differdeleted file mode 100644 index ec130f10f46..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-004.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-006.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-006.png Binary files differdeleted file mode 100644 index 981741b7e53..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-006.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-008.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-008.png Binary files differdeleted file mode 100644 index 9b2a0610e4e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-008.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-010.png Binary files differdeleted file mode 100644 index a2d66146186..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-010.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-012.png Binary files differdeleted file mode 100644 index 23b1beb9cd4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-012.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-014.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-014.png Binary files differdeleted file mode 100644 index 64e081c72f1..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-014.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-016.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-016.png Binary files differdeleted file mode 100644 index 952e0089b8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-016.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-018.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-018.png Binary files differdeleted file mode 100644 index 22f51030c36..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-bg-pos-vrl-018.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-box-offsets-rel-pos.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-box-offsets-rel-pos.png Binary files differdeleted file mode 100644 index e81c0ae4cf5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-box-offsets-rel-pos.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-clearance-calculations.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-clearance-calculations.png Binary files differdeleted file mode 100644 index ec502d3532a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-clearance-calculations.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vlr-003.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vlr-003.png Binary files differdeleted file mode 100644 index f8c677b8e05..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vlr-003.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vrl-002.png Binary files differdeleted file mode 100644 index 48555d3acc8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-first-page-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-float-contiguous.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-float-contiguous.png Binary files differdeleted file mode 100644 index 8d35d98e9c4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-float-contiguous.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-horiz-rule.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-horiz-rule.png Binary files differdeleted file mode 100644 index f9cc0b1eeff..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pass-cdts-horiz-rule.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr-100x100.png Binary files differdeleted file mode 100644 index b14c75ea2c0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rg-100x100.png Binary files differdeleted file mode 100644 index 80c7035f1fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rr-100x100.png Binary files differdeleted file mode 100644 index a98636ddef3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-rr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gg-100x100.png Binary files differdeleted file mode 100644 index fd1f7a7b50a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gr-100x100.png Binary files differdeleted file mode 100644 index 431b99f933a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rg-100x100.png Binary files differdeleted file mode 100644 index 63248d4dd1f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rr-100x100.png Binary files differdeleted file mode 100644 index 6fba8358309..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gr-rr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-grg-rgr-grg.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-grg-rgr-grg.png Binary files differdeleted file mode 100644 index 9b88fbd8114..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-grg-rgr-grg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-grg-rrg-rgg.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-grg-rrg-rgg.png Binary files differdeleted file mode 100644 index fcf4f3fd7d9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-grg-rrg-rgg.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gg-100x100.png Binary files differdeleted file mode 100644 index 47ee743880e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gr-100x100.png Binary files differdeleted file mode 100644 index 6b19ec9a4e7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rg-100x100.png Binary files differdeleted file mode 100644 index e28bdba9dd6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rr-100x100.png Binary files differdeleted file mode 100644 index 797e289e059..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rg-rr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rgr-grg-rgr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rgr-grg-rgr.png Binary files differdeleted file mode 100644 index d454e3a630c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rgr-grg-rgr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-gr-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-gr-100x100.png Binary files differdeleted file mode 100644 index 97aac24065c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-gr-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-rg-100x100.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-rg-100x100.png Binary files differdeleted file mode 100644 index 177743874e2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-rr-rg-100x100.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-tr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-tr.png Binary files differdeleted file mode 100644 index 8b4b25364e0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-200x300.png Binary files differdeleted file mode 100644 index 38904b25087..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-green-200x300.png Binary files differdeleted file mode 100644 index a3c6bb63b64..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-bottom-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-200x300.png Binary files differdeleted file mode 100644 index b9987017a06..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-green-200x300.png Binary files differdeleted file mode 100644 index 8f54bf5a894..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-center-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-side-filled-square-40x160.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-side-filled-square-40x160.png Binary files differdeleted file mode 100644 index f76b2083118..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-side-filled-square-40x160.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-200x300.png Binary files differdeleted file mode 100644 index 59467ec3f18..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-green-200x300.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-green-200x300.png Binary files differdeleted file mode 100644 index 313c37f4dfb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/right-top-green-200x300.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-h-50px.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-h-50px.png Binary files differdeleted file mode 100644 index 9f46583665c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-h-50px.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-v-100px.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-v-100px.png Binary files differdeleted file mode 100644 index a837eca2225..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-v-100px.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-v-50px.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-v-50px.png Binary files differdeleted file mode 100644 index 84141028020..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-v-50px.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/sileot-webfont.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/sileot-webfont.woff Binary files differdeleted file mode 100644 index 81547578d36..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/sileot-webfont.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/solidblue.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/solidblue.png Binary files differdeleted file mode 100644 index 8584a701a80..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/solidblue.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-purple.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-purple.png Binary files differdeleted file mode 100644 index 0f522d78728..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-purple.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-teal.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-teal.png Binary files differdeleted file mode 100644 index e567f51b91b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-teal.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-white.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-white.png Binary files differdeleted file mode 100644 index 5853cbb238c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/square-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-aqua.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-aqua.png Binary files differdeleted file mode 100644 index dd47e286650..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-aqua.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-blue.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-blue.png Binary files differdeleted file mode 100644 index bf2759634d4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-blue.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-fuchsia.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-fuchsia.png Binary files differdeleted file mode 100644 index 3f8f8b4ea37..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-fuchsia.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-green.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-green.png Binary files differdeleted file mode 100644 index 0aa79b0c86b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-lime.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-lime.png Binary files differdeleted file mode 100644 index 55fd7fdaedf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-lime.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-olive.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-olive.png Binary files differdeleted file mode 100644 index 8fff8179ef3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-olive.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-orange.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-orange.png Binary files differdeleted file mode 100644 index d3cd498b52b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-orange.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-red.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-red.png Binary files differdeleted file mode 100644 index 1caf25c992a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-red.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-teal.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-teal.png Binary files differdeleted file mode 100644 index 0293ce89dea..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-teal.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-white.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-white.png Binary files differdeleted file mode 100644 index 1a7d4323d77..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-white.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-yellow.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-yellow.png Binary files differdeleted file mode 100644 index 1591aa0e2e2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/swatch-yellow.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.otf Binary files differdeleted file mode 100644 index d6e6e7fc186..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.otf +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.woff b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.woff Binary files differdeleted file mode 100644 index c880aaab5cf..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.woff +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-bl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-bl.png Binary files differdeleted file mode 100644 index 904e24e996a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-bl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-br.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-br.png Binary files differdeleted file mode 100644 index f413ff5c1a0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-br.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-inner-half-size.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-inner-half-size.png Binary files differdeleted file mode 100644 index e473bf80efc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-inner-half-size.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-outer.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-outer.png Binary files differdeleted file mode 100644 index 82eeace7fc0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-outer.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-style.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-style.css deleted file mode 100644 index 17f44c11796..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-style.css +++ /dev/null @@ -1,18 +0,0 @@ - #test01, #test02, #test03{ - width: 50px; - height: 50px; - text-align:center; - font-size: 20px; - } - #test{ - background: #ff0000; - } - #test01{ - background: #7FFF00; - } - #test02{ - background: #00FFFF; - } - #test03{ - background: #4169E1; - } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-tl.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-tl.png Binary files differdeleted file mode 100644 index f6ac0ef7e8f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-tl.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-tr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-tr.png Binary files differdeleted file mode 100644 index 59843ae54b6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/test-tr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-010.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-010.png Binary files differdeleted file mode 100644 index d5d96d9cd1b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-010.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-012.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-012.png Binary files differdeleted file mode 100644 index 7d5e9a4e24f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-012.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-vrl-002.png Binary files differdeleted file mode 100644 index 88f06722fc9..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-left-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-left-001.png Binary files differdeleted file mode 100644 index 51921a7e91a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-left-001.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-lr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-lr.png Binary files differdeleted file mode 100644 index 2c1c8f7f4cb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-lr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-right-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-right-001.png Binary files differdeleted file mode 100644 index f4bfd48549f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-sideways-right-001.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-001.png Binary files differdeleted file mode 100644 index d7df4098ed2..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-001.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-vrl-002.png Binary files differdeleted file mode 100644 index 22eff43039c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-vrl-002.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation.js deleted file mode 100644 index 6e007cea82e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation.js +++ /dev/null @@ -1,217 +0,0 @@ -(function () { - var log = function () {}; - - function OrientationTester(container, orientation) { - this.container = container; - this.setOrientation(orientation); - } - extend(OrientationTester.prototype, { - setOrientation: function (orientation) { - this.orientation = orientation; - }, - measure: function (results) { - this.results = results; - this._measureNode(this.container); - }, - _measureNode: function (node, block) { - switch (node.nodeType) { - case Node.ELEMENT_NODE: - var blockOverride = node.dataset.block; - if (blockOverride) - block = blockOverride; - var nodes = node.childNodes; - for (var i = 0; i < nodes.length; i++) - this._measureNode(nodes[i], block); - return; - case Node.TEXT_NODE: - break; - default: - return; - } - - if (this.orientation == "R") { - var advanceExpected = 8; - var advanceFailed = 4; - } else { - advanceExpected = 4; - advanceFailed = 8; - } - - var range = document.createRange(); - var text = node.textContent; - for (var ich = 0; ich < text.length; ich++) { - var code = text.charCodeAt(ich); - if (code == 10 || code == 13) - continue; - range.setStart(node, ich); - if (code >= 0xD800 && code <= 0xDBFF) { - var next = text.charCodeAt(ich+1); - if (next >= 0xDC00 && next <= 0xDFFF) { - ich++; - code = ((code & 0x3FF) << 10) + (next & 0x3FF) + 0x10000; - } - } - range.setEnd(node, ich + 1); - rect = range.getBoundingClientRect(); - if (rect.width == 16) { - if (rect.height == advanceExpected) { - this.results.passCount++; - continue; - } - //log("U+" + stringFromUnicode(code) + " " + rect.width + "x" + rect.height); - if (rect.height == advanceFailed) { - this.results.failed(this, code, block); - continue; - } - } - this.results.inconclusive(this, code, block, rect); - } - }}); - - function Results(name) { - var block = document.createElement("details"); - this.summary = appendChildElement(block, "summary"); - this.summary.textContent = name; - var typeList = appendChildElement(block, "ul"); - this.failList = appendChildElement(appendChildElement(typeList, "li", "Failures"), "ol"); - this.inconclusiveList = appendChildElement(appendChildElement(typeList, "li", "Inconclusives"), "ol"); - details.appendChild(block); - this.passCount = 0; - this.failCount = 0; - this.inconclusiveCount = 0; - } - extend(Results.prototype, { - failed: function (test, code, block) { - this.failCount++; - this.append(this.failList, test, code, block); - }, - inconclusive: function (test, code, block, rect) { - this.inconclusiveCount++; - this.append(this.inconclusiveList, test, code, block, " but inconclusive (rendered as " + rect.width + "x" + rect.height + ")"); - }, - append: function (list, test, code, block, message) { - var text = stringFromUnicode(code) + " should be " + test.orientation; - if (block) - text = block + ": " + text; - if (message) - text += message; - appendChildElement(list, "li", text); - }, - done: function (test) { - this.summary.textContent += " (" + this.passCount + " passes, " + - this.failCount + " fails, " + - this.inconclusiveCount + " inconclusives)"; - assert_equals(this.failCount, 0, "Fail count"); - assert_greater_than(this.passCount, 0, "Pass count"); - test.done(); - }}); - - function Runner() { - var nodes = document.querySelectorAll("div[data-vo]"); - this.testers = []; - for (var i = 0; i < nodes.length; i++) { - var node = nodes[i]; - var vo = node.dataset.vo; - var tester = new OrientationTester(node, vo); - tester.test = async_test("Default orientation for vo=" + vo); - this.testers.push(tester); - } - this.testU = async_test("Orientation=Upright"); - this.testR = async_test("Orientation=Rotated"); - } - extend(Runner.prototype, { - run: function () { - log("Started"); - var start = new Date; - - for (var i = 0; i < this.testers.length; i++) { - var tester = this.testers[i]; - var test = tester.test; - test.step(function () { - var results = new Results(test.name); - tester.measure(results); - results.done(test); - }); - } - this.runOrientation(this.testU, "U"); - this.runOrientation(this.testR, "R"); - - log("Elapsed " + (new Date() - start)); - done(); - }, - runOrientation: function (test, orientation) { - container.classList.add(orientation); - var results = new Results(test.name); - var me = this; - test.step(function () { - for (var i = 0; i < me.testers.length; i++) { - var tester = me.testers[i]; - tester.setOrientation(orientation); - tester.measure(results); - } - results.done(test); - }) - container.classList.remove(orientation); - }}); - - setup({explicit_done:true, explicit_timeout:true}); - var runner = new Runner(); - window.onload = function () { - if (window.location.search == "?wait") { - log("Sleeping 5 secs for debug purpose"); - return setTimeout(run, 5000); - } - run(); - } - - function run() { - onFontReady("16px orientation", function () { runner.run(); }); - } - - function onFontReady(font, func) { - log("Waiting test fonts to load"); - if (document.fonts) { - if ('load' in document.fonts) - return document.fonts.load(font).then(func); - if ('ready' in document.fonts) - return document.fonts.ready.then(func); - } - document.offsetTop; // last resort to load @font-face - func(); - } - - function arrayFromRangesByValue(dict) { - var array = []; - for (var value in dict) { - var ranges = dict[value]; - for (var i = 0; i < ranges.length; i += 2) { - var to = ranges[i+1]; - for (var code = ranges[i]; code <= to; code++) - array[code] = value; - } - } - return array; - }; - - function stringFromUnicode(code) { - var hex = code.toString(16).toUpperCase(); - if (hex.length < 4) { - hex = "0000" + hex; - hex = hex.substr(hex.length - 4); - } - return hex + ' "' + String.fromCharCode(code) + '"'; - } - - function appendChildElement(parent, tag, text) { - var node = document.createElement(tag); - if (text) - node.textContent = text; - parent.appendChild(node); - return node; - } - - function extend(target, dict) { - for (var key in dict) - target[key] = dict[key]; - } -})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/vertical-form.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/vertical-form.png Binary files differdeleted file mode 100644 index 53a3af92cd6..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/vertical-form.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/wm-propagation-body-003-exp-res.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/wm-propagation-body-003-exp-res.png Binary files differdeleted file mode 100644 index b437e8fb8d7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/wm-propagation-body-003-exp-res.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-59x59.png Binary files differdeleted file mode 100644 index 50816d38f6b..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-horiz-redline-bottom-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-horiz-redline-bottom-59x59.png Binary files differdeleted file mode 100644 index d6139238de3..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-horiz-redline-bottom-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-center-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-center-59x59.png Binary files differdeleted file mode 100644 index c352b109548..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-center-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-left-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-left-59x59.png Binary files differdeleted file mode 100644 index 8baf6f60404..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-left-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-right-59x59.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-right-59x59.png Binary files differdeleted file mode 100644 index 7e881312b35..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/yellow-square-vert-redline-right-59x59.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht deleted file mode 100644 index 0d15233413a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht +++ /dev/null @@ -1,84 +0,0 @@ - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Flexible Box Layout Module Level 1 CR Test Suite</title> - <style type="text/css"> - @import "http://www.w3.org/StyleSheets/TR/base.css"; - @import "../indices.css"; - </style> - </head> -<body> - <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite By Chapter</h1> - - <p>This index contains both - <a href="http://wiki.csswg.org/test/selftest">self-describing tests</a> - and reftests. - A separate <a href="reftest-toc.xht">alphabetical reftest index</a> - is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest - format</a> along with the <a href="reftest.list">reftest manifest</a>.</p> - - <table> - <tbody id="s1"> - <tr><th><a href="chapter-1.xht">Chapter 1 - - Introduction</a></th> - <td>(1 Tests)</td></tr> - </tbody> - <tbody id="s2"> - <tr><th><a href="chapter-2.xht">Chapter 2 - - Flex Layout Box Model and Terminology</a></th> - <td>(29 Tests)</td></tr> - </tbody> - <tbody id="s3"> - <tr><th><a href="chapter-3.xht">Chapter 3 - - Flex Containers: the flex and inline-flex display values</a></th> - <td>(36 Tests)</td></tr> - </tbody> - <tbody id="s4"> - <tr><th><a href="chapter-4.xht">Chapter 4 - - Flex Items</a></th> - <td>(72 Tests)</td></tr> - </tbody> - <tbody id="s5"> - <tr><th><a href="chapter-5.xht">Chapter 5 - - Ordering and Orientation</a></th> - <td>(150 Tests)</td></tr> - </tbody> - <tbody id="s6"> - <tr><th><a href="chapter-6.xht">Chapter 6 - - Flex Lines</a></th> - <td>(1 Tests)</td></tr> - </tbody> - <tbody id="s7"> - <tr><th><a href="chapter-7.xht">Chapter 7 - - Flexibility</a></th> - <td>(155 Tests)</td></tr> - </tbody> - <tbody id="s8"> - <tr><th><a href="chapter-8.xht">Chapter 8 - - Alignment</a></th> - <td>(164 Tests)</td></tr> - </tbody> - <tbody id="s9"> - <tr><th><a href="chapter-9.xht">Chapter 9 - - Flex Layout Algorithm</a></th> - <td>(79 Tests)</td></tr> - </tbody> - <tbody id="s10"> - <tr><th><a href="chapter-10.xht">Chapter 10 - - Fragmenting Flex Layout</a></th> - <td>(16 Tests)</td></tr> - </tbody> - <tbody id="s11"> - <tr><th><a href="chapter-11.xht">Chapter 11 - - Privacy and Security Considerations</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="sA"> - <tr><th><a href="chapter-A.xht">Appendix A - - Axis Mappings</a></th> - <td>(0 Tests)</td></tr> - </tbody> - </table> -</body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-center.xht deleted file mode 100644 index 27130febf9e..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-center.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: align-content property - center</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-center-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - height: 6em; - width: 20em; - display: flex; - flex-wrap: wrap; - align-content: center; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - flex: none; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see a centered 2*2 table.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-end.xht deleted file mode 100644 index ffd2e97f29d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-end.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: align-content property - flex-end</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - height: 14em; - width: 20em; - display: flex; - flex-wrap: wrap; - align-content: flex-end; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - flex: none; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-around.xht deleted file mode 100644 index c5a4fce24de..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-around.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: align-content property - space-around</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - height: 14em; - width: 20em; - display: flex; - flex-wrap: wrap; - align-content: space-around; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - flex: none; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-between.xht deleted file mode 100644 index 622301739eb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-between.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: align-content property - space-between</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - height: 14em; - width: 20em; - display: flex; - flex-wrap: wrap; - align-content: space-between; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - flex: none; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-start.xht deleted file mode 100644 index 5014c497b9f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-start.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Flexible Box Test: align-content property - flex-start</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-start-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - height: 14em; - width: 20em; - display: flex; - flex-wrap: wrap; - align-content: flex-start; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - flex: none; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see a 2*2 table and all the cells are at the top of the container.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-base.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-base.xht deleted file mode 100644 index 9f9473b946a..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-base.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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 Flexible Box Test: display proprety - flex</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> - <link href="reference/ttwf-reftest-flex-base-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - height: 6em; - width: 3em; - display: flex; - background: red; - margin: 1em; - border: 1px solid black; - } - .success { - background: green; - width: 3em; - } - </style> -</head> -<body> - <p>The test passed if you can't find red color.</p> - <div class="container"> - <span class="success">Hello</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column-reverse.xht deleted file mode 100644 index 4fbbe341052..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column-reverse.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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 Flexible Box Test: flex-direction proprety - column-reverse</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - display: flex; - flex-direction: column-reverse; - background: red; - margin: 1em 0; - border: 1px solid black; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see all the cells are arraged vertically and reversed.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column.xht deleted file mode 100644 index fc68a5c6108..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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 Flexible Box Test: flex-direction proprety - column</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-direction-column-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - display: flex; - flex-direction: column; - background: red; - margin: 1em 0; - border: 1px solid black; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see all the cells are arraged vertically.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht deleted file mode 100644 index 1141a0a2dba..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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 Flexible Box Test: flex-direction proprety - row-reverse</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-direction-row-reverse-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - display: flex; - flex-direction: row-reverse; - background: red; - margin: 1em 0; - border: 1px solid black; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht deleted file mode 100644 index c0dc762b51d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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 Flexible Box Test: display proprety - inline-flex</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex" rel="help" /> - <link href="reference/ttwf-reftest-flex-inline-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - } - .greenSquare { - display: inline-flex; - margin-top: -200px; - background: green; - } - </style> -</head> -<body> - <p>The test passed if you see a green block which its text is 'Success!'.</p> - <div class="container"> - <!-- This is the square that should not be visible if the test passes --> - <div class="greenSquare">Success!</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-order.xht deleted file mode 100644 index b01b367d43f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-order.xht +++ /dev/null @@ -1,49 +0,0 @@ -<!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 Flexible Box Test: order proprety - value</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> - <link href="reference/ttwf-reftest-flex-order-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - .container { - position: relative; - height: 6em; - display: flex; - background: red; - margin: 1em; - border: 1px solid black; - } - span { - height: 2em; - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - .first { - order: 1; - } - .second { - order: 2; - } - .third { - order: 3; - } - .forth { - order: 4; - } - </style> -</head> -<body> - <p>The test passed if all the cells are reversed.</p> - <div class="container"> - <span class="forth">first</span> - <span class="third">second</span> - <span class="second">third</span> - <span class="first">forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap-reverse.xht deleted file mode 100644 index 6b2c1988384..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap-reverse.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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 Flexible Box Test: flex-wrap proprety - wrap-reverse</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/ttwf-reftest-flex-wrap-reverse-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - display: flex; - flex-wrap: wrap-reverse; - background: red; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 6.5em; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see a 2 * 2 table on the page and the order of them are reversed.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht deleted file mode 100644 index 9fb12148fe7..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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 Flexible Box Test: flex-wrap proprety - wrap</title> - <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/ttwf-reftest-flex-wrap-ref.xht" rel="match" /> - <meta content="Statement describing what the test case is asserting" name="assert" /> - <style type="text/css"> - /* Positioned container allows for the self-describing statement to still - be visible in the case of failure */ - .container { - position: relative; - display: flex; - flex-wrap: wrap; - background: red; - margin: 1em 0; - border: 1px solid black; - width: 20em; - height: 6.5em; - } - span { - display: inline-block; - background: green; - color: white; - margin: 1em; - width: 8em; - } - </style> -</head> -<body> - <p>The test passed if you see a 2 * 2 table on the page.</p> - <div class="container"> - <span>first</span> - <span>second</span> - <span>third</span> - <span>forth</span> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-collapse-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-collapse-001.xht deleted file mode 100644 index 0b188dd48bb..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-collapse-001.xht +++ /dev/null @@ -1,38 +0,0 @@ -<!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: A flex item with the 'visibility' property set to 'collapse' should not take up space in the main axis</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that a flex item with 'visibility: collapse' doesn't take up space in the main axis." name="assert" /> - <style type="text/css"> - #flexbox - { - display: flex; - flex-flow: column; - width: 300px; - } - div div - { - background-color: green; - height: 50px; - } - #flexbox, #collapse - { - background-color: red; - } - #collapse - { - visibility: collapse; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <div id="flexbox"> - <div></div> - <div id="collapse"></div> - <div></div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-collapse-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-collapse-002.xht deleted file mode 100644 index bd93e0eecca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-collapse-002.xht +++ /dev/null @@ -1,40 +0,0 @@ -<!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: A flex item with the 'visibility' property set to 'collapse' should be large enough to fit the collapsed item</title> - <link href="http://www.microsoft.com/" rel="author" title="Microsoft" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse" rel="help" /> - <meta content="" name="flags" /> - <meta content="This test checks that the cross size of a line of flex items containing an item with 'visbility: collapse' is large enough to fit the collapsed item." name="assert" /> - <style type="text/css"> - #flexbox - { - display: flex; - height: 100px; - width: 300px; - } - div div - { - background-color: green; - width: 150px; - } - #flexbox, #collapse - { - background-color: red; - } - #collapse - { - visibility: collapse; - } - </style> - </head> - <body> - <p>Test passes if there is no red visible on the page.</p> - <span></span> - <div id="flexbox"> - <div></div> - <div id="collapse"></div> - <div></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-regions-in-flexbox.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-regions-in-flexbox.xht deleted file mode 100644 index 1c436aabb2d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/visibility-regions-in-flexbox.xht +++ /dev/null @@ -1,63 +0,0 @@ -<!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 Regions: collapsed region flex items</title> - <link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea" /> - <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> - <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> - <link href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse" rel="help" /> - <meta content="ahem" name="flags" /> - <meta content="Test checks that the flexbox collapsed property works on flex items that are - regions. The collapsed region item should not contribute to the flex container's width." name="assert" /> - <link href="reference/visibility-regions-in-flexbox-ref.xht" rel="match" /> - <style> - .content { - font-family: Ahem; - font-size: 20px; - line-height: 1em; - color: green; - flow-into: flow; - } - - .flex { - display: flex; - } - - .region { - flow-from: flow; - } - - .break { - /* Current (Jul 2013) standard way of region breaking */ - break-after: region; - /* Old, non-standard but implemented way of region breaking */ - region-break-after: always; - } - - #r2 { - visibility: collapse; - height: 100px; - } - - .red { - background-color: red; - } - </style> - </head> - <body> - <ul> - <li>Test passes if you see a single green stripe.</li> - <li>You shouldn't see any red.</li> - </ul> - <div class="content"> - XXXXX<br /><div class="break"></div> - XXXXX<div class="break"></div> - XXXXX<br /> - </div> - <div class="flex"> - <div class="region"><p class="red"> </p></div> - <div id="r2" class="region"></div> - <div class="region"></div> - </div> - - -</body></html>
\ No newline at end of file |
