diff options
Diffstat (limited to 'tests/wpt/css-tests/css-grid-1_dev/xhtml1')
158 files changed, 0 insertions, 13938 deletions
diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-1.xht deleted file mode 100644 index 6f2e67a6706..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-1.xht +++ /dev/null @@ -1,39 +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 Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Introduction (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="s1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction</a></th></tr> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-10.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-10.xht deleted file mode 100644 index 0a42b362789..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-10.xht +++ /dev/null @@ -1,150 +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>Absolute Positioning - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Absolute Positioning (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="s10"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s10">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr> - <!-- 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-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#augmented-grid"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#example-e7e12220"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-area-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-71"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-72"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-73"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-74"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-75"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-76"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-77"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-container-78"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-line-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-placement-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-placement-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-placement-property-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-placement-property-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-placement-property-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-placement-property-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-placement-property-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-grid-span-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-implicit-grid-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-implicit-grid-lines-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.1.#ref-for-valdef-grid-template-columns-auto-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s10.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2.#ref-for-grid-area-31"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2.#ref-for-grid-area-32"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2.#ref-for-grid-container-79"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2.#ref-for-grid-container-80"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2.#ref-for-grid-container-81"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2.#ref-for-grid-container-82"> - <!-- 0 tests --> - </tbody> - <tbody id="s10.2.#ref-for-grid-item-99"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-11.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-11.xht deleted file mode 100644 index 0338e7b9758..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-11.xht +++ /dev/null @@ -1,315 +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 and Spacing - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Alignment and Spacing (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-grid-1/#alignment">11 Alignment and Spacing</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-column-axis-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-area-33"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-area-34"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-container-83"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-item-100"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-item-101"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-item-102"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-item-103"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-item-104"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-grid-track-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.#ref-for-row-axis-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s11.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#collapsed-gutter"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#gutter"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#propdef-grid-column-gap"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#propdef-grid-gap"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#propdef-grid-row-gap"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-augmented-grid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-collapsed-track-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-collapsed-track-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-collapsed-track-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-column-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-container-84"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-container-85"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-line-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-line-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-row-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-grid-track-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-gutter-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-gutter-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-gutter-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-gutter-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-gutter-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-gutter-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-implicit-grid-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-implicit-grid-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-implicit-grid-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-column-gap-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-column-gap-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-column-gap-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-column-gap-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-gap-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-row-gap-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-row-gap-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-row-gap-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.1.#ref-for-propdef-grid-row-gap-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s11.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s11.2.#ref-for-grid-item-105"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.2.#ref-for-grid-track-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s11.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s11.3.#example-3bd85f6e"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.3.#ref-for-grid-container-86"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.3.#ref-for-grid-item-106"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.3.#ref-for-grid-item-107"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.3.#ref-for-grid-item-108"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s11.4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s11.4.#ref-for-grid-container-87"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.4.#ref-for-grid-item-109"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.4.#ref-for-grid-item-110"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s11.5">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#example-157a3991"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#example-2b9c8e4b"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-explicit-grid-34"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-container-88"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-container-89"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-container-90"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-container-91"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-line-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-track-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-grid-track-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-implicit-grid-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.5.#ref-for-propdef-grid-gap-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s11.6">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Container Baselines</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#grid-order"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-cell-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-container-92"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-container-93"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-item-111"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-item-112"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-item-113"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-item-114"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-item-115"> - <!-- 0 tests --> - </tbody> - <tbody id="s11.6.#ref-for-grid-order-1"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-12.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-12.xht deleted file mode 100644 index 06c2a4b3e38..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-12.xht +++ /dev/null @@ -1,803 +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>Grid Sizing - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Grid Sizing (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="s12"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#fixed-sizing-function"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#flexible-sizing-function"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#grid-sizing-algorithm"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#intrinsic-sizing-function"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-grid-sizing-algorithm-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-grid-template-rows-track-sizing-function-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-grid-track-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-max-track-sizing-function-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-min-track-sizing-function-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-typedef-flex-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-valdef-grid-template-columns-auto-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-valdef-grid-template-columns-fit-content-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-valdef-grid-template-columns-max-content-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.#ref-for-valdef-grid-template-columns-min-content-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#issue-549cf26d"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-area-35"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-area-36"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-column-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-column-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-container-94"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-container-95"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-item-116"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-item-117"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-item-118"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-grid-row-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-max-track-sizing-function-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-max-track-sizing-function-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-track-sizing-algorithm-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-track-sizing-algorithm-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-typedef-flex-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-auto-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-fit-content-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-max-content-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.1.#ref-for-valdef-grid-template-columns-min-content-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#available-grid-space"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#free-space"> - <!-- 1 tests --> - <tr id="grid-layout-free-space-unit-12.2.#free-space" class=""> - <td> - <a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td></td> - <td>free space unit - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s12.2.#max-track-sizing-function"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#min-track-sizing-function"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-available-grid-space-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-available-grid-space-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-available-grid-space-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-available-grid-space-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-available-grid-space-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-base-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-free-space-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-grid-container-96"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-grid-container-97"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-grid-container-98"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-grid-item-119"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-grid-track-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-typedef-flex-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-auto-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-fit-content-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-max-content-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#ref-for-valdef-grid-template-columns-minmax-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.2.#span-count"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.3.#base-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.3.#growth-limit"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.3.#ref-for-base-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.3.#ref-for-max-track-sizing-function-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.3.#ref-for-min-track-sizing-function-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.3.#track-sizing-algorithm"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-base-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-base-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-base-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-base-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-base-size-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-fixed-sizing-function-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-fixed-sizing-function-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-flexible-sizing-function-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-flexible-sizing-function-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-growth-limit-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-growth-limit-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-growth-limit-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-growth-limit-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-growth-limit-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-gutter-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-intrinsic-sizing-function-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-intrinsic-sizing-function-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-max-track-sizing-function-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-min-track-sizing-function-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-track-sizing-algorithm-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.4.#ref-for-valdef-grid-template-columns-auto-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.5">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#distribute-extra-space"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#extra-space"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#infinitely-growable"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#min-size-contributions"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-base-size-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-fixed-sizing-function-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-flexible-sizing-function-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-grid-container-100"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-grid-container-101"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-grid-container-99"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-grid-template-rows-track-sizing-function-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-growth-limit-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-infinitely-growable-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-infinitely-growable-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-intrinsic-sizing-function-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-intrinsic-sizing-function-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-max-track-sizing-function-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-max-track-sizing-function-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-max-track-sizing-function-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-max-track-sizing-function-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-max-track-sizing-function-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-max-track-sizing-function-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-size-contributions-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-size-contributions-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-min-track-sizing-function-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-auto-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-fit-content-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-max-content-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.5.#ref-for-valdef-grid-template-columns-min-content-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.6">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-available-grid-space-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-free-space-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-free-space-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-free-space-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-grid-container-102"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-grid-container-103"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-grid-container-104"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.6.#ref-for-growth-limit-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.7">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-available-grid-space-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-available-grid-space-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-base-size-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-base-size-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-base-size-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-flex-fraction-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-flex-fraction-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-flex-fraction-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-flex-fraction-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-flex-fraction-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-flex-fraction-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-free-space-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-free-space-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-free-space-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-free-space-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-container-105"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-container-106"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-container-107"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-item-120"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-template-columns-flex-factor-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-grid-track-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-space-to-fill-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.#ref-for-space-to-fill-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s12.7.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#flex-factor-sum"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#hypothetical-fr-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#leftover-space"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-base-size-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-flex-factor-sum-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-grid-template-columns-flex-factor-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-grid-track-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-grid-track-31"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-hypothetical-fr-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-hypothetical-fr-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-leftover-space-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#ref-for-space-to-fill-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s12.7.1.#space-to-fill"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-13.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-13.xht deleted file mode 100644 index b7b16c5ea4e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-13.xht +++ /dev/null @@ -1,66 +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 Grid Layout - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Fragmenting Grid Layout (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="s13"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s13">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s13.#ref-for-grid-container-108"> - <!-- 0 tests --> - </tbody> - <tbody id="s13.#ref-for-grid-item-121"> - <!-- 0 tests --> - </tbody> - <tbody id="s13.#ref-for-grid-item-122"> - <!-- 0 tests --> - </tbody> - <tbody id="s13.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s13.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s13.1.#ref-for-grid-area-37"> - <!-- 0 tests --> - </tbody> - <tbody id="s13.1.#ref-for-propdef-grid-row-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s13.1.#ref-for-valdef-grid-template-columns-auto-29"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-14.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-14.xht deleted file mode 100644 index 003e5c1dc03..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-14.xht +++ /dev/null @@ -1,209 +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 Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Privacy and Security Considerations (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="s14"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s14">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#priv-sec">14 Privacy and Security Considerations</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s.#abstract"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#acks"> - <!-- 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.#index"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#issues-index"> - <!-- 0 tests --> - </tbody> - <tbody id="s.#property-index"> - <!-- 1 tests --> - <tr id="grid-layout-properties-.#property-index" class="ahem dom script"> - <td> - <a href="grid-layout-properties.xht">grid-layout-properties</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Grid Layout - Properties exist - <ul class="assert"> - <li>Test checks that css properties of grid layout exist.</li> - </ul> - </td> - </tr> - </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> - <tbody id="schanges.#ref-for-collapsed-track-6"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#ref-for-fixed-sizing-function-5"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#ref-for-funcdef-repeat-9"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#ref-for-propdef-grid-template-7"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#ref-for-typedef-auto-track-list-3"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#ref-for-valdef-grid-template-columns-auto-30"> - <!-- 0 tests --> - </tbody> - <tbody id="schanges.#ref-for-valdef-grid-template-columns-fit-content-13"> - <!-- 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="scontents.#issue-9f88c8eb"> - <!-- 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-css-multicol-1"> - <!-- 0 tests --> - </tbody> - <tbody id="sinformative.#biblio-html5"> - <!-- 0 tests --> - </tbody> - <tbody id="sissues-index.#back-to-top"> - <!-- 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-flexbox-1"> - <!-- 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-syntax-3"> - <!-- 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-css3val"> - <!-- 0 tests --> - </tbody> - <tbody id="snormative.#biblio-mediaqueries-4"> - <!-- 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-grid-1_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-2.xht deleted file mode 100644 index 27e4ce4efdc..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-2.xht +++ /dev/null @@ -1,213 +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>Overview - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Overview (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="s2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#overview">2 Overview</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-grid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-grid-container-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-grid-container-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-gutter-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.#ref-for-subgrid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#overview-grid">2.1 Declaring the Grid</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#example-debfabcf"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-explicit-grid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-explicit-grid-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-grid-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-grid-column-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-grid-row-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-grid-track-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-propdef-grid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.1.#ref-for-valdef-grid-template-columns-auto-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#overview-placement">2.2 Placing Items</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#example-a82ba906"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-auto-placement-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-grid-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-grid-area-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-grid-container-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-grid-item-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-grid-placement-property-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-propdef-grid-area-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-propdef-grid-column-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-propdef-grid-column-end-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-propdef-grid-column-start-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-propdef-grid-row-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-propdef-grid-row-end-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.2.#ref-for-propdef-grid-row-start-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#overview-sizing">2.3 Sizing the Grid</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#example-6afa444a"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#ref-for-grid-area-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#ref-for-grid-container-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#ref-for-grid-container-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#ref-for-grid-container-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#ref-for-grid-item-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#ref-for-grid-item-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.3.#ref-for-grid-track-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2.4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#background">2.4 Background and Motivation</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.#ref-for-grid-area-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2.4.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">2.4.1 Adapting Layouts to Available Space</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.1.#example-0597d0ab"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.1.#ref-for-grid-container-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.1.#ref-for-grid-item-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.1.#ref-for-grid-item-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.1.#ref-for-grid-item-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.1.#ref-for-grid-item-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s2.4.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#source-independence">2.4.2 Source-Order Independence</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.2.#example-3828fb4f"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.2.#ref-for-grid-item-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s2.4.2.#ref-for-grid-item-9"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-3.xht deleted file mode 100644 index 5f22bd6fa81..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-3.xht +++ /dev/null @@ -1,246 +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>Grid Layout Concepts and Terminology - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Grid Layout Concepts and Terminology (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="s3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">3 Grid Layout Concepts and Terminology</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#column-axis"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#grid"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#grid-column"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#grid-layout"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#grid-row"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-area-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-container-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-container-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-container-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-item-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-line-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#ref-for-grid-line-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.#row-axis"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">3.1 Grid Lines</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#example-6e7cd811"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#grid-line"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-item-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-item-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-line-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-line-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-line-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-line-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-line-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.1.#ref-for-grid-line-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">3.2 Grid Tracks and Cells</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#example-c9203348"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#grid-cell"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#grid-track"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-column-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-container-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-container-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-container-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-container-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-item-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-line-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-line-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-row-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-track-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.2.#ref-for-grid-track-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s3.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">3.3 Grid Areas</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#example-510e72f7"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#grid-area"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-area-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-area-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-area-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-area-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-area-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-area-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-cell-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-container-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-item-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-item-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-item-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-item-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-item-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-item-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-line-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-line-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-line-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-track-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-grid-track-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-intrinsic-sizing-function-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s3.3.#ref-for-propdef-grid-template-areas-1"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht deleted file mode 100644 index 158abf19f2d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht +++ /dev/null @@ -1,63 +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>Reordering and Accessibility - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Reordering and Accessibility (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="s4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#order-accessibility">4 Reordering and Accessibility</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#example-14efa1ec"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#example-a3f89410"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-grid-placement-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-grid-placement-property-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-grid-placement-property-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-grid-placement-property-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-grid-placement-property-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s4.#ref-for-grid-placement-property-6"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-5.xht deleted file mode 100644 index 51a89088d04..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-5.xht +++ /dev/null @@ -1,479 +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>Grid Containers - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Grid Containers (28 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-grid-1/#grid-model">5 Grid Containers</a></th></tr> - <!-- 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-grid-1/#grid-containers">5.1 Establishing Grid Containers: the grid, inline-grid, and subgrid display values</a></th></tr> - <!-- 28 tests --> - <tr id="display-grid-5.1" class=""> - <td> - <a href="display-grid.xht">display-grid</a></td> - <td><a href="reference/display-grid-ref.xht">=</a> </td> - <td></td> - <td>CSS Grid Layout: display: grid - <ul class="assert"> - <li>'display: grid' causes an element to generate a block-level grid container box.</li> - </ul> - </td> - </tr> - <tr id="display-inline-grid-5.1" class=""> - <td> - <a href="display-inline-grid.xht">display-inline-grid</a></td> - <td><a href="reference/display-inline-grid-ref.xht">=</a> </td> - <td></td> - <td>CSS Grid Layout: display: inline-grid - <ul class="assert"> - <li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li> - </ul> - </td> - </tr> - <tr id="grid-computed-value-display-floated-items-001-5.1" class="dom script"> - <td> - <a href="grid-computed-value-display-floated-items-001.xht">grid-computed-value-display-floated-items-001</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>'float' affects to the computed value of 'display' on grid items - </td> - </tr> - <tr id="grid-display-grid-001-5.1" class="ahem"> - <td> - <a href="grid-display-grid-001.xht">grid-display-grid-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>'grid' value for 'display' property - <ul class="assert"> - <li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li> - </ul> - </td> - </tr> - <tr id="grid-display-inline-grid-001-5.1" class=""> - <td> - <a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>'inline-grid' value for 'display' property - <ul class="assert"> - <li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li> - </ul> - </td> - </tr> - <tr id="grid-first-letter-001-5.1" class=""> - <td> - <a href="grid-first-letter-001.xht">grid-first-letter-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-letter' from grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-first-letter-002-5.1" class=""> - <td> - <a href="grid-first-letter-002.xht">grid-first-letter-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-letter' from grid container ancestors does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li> - </ul> - </td> - </tr> - <tr id="grid-first-letter-003-5.1" class=""> - <td> - <a href="grid-first-letter-003.xht">grid-first-letter-003</a></td> - <td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-letter' works on grid items - <ul class="assert"> - <li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li> - </ul> - </td> - </tr> - <tr id="grid-first-line-001-5.1" class=""> - <td> - <a href="grid-first-line-001.xht">grid-first-line-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-line' from grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-first-line-002-5.1" class=""> - <td> - <a href="grid-first-line-002.xht">grid-first-line-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-line' from grid container ancestors does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li> - </ul> - </td> - </tr> - <tr id="grid-first-line-003-5.1" class=""> - <td> - <a href="grid-first-line-003.xht">grid-first-line-003</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-line' works on grid items - <ul class="assert"> - <li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li> - </ul> - </td> - </tr> - <tr id="grid-float-001-5.1" class=""> - <td> - <a href="grid-float-001.xht">grid-float-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>'float' has no effect on grid items - </td> - </tr> - <tr id="grid-floats-no-intrude-001-5.1" class=""> - <td> - <a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>floats do not intrude into a grid - </td> - </tr> - <tr id="grid-inline-first-letter-001-5.1" class=""> - <td> - <a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-letter' from inline grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-first-letter-002-5.1" class=""> - <td> - <a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-letter' from inline grid container ancestors does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-first-letter-003-5.1" class=""> - <td> - <a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td> - <td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-letter' works on grid items within an inline grid - <ul class="assert"> - <li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-first-line-001-5.1" class=""> - <td> - <a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-line' from inline grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-first-line-002-5.1" class=""> - <td> - <a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-line' from inline grid container ancestors does not apply to grid items - <ul class="assert"> - <li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-first-line-003-5.1" class=""> - <td> - <a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>'::first-line' works on grid items within an inline grid - <ul class="assert"> - <li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-float-001-5.1" class=""> - <td> - <a href="grid-inline-float-001.xht">grid-inline-float-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>'float' has no effect on grid items within an inline grid - </td> - </tr> - <tr id="grid-inline-floats-no-intrude-001-5.1" class=""> - <td> - <a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>floats do not intrude into an inline grid - </td> - </tr> - <tr id="grid-inline-margins-no-collapse-001-5.1" class=""> - <td> - <a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>inline grid's margins do not collapse - <ul class="assert"> - <li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li> - </ul> - </td> - </tr> - <tr id="grid-inline-multicol-001-5.1" class=""> - <td> - <a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>'column-*' properties from inline grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-vertical-align-001-5.1" class="ahem"> - <td> - <a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-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>'vertical-align' has no effect on grid items within an inline grid - </td> - </tr> - <tr id="grid-margins-no-collapse-001-5.1" class=""> - <td> - <a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td></td> - <td>grid's margins do not collapse - <ul class="assert"> - <li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li> - </ul> - </td> - </tr> - <tr id="grid-multicol-001-5.1" class=""> - <td> - <a href="grid-multicol-001.xht">grid-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>'column-*' properties from grid container does not apply to grid items - <ul class="assert"> - <li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-support-display-001-5.1" class="dom script"> - <td> - <a href="grid-support-display-001.xht">grid-support-display-001</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>DOM support for 'grid' and 'inline-grid' 'display' values - <ul class="assert"> - <li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li> - </ul> - </td> - </tr> - <tr id="grid-vertical-align-001-5.1" class="ahem"> - <td> - <a href="grid-vertical-align-001.xht">grid-vertical-align-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>'vertical-align' has no effect on grid items - </td> - </tr> - </tbody> - <tbody id="s5.1.#grid-container"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#grid-formatting-context"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-container-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-item-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-item-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-item-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-item-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-grid-line-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-subgrid-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-grid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-grid-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-grid-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-grid-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-inline-grid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-inline-grid-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-inline-grid-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#ref-for-valdef-display-subgrid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#valdef-display-grid"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#valdef-display-inline-grid"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.1.#valdef-display-subgrid"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">5.2 Sizing Grid Containers</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-grid-container-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-grid-container-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-grid-container-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-grid-container-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-grid-container-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-grid-container-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s5.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">5.3 Clamping Overly Large Grids</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#clamp-a-grid-area"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#example-3562ead8"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-clamp-a-grid-area-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-grid-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-grid-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-grid-area-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-grid-area-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-grid-span-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s5.3.#ref-for-grid-track-7"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-6.xht deleted file mode 100644 index 296f54cc5d3..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-6.xht +++ /dev/null @@ -1,757 +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>Grid Items - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Grid Items (65 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-grid-1/#grid-items">6 Grid Items</a></th></tr> - <!-- 10 tests --> - <tr id="grid-inline-items-001-6" class="ahem"> - <td> - <a href="grid-inline-items-001.xht">grid-inline-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>Regular and anonymous grid items within an inline grid - <ul class="assert"> - <li>Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-items-002-6" class="ahem"> - <td> - <a href="grid-inline-items-002.xht">grid-inline-items-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>Children of grid items do not create new items within an inline grid - <ul class="assert"> - <li>Checks that the grid items do not split around blocks creating extra items within an inline grid.</li> - </ul> - </td> - </tr> - <tr id="grid-inline-items-003-6" class="ahem"> - <td> - <a href="grid-inline-items-003.xht">grid-inline-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>Grid items with 'display:none' are not rendered within an inline grid - </td> - </tr> - <tr id="grid-item-containing-block-001-6" class=""> - <td> - <a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Grid item sizing - <ul class="assert"> - <li>A grid item is sized within the containing block defined by its grid area</li> - </ul> - </td> - </tr> - <tr id="grid-item-containing-block-002-6" class=""> - <td> - <a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Grid item sizing - <ul class="assert"> - <li>A grid item is sized within the containing block defined by its grid area</li> - </ul> - </td> - </tr> - <tr id="grid-item-containing-block-003-6" class=""> - <td> - <a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Grid item sizing - <ul class="assert"> - <li>A grid item is sized within the containing block defined by its grid area</li> - </ul> - </td> - </tr> - <tr id="grid-item-containing-block-004-6" class=""> - <td> - <a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Grid item sizing in a positioned grid container - <ul class="assert"> - <li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li> - </ul> - </td> - </tr> - <tr id="grid-items-001-6" class="ahem"> - <td> - <a href="grid-items-001.xht">grid-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>Regular and anonymous grid items - <ul class="assert"> - <li>Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.</li> - </ul> - </td> - </tr> - <tr id="grid-items-002-6" class="ahem"> - <td> - <a href="grid-items-002.xht">grid-items-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>Children of grid items do not create new items - <ul class="assert"> - <li>Checks that the grid items do not split around blocks creating extra items.</li> - </ul> - </td> - </tr> - <tr id="grid-items-003-6" class="ahem"> - <td> - <a href="grid-items-003.xht">grid-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>Grid items with 'display:none' are not rendered - </td> - </tr> - </tbody> - <tbody id="s6.#example-d673f1f1"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#grid-item"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-grid-container-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-grid-container-31"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-grid-container-32"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-grid-item-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.#ref-for-grid-item-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-item-display">6.1 Grid Item Display</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#grid-level"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#ref-for-grid-container-33"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#ref-for-grid-formatting-context-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#ref-for-grid-item-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#ref-for-grid-item-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#ref-for-grid-item-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#ref-for-grid-item-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.1.#ref-for-grid-item-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-item-sizing">6.2 Grid Item Sizing</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s6.2.#ref-for-grid-area-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.2.#ref-for-grid-item-31"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.2.#ref-for-grid-item-32"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#order-property">6.3 Reordered Grid Items: the order property</a></th></tr> - <!-- 20 tests --> - <tr id="grid-inline-order-property-auto-placement-001-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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-6.3" 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="s6.3.#ref-for-grid-item-33"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6.4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#item-margins">6.4 Grid Item Margins and Paddings</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s6.4.#ref-for-grid-area-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.4.#ref-for-grid-item-34"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.4.#ref-for-grid-item-35"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.4.#ref-for-grid-item-36"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6.5">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#z-order">6.5 Z-axis Ordering: the z-index property</a></th></tr> - <!-- 26 tests --> - <tr id="grid-inline-items-inline-blocks-001-6.5" class=""> - <td> - <a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Paint order of grid items within an inline grid is the same as inline blocks - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-001-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-002-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-003-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-004-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-005-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-overlapped-items-001-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-overlapped-items-002-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-overlapped-items-003-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-overlapped-items-004-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-overlapped-items-005-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order within an inline grid - </td> - </tr> - <tr id="grid-inline-z-axis-ordering-overlapped-items-006-6.5" class="ahem"> - <td> - <a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order within an inline grid - </td> - </tr> - <tr id="grid-items-inline-blocks-001-6.5" class=""> - <td> - <a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Paint order of grid items is the same as inline blocks - </td> - </tr> - <tr id="grid-layout-z-order-a-6.5" class=""> - <td> - <a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td> - <td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td> - <td></td> - <td>z order - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - <tr id="grid-layout-z-order-b-6.5" class=""> - <td> - <a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td> - <td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td> - <td></td> - <td>z order - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - <tr id="grid-z-axis-ordering-001-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items - </td> - </tr> - <tr id="grid-z-axis-ordering-002-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items - </td> - </tr> - <tr id="grid-z-axis-ordering-003-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items - </td> - </tr> - <tr id="grid-z-axis-ordering-004-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items - </td> - </tr> - <tr id="grid-z-axis-ordering-005-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-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>'z-index' property controls the z-axis order of grid items - </td> - </tr> - <tr id="grid-z-axis-ordering-overlapped-items-001-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order - </td> - </tr> - <tr id="grid-z-axis-ordering-overlapped-items-002-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order - </td> - </tr> - <tr id="grid-z-axis-ordering-overlapped-items-003-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order - </td> - </tr> - <tr id="grid-z-axis-ordering-overlapped-items-004-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order - </td> - </tr> - <tr id="grid-z-axis-ordering-overlapped-items-005-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order - </td> - </tr> - <tr id="grid-z-axis-ordering-overlapped-items-006-6.5" class="ahem"> - <td> - <a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'z-index' property controls the grid items stacking order - </td> - </tr> - </tbody> - <tbody id="s6.5.#example-25600ee6"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.5.#ref-for-grid-area-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.5.#ref-for-grid-item-37"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.5.#ref-for-grid-item-38"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s6.6">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#min-size-auto">6.6 Implied Minimum Size of Grid Items</a></th></tr> - <!-- 9 tests --> - <tr id="grid-minimum-size-grid-items-001-6.6" class="ahem"> - <td> - <a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-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 size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the content size.</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-002-6.6" class=""> - <td> - <a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the content size.</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-003-6.6" class=""> - <td> - <a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-004-6.6" class=""> - <td> - <a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-005-6.6" class="image"> - <td> - <a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the content size.</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-006-6.6" class="image"> - <td> - <a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image).</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-007-6.6" class="image"> - <td> - <a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image).</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-008-6.6" class="image"> - <td> - <a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image).</li> - </ul> - </td> - </tr> - <tr id="grid-minimum-size-grid-items-009-6.6" class="image"> - <td> - <a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>Minimum size of grid items - <ul class="assert"> - <li>Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image).</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s6.6.#min-size-opt"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6.#ref-for-fixed-sizing-function-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6.#ref-for-grid-area-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6.#ref-for-grid-item-39"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6.#ref-for-grid-item-40"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6.#ref-for-grid-item-41"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6.#ref-for-grid-track-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s6.6.#ref-for-max-track-sizing-function-1"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-7.xht deleted file mode 100644 index 1849c268b8e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-7.xht +++ /dev/null @@ -1,1659 +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>Defining the Grid - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Defining the Grid (18 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-grid-1/#grid-definition">7 Defining the Grid</a></th></tr> - <!-- 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-grid-1/#explicit-grids">7.1 The Explicit Grid</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#explicit-grid"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-explicit-grid-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-explicit-grid-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-explicit-grid-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-explicit-grid-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-explicit-grid-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-explicit-grid-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-explicit-grid-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-grid-container-34"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-grid-item-42"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-grid-line-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-grid-placement-property-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-auto-columns-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-auto-columns-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-auto-rows-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-auto-rows-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-areas-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-areas-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-areas-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-columns-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-columns-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-columns-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-rows-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-rows-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.1.#ref-for-propdef-grid-template-rows-3"> - <!-- 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-grid-1/#track-sizing">7.2 Explicit Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr> - <!-- 4 tests --> - <tr id="grid-inline-support-grid-template-columns-rows-001-7.2" class="ahem dom script"> - <td> - <a href="grid-inline-support-grid-template-columns-rows-001.xht">grid-inline-support-grid-template-columns-rows-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid - <ul class="assert"> - <li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.</li> - </ul> - </td> - </tr> - <tr id="grid-layout-auto-tracks-7.2" class=""> - <td> - <a href="grid-layout-auto-tracks.xht">grid-layout-auto-tracks</a></td> - <td><a href="reference/grid-layout-auto-tracks-ref.xht">=</a> </td> - <td></td> - <td>auto tracks - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - <tr id="grid-layout-basic-7.2" class=""> - <td> - <a href="grid-layout-basic.xht">grid-layout-basic</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td></td> - <td>basic - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - <tr id="grid-support-grid-template-columns-rows-001-7.2" class="ahem dom script"> - <td> - <a href="grid-support-grid-template-columns-rows-001.xht">grid-support-grid-template-columns-rows-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support for 'grid-template-columns' and 'grid-template-rows' properties - <ul class="assert"> - <li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.2.#example-b22f59e2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#example-bef8ba76"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#grid-template-columns-flex-factor"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#grid-template-rows-track-sizing-function"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#propdef-grid-template-columns"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#propdef-grid-template-rows"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-explicit-grid-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-explicit-grid-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-explicit-grid-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-free-space-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-free-space-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-35"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-36"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-37"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-38"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-39"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-40"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-41"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-42"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-43"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-44"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-45"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-46"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-container-47"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-item-43"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-item-44"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-item-45"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-item-46"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-item-47"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-line-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-line-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-template-columns-flex-factor-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-template-columns-flex-factor-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-template-rows-track-sizing-function-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-template-rows-track-sizing-function-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-grid-track-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-max-track-sizing-function-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-min-track-sizing-function-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-auto-columns-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-auto-rows-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-column-gap-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-row-gap-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-template-areas-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-template-columns-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-template-columns-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-template-columns-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-template-rows-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-propdef-grid-template-rows-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-track-list-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-track-list-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-track-list-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-track-list-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-track-sizing-algorithm-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-auto-repeat-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-auto-track-list-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-auto-track-list-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-fixed-breadth-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-fixed-breadth-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-fixed-breadth-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-fixed-repeat-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-fixed-repeat-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-fixed-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-fixed-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-flex-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-flex-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-flex-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-flex-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-flex-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-flex-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-flex-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-inflexible-breadth-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-inflexible-breadth-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-line-names-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-breadth-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-breadth-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-breadth-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-list-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-list-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-repeat-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-size-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-typedef-track-size-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-auto-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-max-content-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-max-content-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-max-content-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-min-content-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-minmax-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#ref-for-valdef-grid-template-columns-minmax-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#track-list"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#track-listing"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-auto-track-list"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-explicit-track-list"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-fixed-breadth"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-fixed-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-inflexible-breadth"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-line-names"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-track-breadth"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-track-list"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#typedef-track-size"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-fit-content"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-flex"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-length"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-max-content"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-min-content"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-minmax"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-columns-percentage"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.#valdef-grid-template-rows-none"> - <!-- 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-grid-1/#named-lines">7.2.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr> - <!-- 2 tests --> - <tr id="grid-inline-support-named-grid-lines-001-7.2.1" class="ahem dom script"> - <td> - <a href="grid-inline-support-named-grid-lines-001.xht">grid-inline-support-named-grid-lines-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid - <ul class="assert"> - <li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.</li> - </ul> - </td> - </tr> - <tr id="grid-support-named-grid-lines-001-7.2.1" class="ahem dom script"> - <td> - <a href="grid-support-named-grid-lines-001.xht">grid-support-named-grid-lines-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties - <ul class="assert"> - <li>This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.2.1.#example-7b375b32"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#named-line"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-grid-line-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-grid-placement-property-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-named-grid-area-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-propdef-grid-template-areas-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-propdef-grid-template-columns-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-propdef-grid-template-rows-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.1.#ref-for-typedef-line-names-9"> - <!-- 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-grid-1/#repeat-notation">7.2.2 Repeating Rows and Columns: the repeat() notation</a></th></tr> - <!-- 3 tests --> - <tr id="grid-inline-support-repeat-001-7.2.2" class="ahem dom script"> - <td> - <a href="grid-inline-support-repeat-001.xht">grid-inline-support-repeat-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid - <ul class="assert"> - <li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.</li> - </ul> - </td> - </tr> - <tr id="grid-layout-repeat-notation-7.2.2" class=""> - <td> - <a href="grid-layout-repeat-notation.xht">grid-layout-repeat-notation</a></td> - <td><a href="reference/grid-layout-repeat-notation-ref.xht">=</a> </td> - <td></td> - <td>repeat notation - <ul class="assert"> - <li>the subgrid layout should behave the same as reference.</li> - </ul> - </td> - </tr> - <tr id="grid-support-repeat-001-7.2.2" class="ahem dom script"> - <td> - <a href="grid-support-repeat-001.xht">grid-support-repeat-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties - <ul class="assert"> - <li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.2.2.#example-7b7c34e7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#funcdef-repeat"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#ref-for-funcdef-repeat-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.#ref-for-track-list-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2.2.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#repeat-syntax">7.2.2.1 Syntax of repeat()</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-flexible-sizing-function-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-funcdef-repeat-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-funcdef-repeat-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-funcdef-repeat-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-funcdef-repeat-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-funcdef-repeat-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-intrinsic-sizing-function-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-track-list-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-track-list-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-track-list-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-auto-repeat-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-auto-repeat-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-fixed-repeat-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-fixed-repeat-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-fixed-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-fixed-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-line-names-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-line-names-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-line-names-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-line-names-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-line-names-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-line-names-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-line-names-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-track-list-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-track-repeat-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-track-repeat-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-track-size-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-typedef-track-size-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-valdef-repeat-auto-fill-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#ref-for-valdef-repeat-auto-fit-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#typedef-auto-repeat"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#typedef-fixed-repeat"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.1.#typedef-track-repeat"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2.2.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#auto-repeat">7.2.2.2 Repeat-to-fill: auto-fill and auto-fit repetitions</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#collapsed-track"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#example-147a2ea0"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-collapsed-gutter-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-collapsed-track-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-collapsed-track-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-grid-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-grid-container-48"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-grid-container-49"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-grid-container-50"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-grid-template-rows-track-sizing-function-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-gutter-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-max-track-sizing-function-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-propdef-grid-gap-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-track-list-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-valdef-repeat-auto-fill-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-valdef-repeat-auto-fill-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#ref-for-valdef-repeat-auto-fit-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#valdef-repeat-auto-fill"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.2.2.#valdef-repeat-auto-fit"> - <!-- 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-grid-1/#fr-unit">7.2.3 Flexible Lengths: the fr unit</a></th></tr> - <!-- 4 tests --> - <tr id="fr-unit-7.2.3" class=""> - <td> - <a href="fr-unit.xht">fr-unit</a></td> - <td><a href="reference/fr-unit-ref.xht">=</a> </td> - <td></td> - <td>CSS3 Grid Layout: Flexible Length - <ul class="assert"> - <li>'fr' unit represents a fraction of the free space in the grid container.</li> - </ul> - </td> - </tr> - <tr id="fr-unit-with-percentage-7.2.3" class=""> - <td> - <a href="fr-unit-with-percentage.xht">fr-unit-with-percentage</a></td> - <td><a href="reference/fr-unit-with-percentage-ref.xht">=</a> </td> - <td></td> - <td>CSS3 Grid Layout: Flexible Lenght - </td> - </tr> - <tr id="grid-inline-support-flexible-lengths-001-7.2.3" class="ahem dom script"> - <td> - <a href="grid-inline-support-flexible-lengths-001.xht">grid-inline-support-flexible-lengths-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid - <ul class="assert"> - <li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.</li> - </ul> - </td> - </tr> - <tr id="grid-support-flexible-lengths-001-7.2.3" class="ahem dom script"> - <td> - <a href="grid-support-flexible-lengths-001.xht">grid-support-flexible-lengths-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties - <ul class="assert"> - <li>This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.2.3.#flex-fraction"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#flexible-length"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-free-space-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-free-space-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-free-space-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-free-space-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-free-space-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-container-51"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-container-52"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-template-columns-flex-factor-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-template-rows-track-sizing-function-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-track-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-track-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-track-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-grid-track-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-track-list-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-typedef-flex-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#ref-for-valdef-grid-template-columns-max-content-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.3.#typedef-flex"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2.4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">7.2.4 Resolved Values</a></th></tr> - <!-- 2 tests --> - <tr id="grid-inline-template-columns-rows-resolved-values-001-7.2.4" class="ahem dom script"> - <td> - <a href="grid-inline-template-columns-rows-resolved-values-001.xht">grid-inline-template-columns-rows-resolved-values-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid - <ul class="assert"> - <li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.</li> - </ul> - </td> - </tr> - <tr id="grid-template-columns-rows-resolved-values-001-7.2.4" class="ahem dom script"> - <td> - <a href="grid-template-columns-rows-resolved-values-001.xht">grid-template-columns-rows-resolved-values-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks - <ul class="assert"> - <li>This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.2.4.#example-54a17a72"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4.#ref-for-funcdef-repeat-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4.#ref-for-propdef-grid-template-columns-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4.#ref-for-propdef-grid-template-columns-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4.#ref-for-propdef-grid-template-rows-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4.#ref-for-propdef-grid-template-rows-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4.#ref-for-valdef-display-grid-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.2.4.#ref-for-valdef-display-inline-grid-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">7.3 Named Areas: the grid-template-areas property</a></th></tr> - <!-- 2 tests --> - <tr id="grid-inline-support-grid-template-areas-001-7.3" class="ahem dom script"> - <td> - <a href="grid-inline-support-grid-template-areas-001.xht">grid-inline-support-grid-template-areas-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support for 'grid-template-ares' property within an inline grid - <ul class="assert"> - <li>This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.</li> - </ul> - </td> - </tr> - <tr id="grid-support-grid-template-areas-001-7.3" class="ahem dom script"> - <td> - <a href="grid-support-grid-template-areas-001.xht">grid-support-grid-template-areas-001</a></td> - <td></td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>Support for 'grid-template-ares' property - <ul class="assert"> - <li>This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s7.3.#example-562e60e9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#grid-template-areas-named-cell-token"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#grid-template-areas-null-cell-token"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#grid-template-areas-trash-token"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#named-grid-area"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#propdef-grid-template-areas"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-explicit-grid-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-explicit-grid-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-explicit-grid-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-cell-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-cell-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-container-53"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-container-54"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-container-55"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-item-48"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-placement-property-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-template-areas-named-cell-token-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-template-areas-named-cell-token-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-template-areas-null-cell-token-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-grid-template-areas-trash-token-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-named-grid-area-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-named-grid-area-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-named-grid-area-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-named-grid-area-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-named-grid-area-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-auto-columns-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-auto-rows-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-row-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-template-areas-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-template-areas-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-template-areas-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-template-areas-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-template-columns-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#ref-for-propdef-grid-template-rows-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#valdef-grid-template-areas-none"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.#valdef-grid-template-areas-string"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">7.3.1 Implicit Named Lines</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#implicit-named-line"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-implicit-named-line-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-named-grid-area-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-named-grid-area-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-named-grid-area-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-named-grid-area-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-propdef-grid-template-areas-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-propdef-grid-template-columns-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.1.#ref-for-propdef-grid-template-rows-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">7.3.2 Implicit Named Areas</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.2.#implicit-named-area"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.2.#ref-for-grid-placement-property-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.2.#ref-for-implicit-named-line-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.2.#ref-for-named-grid-area-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.2.#ref-for-named-grid-area-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.3.2.#ref-for-propdef-grid-template-areas-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">7.4 Explicit Grid Shorthand: the grid-template property</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#example-3c3618b0"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#example-7b19a17e"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#grid-template-ascii"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#grid-template-rowcol"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#propdef-grid-template"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-funcdef-repeat-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-grid-container-56"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-named-grid-area-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-areas-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-areas-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-areas-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-columns-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-columns-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-columns-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-columns-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-columns-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-rows-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-rows-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-rows-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-rows-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-propdef-grid-template-rows-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-explicit-track-list-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-explicit-track-list-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-line-names-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-line-names-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-line-names-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-line-names-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-track-size-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-track-size-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-typedef-track-size-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-valdef-grid-template-areas-none-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-valdef-grid-template-columns-auto-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-valdef-grid-template-rows-none-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#ref-for-valdef-grid-template-rows-none-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.4.#valdef-grid-template-none"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.5">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">7.5 The Implicit Grid</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#implicit-grid"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#implicit-grid-lines"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#implicit-grid-track"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-explicit-grid-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-explicit-grid-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-explicit-grid-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-explicit-grid-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-grid-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-grid-container-57"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-grid-item-49"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-grid-item-50"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-implicit-grid-track-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-implicit-grid-track-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-propdef-grid-auto-columns-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-propdef-grid-auto-flow-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-propdef-grid-auto-rows-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-propdef-grid-template-areas-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-propdef-grid-template-columns-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.5.#ref-for-propdef-grid-template-rows-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.6">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">7.6 Implicit Track Sizing: the grid-auto-rows and grid-auto-columns properties</a></th></tr> - <!-- 1 tests --> - <tr id="grid-support-grid-auto-columns-rows-001-7.6" class=""> - <td> - <a href="grid-support-grid-auto-columns-rows-001.xht">grid-support-grid-auto-columns-rows-001</a></td> - <td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.xht">=</a> </td> - <td></td> - <td>Support for 'grid-auto-columns' and 'grid-auto-rows' properties - </td> - </tr> - </tbody> - <tbody id="s7.6.#example-c764bf91"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#propdef-grid-auto-columns"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#propdef-grid-auto-rows"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-explicit-grid-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-explicit-grid-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-grid-container-58"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-grid-item-placement-algorithm-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-implicit-grid-track-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-implicit-grid-track-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-implicit-grid-track-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-propdef-grid-auto-columns-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-propdef-grid-auto-columns-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-propdef-grid-auto-rows-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-propdef-grid-auto-rows-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-propdef-grid-template-columns-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-propdef-grid-template-rows-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.6.#ref-for-typedef-track-size-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.7">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">7.7 Automatic Placement: the grid-auto-flow property</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#auto-placement"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#example-151588ef"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#propdef-grid-auto-flow"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-container-59"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-container-60"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-51"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-52"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-53"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-placement-algorithm-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-placement-algorithm-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-placement-algorithm-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-placement-algorithm-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-grid-item-placement-algorithm-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-propdef-grid-auto-flow-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-propdef-grid-auto-flow-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-propdef-grid-auto-flow-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-valdef-grid-auto-flow-column-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-valdef-grid-auto-flow-row-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-valdef-grid-auto-flow-row-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#ref-for-valdef-grid-auto-flow-row-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#valdef-grid-auto-flow-column"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#valdef-grid-auto-flow-dense"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.7.#valdef-grid-auto-flow-row"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.8">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-shorthand">7.8 Grid Definition Shorthand: the grid property</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#example-2923b164"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#grid-s-auto-column"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#grid-s-auto-row"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#propdef-grid"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-explicit-grid-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-grid-container-61"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-columns-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-columns-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-columns-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-columns-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-flow-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-flow-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-rows-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-rows-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-rows-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-auto-rows-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-column-gap-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-row-gap-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-areas-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-columns-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-columns-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-columns-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-columns-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-rows-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-rows-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-rows-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-propdef-grid-template-rows-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-valdef-grid-auto-flow-column-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-valdef-grid-auto-flow-dense-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-valdef-grid-auto-flow-row-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s7.8.#ref-for-valdef-grid-template-rows-none-3"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-8.xht deleted file mode 100644 index e1c7fde0b85..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-8.xht +++ /dev/null @@ -1,177 +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>Subgrids - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Subgrids (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="s8"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s8">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#subgrids">8 Subgrids</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#example-775b1f21"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#example-83158ff0"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#example-d93a7054"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-clamp-a-grid-area-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-explicit-grid-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-explicit-grid-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-area-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-container-62"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-container-63"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-container-64"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-container-65"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-container-66"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-54"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-55"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-56"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-57"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-58"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-59"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-60"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-61"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-62"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-item-63"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-placement-property-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-grid-span-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-implicit-grid-track-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-propdef-grid-column-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-propdef-grid-gap-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-propdef-grid-gap-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-propdef-grid-template-columns-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-propdef-grid-template-rows-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#ref-for-subgrid-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s8.#subgrid"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-9.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-9.xht deleted file mode 100644 index 960917c43be..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-9.xht +++ /dev/null @@ -1,989 +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>Placing Grid Items - CSS Grid 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 Grid Layout Module Level 1 CR Test Suite</h1> - <h2>Placing Grid Items (4 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-grid-1/#placement">9 Placing Grid Items</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#automatic-grid-position"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#definite-grid-position"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#definite-grid-span"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#grid-placement"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#grid-placement-property"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#grid-position"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#grid-span"> - <!-- 1 tests --> - <tr id="grid-layout-grid-span-9.#grid-span" class=""> - <td> - <a href="grid-layout-grid-span.xht">grid-layout-grid-span</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td></td> - <td>grid span - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s9.#ref-for-auto-placement-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-area-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-area-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-area-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-cell-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-64"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-65"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-66"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-67"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-68"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-69"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-70"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-71"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-item-72"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-placement-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-position-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-position-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-span-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-span-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-grid-track-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-propdef-grid-area-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-propdef-grid-column-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-propdef-grid-column-end-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-propdef-grid-column-start-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-propdef-grid-row-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-propdef-grid-row-end-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.#ref-for-propdef-grid-row-start-2"> - <!-- 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-grid-1/#common-uses">9.1 Common Patterns for Grid Placement</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#grid-property-breakdown"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-grid-placement-property-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-propdef-grid-area-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-propdef-grid-column-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-propdef-grid-column-end-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-propdef-grid-column-start-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-propdef-grid-row-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-propdef-grid-row-end-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.#ref-for-propdef-grid-row-start-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.1.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#common-uses-named-areas">9.1.1 Named Areas</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.1.#example-7c4df580"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.1.#example-df960baa"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.1.#ref-for-named-grid-area-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.1.#ref-for-named-grid-area-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.1.#ref-for-propdef-grid-area-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.1.#ref-for-propdef-grid-template-areas-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.2"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.1.2">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#common-uses-numeric">9.1.2 Numeric Indexes and Spans</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.2.#example-27d41da0"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.2.#example-3c89c9a4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.1.3">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#common-uses-named-lines">9.1.3 Named Lines and Spans</a></th></tr> - <!-- 2 tests --> - <tr id="grid-layout-lines-9.1.3" class=""> - <td> - <a href="grid-layout-lines.xht">grid-layout-lines</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td></td> - <td>grid lines - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - <tr id="grid-layout-lines-shorthands-9.1.3" class=""> - <td> - <a href="grid-layout-lines-shorthands.xht">grid-layout-lines-shorthands</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td></td> - <td>grid lines shorthands - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s9.1.3.#example-01a712a1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.3.#example-d95f90ed"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.3.#ref-for-named-grid-area-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.3.#ref-for-named-grid-area-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.3.#ref-for-named-line-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.3.#ref-for-named-line-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.1.4">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#common-uses-auto-placement">9.1.4 Auto Placement</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#example-63dbf459"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#example-dd1fe353"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-grid-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-grid-cell-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-grid-item-73"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-grid-item-placement-algorithm-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-propdef-grid-auto-flow-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.1.4.#ref-for-valdef-grid-auto-flow-dense-2"> - <!-- 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-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-grid-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.2.#ref-for-grid-placement-property-13"> - <!-- 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-grid-1/#line-placement">9.3 Line-based Placement: the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#example-198bb78c"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#example-64f80282"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#grid-placement-auto"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#grid-placement-int"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#grid-placement-slot"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#grid-placement-span-int"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#propdef-grid-column-end"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#propdef-grid-column-start"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#propdef-grid-row-end"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#propdef-grid-row-start"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-auto-placement-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-explicit-grid-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-explicit-grid-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-explicit-grid-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-explicit-grid-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-explicit-grid-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-area-21"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-area-22"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-area-23"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-container-67"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-container-68"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-74"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-75"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-76"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-77"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-78"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-79"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-80"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-item-81"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-line-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-placement-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-placement-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-placement-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-placement-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-placement-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-grid-span-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-implicit-grid-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-implicit-grid-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-implicit-grid-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-implicit-grid-lines-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-implicit-grid-lines-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-implicit-named-line-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-named-grid-area-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-named-grid-area-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-named-grid-area-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-named-line-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-end-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-end-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-end-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-start-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-start-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-start-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-column-start-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-row-end-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-row-end-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-row-start-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-row-start-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-propdef-grid-row-start-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#ref-for-typedef-grid-row-start-grid-line-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.#typedef-grid-row-start-grid-line"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.1"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s9.3.1">+</a> - <a href="https://www.w3.org/TR/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.1.#ref-for-grid-item-82"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.1.#ref-for-grid-placement-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.1.#ref-for-grid-placement-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.1.#ref-for-grid-placement-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.3.1.#ref-for-grid-placement-property-14"> - <!-- 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-grid-1/#placement-shorthands">9.4 Placement Shorthands: the grid-column, grid-row, and grid-area properties</a></th></tr> - <!-- 1 tests --> - <tr id="grid-layout-placement-shorthands-9.4" class=""> - <td> - <a href="grid-layout-placement-shorthands.xht">grid-layout-placement-shorthands</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td></td> - <td>placement shorthand - <ul class="assert"> - <li>the layout should behave the same as reference.</li> - </ul> - </td> - </tr> - </tbody> - <tbody id="s9.4.#propdef-grid-area"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#propdef-grid-column"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#propdef-grid-row"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-container-69"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-container-70"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-item-83"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-item-84"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-placement-auto-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-placement-auto-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-placement-auto-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-grid-placement-auto-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-area-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-end-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-end-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-end-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-end-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-end-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-end-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-start-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-start-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-start-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-start-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-column-start-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-end-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-end-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-end-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-end-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-end-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-end-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-start-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-start-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-start-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-start-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-propdef-grid-row-start-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.4.#ref-for-typedef-grid-row-start-grid-line-8"> - <!-- 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-grid-1/#auto-placement-algo">9.5 Grid Item Placement Algorithm</a></th></tr> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#auto-placement-cursor"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#example-faa9d488"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#grid-item-placement-algorithm"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#occupied"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-auto-placement-cursor-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-automatic-grid-position-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-automatic-grid-position-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-automatic-grid-position-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-definite-grid-position-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-explicit-grid-30"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-explicit-grid-31"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-explicit-grid-32"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-explicit-grid-33"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-area-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-area-25"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-area-26"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-area-27"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-area-28"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-area-29"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-cell-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-85"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-86"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-87"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-88"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-89"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-90"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-91"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-92"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-93"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-94"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-95"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-96"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-97"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-98"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-item-placement-algorithm-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-line-20"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-placement-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-placement-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-placement-property-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-span-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-span-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-grid-span-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-11"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-13"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-14"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-15"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-16"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-17"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-18"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-19"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-implicit-grid-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-6"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-7"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-occupied-8"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-propdef-grid-auto-flow-10"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-propdef-grid-auto-flow-9"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-propdef-grid-row-end-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-propdef-grid-row-start-12"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-propdef-grid-template-columns-24"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-unoccupied-1"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-unoccupied-2"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-valdef-grid-auto-flow-column-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-3"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-valdef-grid-auto-flow-dense-4"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#ref-for-valdef-grid-auto-flow-row-5"> - <!-- 0 tests --> - </tbody> - <tbody id="s9.5.#unoccupied"> - <!-- 0 tests --> - </tbody> - </table> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/display-grid.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/display-grid.xht deleted file mode 100644 index ab1dccd67d2..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/display-grid.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 Grid Layout: display: grid</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-17 --> - <link href="http://www.w3.org/TR/css-grid-1/#grid-containers" rel="help" /> - <link href="reference/display-grid-ref.xht" rel="match" /> - <meta content="'display: grid' causes an element to generate a block-level grid container box." name="assert" /> - <style type="text/css"> - #container { - position:relative; - width:400px; - height:100px; - } - - #grid { - display:grid; - grid-template-columns:100px 300px; - grid-template-rows:70px 30px; - height:100%; - } - - #cell1 { - grid-column:1; - grid-row:1; - background-color:green; - height:70px; - } - - #cell2 { - grid-column:2; - grid-row:1; - background-color:limegreen; - height:70px; - } - - #cell3 { - grid-column:1; - grid-row:2; - background-color:limegreen; - height:30px; - } - - #cell4 { - grid-column:2; - grid-row:2; - background-color:green; - height:30px; - } - - .error { - position:absolute; - top:0; - left:0; - height:100%; - width:100%; - z-index:-1; - } - - #table { - width:100%; - height:100%; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:last-child td { - height:30px; - } - </style> -</head> -<body> -<p>Test passes if there are 4 green rectangles and no red.</p> - -<div id="container"> - <div id="grid"> - <div id="cell1">cell1</div> - <div id="cell2">cell2</div> - <div id="cell3">cell3</div> - <div id="cell4">cell4</div> - </div> - <div class="error"> - <table id="table"> - <tbody> - <tr> - <td style="background-color:#f00">cell1</td> - <td style="background-color:#e00">cell2</td> - </tr> - <tr> - <td style="background-color:#e00">cell3</td> - <td style="background-color:#f00">cell4</td> - </tr> - </tbody> - </table> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/display-inline-grid.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/display-inline-grid.xht deleted file mode 100644 index 575c1ced464..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/display-inline-grid.xht +++ /dev/null @@ -1,111 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 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: display: inline-grid</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-17 --> - <link href="http://www.w3.org/TR/css-grid-1/#grid-containers" rel="help" /> - <link href="reference/display-inline-grid-ref.xht" rel="match" /> - <meta content="'display: inline-grid' causes an element to generate an inline-level grid container box." name="assert" /> - <style type="text/css"> - #container { - position:relative; - } - - #grid { - display:inline-grid; - grid-template-columns:100px 300px; - grid-template-rows:70px 30px; - width:400px; - height:100px; - } - - #cell1 { - grid-column:1; - grid-row:1; - background-color:green; - height:70px; - } - - #cell2 { - grid-column:2; - grid-row:1; - background-color:limegreen; - height:70px; - } - - #cell3 { - grid-column:1; - grid-row:2; - background-color:limegreen; - height:30px; - } - - #cell4 { - grid-column:2; - grid-row:2; - background-color:green; - height:30px; - } - - .error { - position:absolute; - top:0; - left:0; - height:100px; - width:400px; - z-index:-1; - } - - #table { - width:100%; - height:100%; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:last-child td { - height:30px; - } - - span { - vertical-align:top; - } - </style> -</head> -<body> -<p>Test passes if there are 4 green rectangles and no red.</p> - -<div id="container"> - <div id="grid"> - <div id="cell1">cell1</div> - <div id="cell2">cell2</div> - <div id="cell3">cell3</div> - <div id="cell4">cell4</div> - </div> - <span>Inline</span> - <div class="error"> - <table id="table"> - <tbody> - <tr> - <td style="background-color:#f00">cell1</td> - <td style="background-color:#e00">cell2</td> - </tr> - <tr> - <td style="background-color:#e00">cell3</td> - <td style="background-color:#f00">cell4</td> - </tr> - </tbody> - </table> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/fr-unit-with-percentage.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/fr-unit-with-percentage.xht deleted file mode 100644 index e8394beb273..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/fr-unit-with-percentage.xht +++ /dev/null @@ -1,102 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS3 Grid Layout: Flexible Lenght</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-22 --> - <link href="http://www.w3.org/TR/css-grid-1/#fr-unit" rel="help" /> - <link href="reference/fr-unit-with-percentage-ref.xht" rel="match" /> - <style type="text/css"> - #container { - position:relative; - width:400px; - height:100px; - } - - #grid { - display:grid; - grid-template-columns:1fr 75%; - grid-template-rows:1fr 70%; - width:100%; - height:100%; - } - - #cell1 { - grid-column:1; - grid-row:1; - } - - #cell2 { - grid-column:2; - grid-row:1; - } - - #cell3 { - grid-column:1; - grid-row:2; - height:100%; - } - - #cell4 { - grid-column:2; - grid-row:2; - background-color:green; - height:100%; - } - - .error { - position:absolute; - top:0; - left:0; - height:100%; - width:100%; - z-index:-1; - } - - #table { - width:100%; - height:100%; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:first-child td { - height:30px; - } - </style> -</head> -<body> -<p>Test passes if there is a green square and no red.</p> - -<div id="container"> - <div id="grid"> - <div id="cell1">cell1</div> - <div id="cell2">cell2</div> - <div id="cell3">cell3</div> - <div id="cell4">cell4</div> - </div> - <div class="error"> - <table id="table"> - <tbody> - <tr> - <td> </td> - <td> </td> - </tr> - <tr> - <td> </td> - <td style="background-color:red"> </td> - </tr> - </tbody> - </table> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/fr-unit.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/fr-unit.xht deleted file mode 100644 index 08fcc6b4280..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/fr-unit.xht +++ /dev/null @@ -1,105 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS3 Grid Layout: Flexible Length</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-22 --> - <link href="http://www.w3.org/TR/css-grid-1/#fr-unit" rel="help" /> - <link href="reference/fr-unit-ref.xht" rel="match" /> - <meta content="'fr' unit represents a fraction of the free space in the grid container." name="assert" /> - <style type="text/css"> - #container { - position:relative; - width:400px; - height:100px; - } - - #grid { - display:grid; - grid-template-columns:100px 1fr; - grid-template-rows:30px 1fr; - width:100%; - height:100%; - } - - #cell1 { - grid-column:1; - grid-row:1; - height:30px; - } - - #cell2 { - grid-column:2; - grid-row:1; - height:30px; - } - - #cell3 { - grid-column:1; - grid-row:2; - height:100%; - } - - #cell4 { - grid-column:2; - grid-row:2; - background-color:green; - height:100%; - } - - .error { - position:absolute; - top:0; - left:0; - height:100%; - width:100%; - z-index:-1; - } - - #table { - width:100%; - height:100%; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:first-child td { - height:30px; - } - </style> -</head> -<body> -<p>Test passes if there is a green square and no red.</p> - -<div id="container"> - <div id="grid"> - <div id="cell1">cell1</div> - <div id="cell2">cell2</div> - <div id="cell3">cell3</div> - <div id="cell4">cell4</div> - </div> - <div class="error"> - <table id="table"> - <tbody> - <tr> - <td> </td> - <td> </td> - </tr> - <tr> - <td> </td> - <td style="background-color:red"> </td> - </tr> - </tbody> - </table> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-computed-value-display-floated-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-computed-value-display-floated-items-001.xht deleted file mode 100644 index 6a184f21178..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-computed-value-display-floated-items-001.xht +++ /dev/null @@ -1,87 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: 'float' affects to the computed value of 'display' on grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo" title="9.7 Relationships between 'display', 'position', and 'float'" /> - <meta name="flags" content="dom" /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - } - - #inline-grid { - display: inline-grid; - } - - .inline-table { - display: inline-table; - } - - .inline { - display: inline; - } - - .flex { - display: flex; - } - - .float { - float: left; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="grid"> - <div id="grid-inline-table" class="float inline-table"></div> - <div id="grid-inline" class="float inline"></div> - <div id="grid-flex" class="float flex"></div> - </div> - <div id="inline-grid"> - <div id="inline-grid-inline-table" class="float inline-table"></div> - <div id="inline-grid-inline" class="float inline"></div> - <div id="inline-grid-flex" class="float flex"></div> - </div> - - <script type="text/javascript"><![CDATA[ - function testComputedStyleDisplay(element, value) { - assert_equals(getComputedStyle(element).getPropertyValue("display"), value, "getComputedStyle() display should be '" + value + "'"); - } - - var gridInlineTable = document.getElementById("grid-inline-table"); - test(function() { - testComputedStyleDisplay(gridInlineTable, "table"); - }, "Test display floated 'inline-table' grid item"); - - var gridInline = document.getElementById("grid-inline"); - test(function() { - testComputedStyleDisplay(gridInline, "block"); - }, "Test display floated 'inline' grid item"); - - var gridFlex = document.getElementById("grid-flex"); - test(function() { - testComputedStyleDisplay(gridFlex, "flex"); - }, "Test display floated 'flex' grid item"); - - var inlineGridInlineTable = document.getElementById("inline-grid-inline-table"); - test(function() { - testComputedStyleDisplay(inlineGridInlineTable, "table"); - }, "Test display floated 'inline-table' grid item within an inline grid"); - - var inlineGridInline = document.getElementById("inline-grid-inline"); - test(function() { - testComputedStyleDisplay(inlineGridInline, "block"); - }, "Test display floated 'inline' grid item within an inline grid"); - - var inlineGridFlex = document.getElementById("inline-grid-flex"); - test(function() { - testComputedStyleDisplay(inlineGridFlex, "flex"); - }, "Test display floated 'flex' grid item within an inline grid"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-display-grid-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-display-grid-001.xht deleted file mode 100644 index e5e319c907c..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-display-grid-001.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 Grid Layout Test: 'grid' value for 'display' property</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2014-11-18 --> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="This test checks that 'grid' value for 'display' property generates a block level containing box." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-grid-overlapping-green { - display: grid; - font: 25px/1 Ahem; - color: green; - } - ]]></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 class="test-grid-overlapping-green"> - <span>firs</span> - <span>seco</span> - </div> - <div class="test-grid-overlapping-green"> - <span>firs</span> - <span>seco</span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-display-inline-grid-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-display-inline-grid-001.xht deleted file mode 100644 index 624efe402d3..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-display-inline-grid-001.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'inline-grid' value for 'display' property</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2014-11-18 --> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="This test checks that 'inline-grid' value for 'display' property generates an inline level containing box." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-inline-grid-overlapping-green { - display: inline-grid; - background-color: green; - width: 50px; - 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 class="test-inline-grid-overlapping-green"></div><div class="test-inline-grid-overlapping-green"></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-001.xht deleted file mode 100644 index 1aa49f96dee..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-001.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-letter' from grid container does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container." /> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - color: green; - } - - .grid::first-letter { - color: red; - } - ]]></style> - </head> - <body> - <div class="grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-002.xht deleted file mode 100644 index d22249e4055..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-002.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-letter' from grid container ancestors does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors." /> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - color: green; - } - - body::first-letter { - color: red; - } - ]]></style> - </head> - <body> - <div class="grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-003.xht deleted file mode 100644 index a2e534d0259..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-letter-003.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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-letter' works on grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element" /> - <link rel="match" href="reference/grid-first-letter-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item." /> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - } - - .item::first-letter { - color: green; - } - ]]></style> - </head> - <body> - <div class="grid"> - <div class="item"> - <p> - The <strong>first letter</strong> of this paragraph, and only that one, should be <strong>green</strong>. - In addition, body and paragraph margins should <strong>not collapse</strong>. - </p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-001.xht deleted file mode 100644 index d4d527ac259..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-001.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-line' from grid container does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container." /> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - color: green; - } - - .grid::first-line { - color: red; - } - ]]></style> - </head> - <body> - <div class="grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-002.xht deleted file mode 100644 index e140606d6d5..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-002.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-line' from grid container ancestors does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors." /> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - color: green; - } - - body::first-line { - color: red; - } - ]]></style> - </head> - <body> - <div class="grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-003.xht deleted file mode 100644 index 3e1895ea2b2..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-first-line-003.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-line' works on grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item." /> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - color: red; - } - - .item::first-line { - color: green; - } - ]]></style> - </head> - <body> - <div class="grid"> - <div class="item"> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-float-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-float-001.xht deleted file mode 100644 index 77eee5342cf..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-float-001.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 Grid Layout Test: 'float' has no effect on grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-01-03 --> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .grid { - display: grid; - } - - .test-overlapping-green { - background-color: green; - width: 100px; - height: 50px; - } - - .float-left { - float: left; - } - ]]></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 class="grid"> - <div class="test-overlapping-green float-left"></div> - <div class="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-floats-no-intrude-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-floats-no-intrude-001.xht deleted file mode 100644 index 44e54508cdc..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-floats-no-intrude-001.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 Grid Layout Test: floats do not intrude into a 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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-overlapping-green { - background-color: green; - width: 50px; - height: 100px; - } - - .float { - float: left; - } - - .grid { - display: grid; - } - ]]></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 class="float test-overlapping-green"></div> - <div class="grid test-overlapping-green"></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-001.xht deleted file mode 100644 index 3f81aba7458..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-001.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-letter' from inline grid container does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container." /> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - color: green; - } - - .grid::first-letter { - color: red; - } - ]]></style> - </head> - <body> - <div class="inline-grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-002.xht deleted file mode 100644 index b5c74057bf9..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-002.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-letter' from inline grid container ancestors does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors." /> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - color: green; - } - - body::first-letter { - color: red; - } - ]]></style> - </head> - <body> - <div class="inline-grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-003.xht deleted file mode 100644 index 5dc26bdbd27..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-letter-003.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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-letter' works on grid items 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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element" /> - <link rel="match" href="reference/grid-first-letter-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid." /> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - } - - .item::first-letter { - color: green; - } - ]]></style> - </head> - <body> - <div class="inline-grid"> - <div class="item"> - <p> - The <strong>first letter</strong> of this paragraph, and only that one, should be <strong>green</strong>. - In addition, body and paragraph margins should <strong>not collapse</strong>. - </p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-001.xht deleted file mode 100644 index 80dbfe9a02b..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-001.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-line' from inline grid container does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container." /> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - color: green; - } - - .inline-grid::first-line { - color: red; - } - ]]></style> - </head> - <body> - <div class="inline-grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-002.xht deleted file mode 100644 index e2eb221c42e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-002.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-line' from inline grid container ancestors does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors." /> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - color: green; - } - - body::first-line { - color: red; - } - ]]></style> - </head> - <body> - <div class="inline-grid"> - <div> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-003.xht deleted file mode 100644 index 7553dca2901..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-first-line-003.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: '::first-line' works on grid items 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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid." /> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - color: red; - } - - .item::first-line { - color: green; - } - ]]></style> - </head> - <body> - <div class="inline-grid"> - <div class="item"> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-float-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-float-001.xht deleted file mode 100644 index b271b9e066e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-float-001.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 Grid Layout Test: 'float' has no effect on grid items within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-01-03 --> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <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; - } - - .test-overlapping-green { - background-color: green; - width: 100px; - height: 50px; - } - - .float-left { - float: left; - } - ]]></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 class="inline-grid"> - <div class="test-overlapping-green float-left"></div> - <div class="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-floats-no-intrude-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-floats-no-intrude-001.xht deleted file mode 100644 index 5ecfe39b33d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-floats-no-intrude-001.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 Grid Layout Test: floats do not intrude into 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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-overlapping-green { - background-color: green; - width: 50px; - height: 100px; - } - - .float { - float: left; - } - - .inline-grid { - display: inline-grid; - } - ]]></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 class="float test-overlapping-green"></div> - <div class="inline-grid test-overlapping-green"></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-001.xht deleted file mode 100644 index f9dbab0e890..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Regular and anonymous grid items 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/#grid-items" title="4 Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-inline-grid-overlapping-green { - display: inline-grid; - font: 25px/1 Ahem; - color: green; - } - ]]></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 class="test-inline-grid-overlapping-green"> - <div>it</div> - em - <div>it</div> - em - </div><div class="test-inline-grid-overlapping-green"> - it - <span>em</span> - it - <span>em</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.xht deleted file mode 100644 index 10acc79dae9..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Children of grid items do not create new items 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/#grid-items" title="4 Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that the grid items do not split around blocks creating extra items within an inline grid." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-inline-grid-overlapping-green { - display: inline-grid; - font: 25px/1 Ahem; - color: green; - } - ]]></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 class="test-inline-grid-overlapping-green"> - <div> - <div>it</div> - em - </div> - <div> - it - <div>em</div> - </div> - </div><div class="test-inline-grid-overlapping-green"> - <span> - <span>i</span>t - </span> - <span> - e<span>m</span> - </span> - <span> - <span>i</span>t - </span> - <span> - e<span>m</span> - </span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-003.xht deleted file mode 100644 index dffde4b1b19..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Grid items with 'display:none' are not rendered 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/#grid-items" title="4 Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.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; - } - - .test-inline-grid-overlapping-green { - display: inline-grid; - font: 50px/1 Ahem; - color: green; - } - - .display-none-red { - display: none; - color: red; - } - ]]></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 class="test-inline-grid-overlapping-green two-columns"> - <span>it</span> - <span class="display-none-red">hidden</span> - <span>em</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-inline-blocks-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-inline-blocks-001.xht deleted file mode 100644 index b068a0c1197..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-inline-blocks-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: Paint order of grid items within an inline grid is the same as inline blocks</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/#z-order" title="9.5 Z-axis Ordering: the z-index property" /> - <link rel="help" href="http://www.w3.org/TR/CSS2/zindex.html#painting-order" title="E.2 Painting order" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - } - - #reference-overlapped-red { - color: red; - font: 100px/1 Ahem; - grid-row: 1; - grid-column: 1; - } - - #test-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - grid-row: 1; - grid-column: 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="reference-overlapped-red">R</div> - <div id="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-margins-no-collapse-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-margins-no-collapse-001.xht deleted file mode 100644 index f11bf8d2af8..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-margins-no-collapse-001.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: inline grid's margins do not collapse</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph)." /> - <style type="text/css"><![CDATA[ - body { - display: inline-grid; - } - - p { - color: green; - } - ]]></style> - </head> - <body> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-multicol-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-multicol-001.xht deleted file mode 100644 index d4baa2f875e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-multicol-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'column-*' properties from inline grid container does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-overlapping-green { - background-color: green; - width: 100px; - height: 50px; - } - - .inline-grid { - display: inline-grid; - column-width: 50px; - } - ]]></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 class="inline-grid"> - <div class="test-overlapping-green"></div> - <div class="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-001.xht deleted file mode 100644 index 73c0ec35481..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-002.xht deleted file mode 100644 index 8b3e9e4fa66..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-003.xht deleted file mode 100644 index 0283292ec3f..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-004.xht deleted file mode 100644 index f97e1062085..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-auto-placement-005.xht deleted file mode 100644 index c8a670021a9..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-painting-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-painting-001.xht deleted file mode 100644 index f282d6c857d..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-painting-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-painting-002.xht deleted file mode 100644 index 76152dba23f..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-painting-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-painting-003.xht deleted file mode 100644 index ae20cc6e3cb..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-painting-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-painting-004.xht deleted file mode 100644 index 6d53a380803..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-order-property-painting-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-order-property-painting-005.xht deleted file mode 100644 index cdc842304d9..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht deleted file mode 100644 index 228536737c5..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties 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/#fr-unit" title="5.1.3 Flexible Lengths: the fr unit" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="inline-grid"></div> - <div id="grid" class="inline-grid"> - <div>GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "2fr", "2fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1fr)", "minmax(1fr, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1fr)", "minmax(1fr, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 1fr", "1fr 1fr", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 1fr", "1fr 1fr", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.25fr 0.75fr", "0.25fr 0.75fr", "200px 600px", "150px 450px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.25fr 0.75fr", "0.25fr 0.75fr", "200px 600px", "150px 450px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 2fr 1fr", "1fr 2fr 1fr", "200px 400px 200px", "150px 300px 150px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 2fr 1fr", "1fr 2fr 1fr", "200px 400px 200px", "150px 300px 150px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto 1fr 4fr 3fr 2fr", "auto 1fr 4fr 3fr 2fr", "0px 80px 320px 240px 160px", "0px 60px 240px 180px 120px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto 1fr 4fr 3fr 2fr", "auto 1fr 4fr 3fr 2fr", "90px 71px 284px 213px 142px", "10px 59px 236px 177px 118px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 4fr 100px 3fr 2fr", "1fr 4fr 100px 3fr 2fr", "70px 280px 100px 210px 140px", "50px 200px 100px 150px 100px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 4fr 100px 3fr 2fr", "1fr 4fr 100px 3fr 2fr", "70px 280px 100px 210px 140px", "50px 200px 100px 150px 100px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto 1fr", "auto 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto 1fr", "auto 1fr", "90px 710px", "10px 590px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "max-content 1fr", "max-content 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "max-content 1fr", "max-content 1fr", "90px 710px", "10px 590px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "min-content 1fr", "min-content 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "min-content 1fr", "min-content 1fr", "40px 760px", "20px 580px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr auto", "1fr auto", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr auto", "1fr auto", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "300px 1fr", "200px 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("grid", "300px 1fr", "200px 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "800px 1fr", "600px 1fr", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "800px 1fr", "600px 1fr", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1000px 1fr", "700px 1fr", "1000px 0px", "700px 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1000px 1fr", "700px 1fr", "1000px 0px", "700px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "calc(50px + 50%) 1fr", "calc(50px + 50%) 1fr", "450px 350px", "350px 250px"); - TestingUtils.testGridTemplateColumnsRows("grid", "calc(50px + 50%) 1fr", "calc(50px + 50%) 1fr", "450px 350px", "350px 250px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 300px) 1fr", "minmax(100px, 200px) 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(100px, 300px) 1fr", "minmax(100px, 200px) 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(4, 1fr)", "repeat(4, 1fr)", ["200px 200px 200px 200px", "repeat(4, 200px)"], ["150px 150px 150px 150px", "repeat(4, 150px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(4, 1fr)", "repeat(4, 1fr)", ["200px 200px 200px 200px", "repeat(4, 200px)"], ["150px 150px 150px 150px", "repeat(4, 150px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(4, [b] 1fr [c]) [d]", "[z] repeat(4, [y] 1fr) [x]", ["[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]", "[a] repeat(4, [b] 200px [c]) [d]"], ["[z y] 150px [y] 150px [y] 150px [y] 150px [x]", "[z] repeat(4, [y] 150px) [x]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(4, [b] 1fr [c]) [d]", "[z] repeat(4, [y] 1fr) [x]", ["[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]", "[a] repeat(4, [b] 200px [c]) [d]"], ["[z y] 150px [y] 150px [y] 150px [y] 150px [x]", "[z] repeat(4, [y] 150px) [x]"]); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "fr", "fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "fr", "fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1 fr", "1 fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "1 fr", "1 fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1free-space", "1free-space", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "1free-space", "1free-space", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "-2fr", "-2fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "-2fr", "-2fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0,5fr", "0,5fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "0,5fr", "0,5fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "calc(1fr + 100px)", "calc(1fr + 100px)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "calc(1fr + 100px)", "calc(1fr + 100px)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "(1fr) auto", "(1fr) auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "(1fr) auto", "(1fr) auto", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-001.xht deleted file mode 100644 index 74d1672cdfc..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-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"> -<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: Support for 'grid-template-ares' property 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/#grid-template-areas-property" title="5.2 Named Areas: the 'grid-template-areas' property" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - #grid { - display: inline-grid; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="inline-grid"></div> - - <script type="text/javascript"><![CDATA[ - // Single values. - TestingUtils.testGridTemplateAreas('inline-grid', 'none', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a"', '"a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"."', '"."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b"', '"a b"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b""c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\t"c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\n"c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "a b"', '"a b" "a b"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a a" "b b"', '"a a" "b b"'); - TestingUtils.testGridTemplateAreas('inline-grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); - TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); - TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); - TestingUtils.testGridTemplateAreas('inline-grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); - TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); - TestingUtils.testGridTemplateAreas('inline-grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); - TestingUtils.testGridTemplateAreas('inline-grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); - TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); - TestingUtils.testGridTemplateAreas('inline-grid', '"a a a" "b b b"', '"a a a" "b b b"'); - TestingUtils.testGridTemplateAreas('inline-grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); - - // Reset values. - document.getElementById('inline-grid').style.gridTemplateAreas = ''; - - // Wrong values. - TestingUtils.testGridTemplateAreas('inline-grid', 'a', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a" "b c"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c" "d e"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b c" "d e"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b"-"c d"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" - "c d"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" . "c d"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b a"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a" "b" "a"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b b"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"b a" "b b"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b a"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none'); - TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none'); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-columns-rows-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-columns-rows-001.xht deleted file mode 100644 index 89b1aa2e2af..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-columns-rows-001.xht +++ /dev/null @@ -1,87 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: Support for 'grid-template-columns' and 'grid-template-rows' properties 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/#track-sizing" title="5.1 Track Sizing: the 'grid-template-rows' and 'grid-template-columns' properties" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="inline-grid"></div> - <div id="grid" class="inline-grid"> - <div id="item">GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Single values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "none", "none", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "none", "none", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto", "auto", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto", "auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "500px", "300px", "500px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "500px", "300px", "500px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "40em", "20em", "400px", "200px"); - TestingUtils.testGridTemplateColumnsRows("grid", "40em", "20em", "400px", "200px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "25%", "50%", "200px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "25%", "50%", "200px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "calc(200px + 10%)", "calc(25% + 50px)", "280px", "200px"); - TestingUtils.testGridTemplateColumnsRows("grid", "calc(200px + 10%)", "calc(25% + 50px)", "280px", "200px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "max-content", "max-content", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "max-content", "max-content", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "min-content", "min-content", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "min-content", "min-content", "40px", "20px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(200px, 400px)", "minmax(50px, 100px)", "400px", "100px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(200px, 400px)", "minmax(50px, 100px)", "400px", "100px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(calc(10% + 200px), calc(800px - 20%))", "minmax(calc(20% + 50px), calc(600px - 10%))", "640px", "540px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(calc(10% + 200px), calc(800px - 20%))", "minmax(calc(20% + 50px), calc(600px - 10%))", "640px", "540px"); - - // Multiple values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "500px 200px 50px", "100px 300px", "500px 200px 50px", "100px 300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "500px 200px 50px", "100px 300px", "500px 200px 50px", "100px 300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "40em 100px 15%", "50px 20em 10%", "400px 100px 120px", "50px 200px 60px"); - TestingUtils.testGridTemplateColumnsRows("grid", "40em 100px 15%", "50px 20em 10%", "400px 100px 120px", "50px 200px 60px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "200px 1fr", "1fr 100px", "200px 600px", "500px 100px"); - TestingUtils.testGridTemplateColumnsRows("grid", "200px 1fr", "1fr 100px", "200px 600px", "500px 100px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto 1fr", "auto 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto 1fr", "auto 1fr", "90px 710px", "10px 590px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 3fr", "2fr 1fr", "200px 600px", "400px 200px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 3fr", "2fr 1fr", "200px 600px", "400px 200px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(25px, 75px) 750px", "minmax(50px, 150px) 500px", "50px 750px", "100px 500px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(25px, 75px) 750px", "minmax(50px, 150px) 500px", "50px 750px", "100px 500px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "min-content 1fr calc(20px + 10%) minmax(30em, 50em)", "min-content 1fr calc(10% + 40px) minmax(3em, 5em)", "0px 200px 100px 500px", "0px 450px 100px 50px"); - TestingUtils.testGridTemplateColumnsRows("grid", "min-content 1fr calc(20px + 10%) minmax(30em, 50em)", "min-content 1fr calc(10% + 40px) minmax(3em, 5em)", "40px 160px 100px 500px", "20px 430px 100px 50px"); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "foo", "bar", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "foo", "bar", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto none", "none auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto none", "none auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "100px, 200px", "300px, 400px", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px, 200px", "300px, 400px", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 200px, 300px)", "minmax(100px, 200px, 300px)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(100px, 200px, 300px)", "minmax(100px, 200px, 300px)", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-named-grid-lines-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-named-grid-lines-001.xht deleted file mode 100644 index a5ea77d95e4..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-named-grid-lines-001.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"> -<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: Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties 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/#named-lines" title="5.1.1. Named Grid Lines: the '(<custom-ident\>*)' syntax" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="inline-grid"></div> - <div id="grid" class="inline-grid"> - <div id="item">GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[first] auto [last]", "[first] auto [last]", "[first] 0px [last]", "[first] 0px [last]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[first] auto [last]", "[first] auto [last]", "[first] 90px [last]", "[first] 10px [last]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] 0px [L4st-L1_n3]", "[F1rst-L1_n3] 0px [L4st-L1_n3]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] 90px [L4st-L1_n3]", "[F1rst-L1_n3] 10px [L4st-L1_n3]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[] auto [ ]", "[ ] auto []", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "[] auto [ ]", "[ ] auto []", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[first] auto", "[first] auto", "[first] 0px", "[first] 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "[first] auto", "[first] auto", "[first] 90px", "[first] 10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto [last]", "auto [last]", "0px [last]", "0px [last]"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto [last]", "auto [last]", "90px [last]", "10px [last]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[line] auto [line]", "[line] auto [line]", "[line] 0px [line]", "[line] 0px [line]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[line] auto [line]", "[line] auto [line]", "[line] 90px [line]", "[line] 10px [line]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[first line] auto [last line]", "[first line] auto [last line]", "[first line] 0px [last line]", "[first line] 0px [last line]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[first line] auto [last line]", "[first line] auto [last line]", "[first line] 90px [last line]", "[first line] 10px [last line]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [b] auto [c]", "[a] auto [b] auto [c]", "[a] 0px [b] 0px [c]", "[a] 0px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [b] auto [c]", "[a] auto [b] auto [c]", "[a] 90px [b] 0px [c]", "[a] 10px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto [b] auto [c]", "auto [b] auto [c]", "0px [b] 0px [c]", "0px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto [b] auto [c]", "auto [b] auto [c]", "90px [b] 0px [c]", "10px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto auto [c]", "[a] auto auto [c]", ["[a] 0px 0px [c]", "[a] repeat(2, 0px) [c]"], ["[a] 0px 0px [c]", "[a] repeat(2, 0px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto auto [c]", "[a] auto auto [c]", "[a] 90px 0px [c]", "[a] 10px 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [b] auto", "[a] auto [b] auto", "[a] 0px [b] 0px", "[a] 0px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [b] auto", "[a] auto [b] auto", "[a] 90px [b] 0px", "[a] 10px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto auto", "[a] auto auto", ["[a] 0px 0px", "[a] repeat(2, 0px)"], ["[a] 0px 0px", "[a] repeat(2, 0px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto auto", "[a] auto auto", "[a] 90px 0px", "[a] 10px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto [b] auto", "auto [b] auto", "0px [b] 0px", "0px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto [b] auto", "auto [b] auto", "90px [b] 0px", "10px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto auto [c]", "auto auto [c]", ["0px 0px [c]", "repeat(2, 0px) [c]"], ["0px 0px [c]", "repeat(2, 0px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "auto auto [c]", "auto auto [c]", "90px 0px [c]", "10px 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [a] auto [a]", "[a] auto [a] auto [a]", ["[a] 0px [a] 0px [a]", "repeat(2, [a] 0px) [a]"], ["[a] 0px [a] 0px [a]", "repeat(2, [a] 0px) [a]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [a] auto [a]", "[a] auto [a] auto [a]", "[a] 90px [a] 0px [a]", "[a] 10px [a] 0px [a]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a b c] auto [a b c] auto [a b c]", "[a b c] auto [a b c] auto [a b c]", ["[a b c] 0px [a b c] 0px [a b c]", "repeat(2, [a b c] 0px) [a b c]"], "[a b c] 0px [a b c] 0px [a b c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a b c] auto [a b c] auto [a b c]", "[a b c] auto [a b c] auto [a b c]", "[a b c] 90px [a b c] 0px [a b c]", "[a b c] 10px [a b c] 0px [a b c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] 40em [b] 100px [c] 15% [d]", "[z] 50px [y] 20em [x] 10% [w]", "[a] 400px [b] 100px [c] 120px [d]", "[z] 50px [y] 200px [x] 60px [w]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] 40em [b] 100px [c] 15% [d]", "[z] 50px [y] 20em [x] 10% [w]", "[a] 400px [b] 100px [c] 120px [d]", "[z] 50px [y] 200px [x] 60px [w]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] 200px [b] 1fr [c]", "[z] 1fr [y] 100px [x]", "[a] 200px [b] 600px [c]", "[z] 500px [y] 100px [x]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] 200px [b] 1fr [c]", "[z] 1fr [y] 100px [x]", "[a] 200px [b] 600px [c]", "[z] 500px [y] 100px [x]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]", "[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]", "[a] 0px [b] 200px [c] 100px [d] 500px [e]", "[z] 0px [y] 450px [x] 100px [w] 50px [v]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]", "[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]", "[a] 40px [b] 160px [c] 100px [d] 500px [e]", "[z] 20px [y] 430px [x] 100px [w] 50px [v]"); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a]", "[a]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a]", "[a]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a b]", "[a b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a b]", "[a b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] none [b]", "[a] none [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] none [b]", "[a] none [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] [b]", "[a] [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] [b]", "[a] [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "a auto b", "a auto b", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "a auto b", "a auto b", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "(a) auto (b)", "(a) auto (b)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "(a) auto (b)", "(a) auto (b)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "'a' auto 'b'", "'a' auto 'b'", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "'a' auto 'b'", "'a' auto 'b'", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "\"a\" auto \"b\"", "\"a\" auto \"b\"", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "\"a\" auto \"b\"", "\"a\" auto \"b\"", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a, b] auto [a, b]", "[a, b] auto [a, b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a, b] auto [a, b]", "[a, b] auto [a, b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] [b] auto [c d] [e]", "[a] [b] auto [c d] [e]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] [b] auto [c d] [e]", "[a] [b] auto [c d] [e]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a [b]] auto [c]", "[a [b]] auto [c]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a [b]] auto [c]", "[a [b]] auto [c]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [[b]]", "[a] auto [[b]]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [[b]]", "[a] auto [[b]]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a auto [b]", "[a auto [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a auto [b]", "[a auto [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a 100px] auto [b]", "[a 100px] auto [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a 100px] auto [b]", "[a 100px] auto [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a 50%] auto [b]", "[a 50%] auto [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a 50%] auto [b]", "[a 50%] auto [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[5] auto [10]", "[5] auto [10]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[5] auto [10]", "[5] auto [10]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a.] auto [b*]", "[a.] auto [b*]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a.] auto [b*]", "[a.] auto [b*]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[#a] auto [$b]", "[#a] auto [$b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[#a] auto [$b]", "[#a] auto [$b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[initial] auto", "[initial] auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[initial] auto", "[initial] auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[inherit] auto", "[inherit] auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[inherit] auto", "[inherit] auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[default] auto", "[default] auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[default] auto", "[default] auto", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-repeat-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-repeat-001.xht deleted file mode 100644 index a1d806030d8..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-repeat-001.xht +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties 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/#repeat-notation" title="5.1.2 Repeating Rows and Columns: the 'repeat()' notation" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="inline-grid"></div> - <div id="grid" class="inline-grid"> - <div id="item">GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(1, auto)", "repeat(1, auto)", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(1, auto)", "repeat(1, auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, auto)", "repeat(2, auto)", ["0px 0px", "repeat(2, 0px)"], ["0px 0px", "repeat(2, 0px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, auto)", "repeat(2, auto)", "90px 0px", "10px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, minmax(50px, calc(50px + 50%))", "repeat(2, minmax(50px, calc(50px + 50%))", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, minmax(50px, calc(50px + 50%))", "repeat(2, minmax(50px, calc(50px + 50%))", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(5, 10%)", "repeat(5, 10%)", ["80px 80px 80px 80px 80px", "repeat(5, 80px)"], ["60px 60px 60px 60px 60px", "repeat(5, 60px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(5, 10%)", "repeat(5, 10%)", ["80px 80px 80px 80px 80px", "repeat(5, 80px)"], ["60px 60px 60px 60px 60px", "repeat(5, 60px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "max-content repeat(2, 25%) 1fr", "100px repeat(2, 25%) 1fr", ["0px 200px 200px 400px", "0px repeat(2, 200px) 400px"], ["100px 150px 150px 200px", "100px repeat(2, 150px) 200px"]); - TestingUtils.testGridTemplateColumnsRows("grid", "max-content repeat(2, 25%) 1fr", "max-content repeat(2, 25%) 1fr", ["90px 200px 200px 310px", "90px repeat(2, 200px) 310px"], ["10px 150px 150px 290px", "10px repeat(2, 150px) 290px"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, min-content 50px)", "repeat(2, min-content 50px)", ["0px 50px 0px 50px", "repeat(2, 0px 50px)"], ["0px 50px 0px 50px", "repeat(2, 0px 50px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, min-content 50px)", "repeat(2, min-content 50px)", "40px 50px 0px 50px", "20px 50px 0px 50px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "[a] 100px [b] 250px [c a] 100px [b] 250px [c]", "[a] 50px [b] 250px [c a] 50px [b] 250px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "[a] 100px [b] 250px [c a] 100px [b] 250px [c]", "[a] 50px [b] 250px [c a] 50px [b] 250px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, auto [b] 100px) [c]", "[a] repeat(2, auto [b] 100px) [c]", ["[a] 0px [b] 100px 0px [b] 100px [c]", "[a] repeat(2, 0px [b] 100px) [c]"], ["[a] 0px [b] 100px 0px [b] 100px [c]", "[a] repeat(2, 0px [b] 100px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, auto [b] 100px) [c]", "[a] repeat(2, auto [b] 100px) [c]", "[a] 90px [b] 100px 0px [b] 100px [c]", "[a] 10px [b] 100px 0px [b] 100px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto repeat(2, [b] 100px) [c]", "[a] auto repeat(2, [b] 100px) [c]", ["[a] 0px [b] 100px [b] 100px [c]", "[a] 0px repeat(2, [b] 100px) [c]"], ["[a] 0px [b] 100px [b] 100px [c]", "[a] 0px repeat(2, [b] 100px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto repeat(2, [b] 100px) [c]", "[a] auto repeat(2, [b] 100px) [c]", ["[a] 90px [b] 100px [b] 100px [c]", "[a] 90px repeat(2, [b] 100px) [c]"], ["[a] 10px [b] 100px [b] 100px [c]", "[a] 10px repeat(2, [b] 100px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, auto [b]) 100px [c]", "[a] repeat(2, auto [b]) 100px [c]", "[a] 0px [b] 0px [b] 100px [c]", "[a] 0px [b] 0px [b] 100px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, auto [b]) 100px [c]", "[a] repeat(2, auto [b]) 100px [c]", "[a] 90px [b] 0px [b] 100px [c]", "[a] 10px [b] 0px [b] 100px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, [b] 100px)", "[a] repeat(2, [b] 100px)", ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"], ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, [b] 100px)", "[a] repeat(2, [b] 100px)", ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"], ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, [b] auto [c]) [d]", "[a] repeat(2, [b] auto [c]) [d]", ["[a b] 0px [c b] 0px [c d]", "[a] repeat(2, [b] 0px [c]) [d]"], ["[a b] 0px [c b] 0px [c d]", "[a] repeat(2, [b] 0px [c]) [d]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, [b] auto [c]) [d]", "[a] repeat(2, [b] auto [c]) [d]", "[a b] 90px [c b] 0px [c d]", "[a b] 10px [c b] 0px [c d]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]", "[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]", ["[a] 0px [b] 50px [c] 100px [b] 50px [c] 100px [d] 500px [e]", "[a] 0px repeat(2, [b] 50px [c] 100px) [d] 500px [e]"], ["[z] 0px [y] 175px [x] 100px [y] 175px [x] 100px [w] 50px [v]", "[z] 0px repeat(2, [y] 175px [x] 100px) [w] 50px [v]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]", "[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]", ["[a] 40px [b] 30px [c] 100px [b] 30px [c] 100px [d] 500px [e]", "[a] 40px repeat(2, [b] 30px [c] 100px) [d] 500px [e]"], ["[z] 20px [y] 165px [x] 100px [y] 165px [x] 100px [w] 50px [v]", "[z] 20px repeat(2, [y] 165px [x] 100px) [w] 50px [v]"]); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(-1, auto)", "repeat(-1, auto)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(-1, auto)", "repeat(-1, auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(auto, 2)", "repeat(auto, 2)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(auto, 2)", "repeat(auto, 2)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat 2, auto", "repeat 2, auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat 2, auto", "repeat 2, auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2 auto)", "repeat(2 auto)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2 auto)", "repeat(2 auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "100px (repeat 2, auto)", "(repeat 2, auto)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px (repeat 2, auto)", "(repeat 2, auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, 50px repeat(2, 100px))", "repeat(2, 50px repeat(2, 100px))", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, 50px repeat(2, 100px))", "repeat(2, 50px repeat(2, 100px))", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "100px repeat(2, [a])", "100px repeat(2, [a])", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px repeat(2, [a])", "100px repeat(2, [a])", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-template-columns-rows-resolved-values-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-template-columns-rows-resolved-values-001.xht deleted file mode 100644 index 5c8765eca3d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-template-columns-rows-resolved-values-001.xht +++ /dev/null @@ -1,105 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in 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/#resolved-track-list" title="5.1.5. Resolved Values" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .inline-grid { - display: inline-grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - - .fifthColumn { - grid-column: 5; - } - - .fourthRow { - grid-row: 4; - } - - .gridAutoFlowColumn { - grid-auto-flow: column; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="grid" class="inline-grid"> - <div>FIRST ITEM</div> - <div>SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <div id="gridItemsPositions" class="inline-grid"> - <div class="fifthColumn">FIRST ITEM</div> - <div class="fourthRow">SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <div id="gridAutoFlowColumn" class="inline-grid gridAutoFlowColumn"> - <div>FIRST ITEM</div> - <div>SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <div id="gridAutoFlowColumnItemsPositions" class="inline-grid gridAutoFlowColumn"> - <div class="fifthColumn">FIRST ITEM</div> - <div class="fourthRow">SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("grid", "", "", "110px", ["10px 10px 20px", "repeat(2, 10px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("grid", "auto auto", "", "100px 110px", "10px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "60px", "", "60px", ["20px 20px 20px", "repeat(3, 20px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "100px 60px", "", "100px 60px", ["20px 20px", "repeat(2, 20px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "", "50px", "110px", "50px 10px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "", "50px 30px", "110px", "50px 30px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "60px", "50px", "60px", ["50px 20px 20px", "50px repeat(2, 20px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "60px", "50px 30px", "60px", "50px 30px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px 60px", "50px", "100px 60px", "50px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px 60px", "50px 30px", "100px 60px", "50px 30px"); - - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "", "", ["110px 0px 0px 0px 100px", "110px repeat(3, 0px) 100px"], "10px 20px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px", "", ["60px 0px 0px 0px 100px", "60px repeat(3, 0px) 100px"], "10px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px 50px", "", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "10px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "", "60px", ["110px 0px 0px 0px 100px", "110px repeat(3, 0px) 100px"], "60px 20px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "", "60px 50px", ["110px 0px 0px 0px 100px", "110px repeat(3, 0px) 100px"], "60px 50px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px", "60px", ["60px 0px 0px 0px 100px", "60px repeat(3, 0px) 100px"], "60px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px", "60px 50px", ["60px 0px 0px 0px 100px", "60px repeat(3, 0px) 100px"], "60px 50px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px 50px", "60px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "60px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px 50px", "60px 50px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "60px 50px 0px 20px"); - - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "", "100px 110px 50px", "20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "auto auto", "110px 50px", "20px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "60px", "", "60px 110px 50px", "20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "100px 60px", "", "100px 60px 50px", "20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "50px", "100px 110px 50px", "50px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "50px 30px", "110px 50px", "50px 30px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "60px", "50px", "60px 110px 50px", "50px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "60px", "50px 30px", "60px 50px", "50px 30px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "100px 60px", "50px", "100px 60px 50px", "50px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "100px 60px", "50px 30px", "100px 60px", "50px 30px"); - - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "", "", ["110px 50px 0px 0px 100px", "110px 50px repeat(2, 0px) 100px"], ["20px 0px 0px 10px", "20px repeat(2, 0px) 10px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px", "", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], ["20px 0px 0px 20px", "20px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px 70px", "", ["60px 70px 0px 0px 100px", "60px 70px repeat(2, 0px) 100px"], ["20px 0px 0px 20px", "20px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "", "60px", ["110px 50px 0px 0px 100px", "110px 50px repeat(2, 0px) 100px"], ["60px 0px 0px 10px", "60px repeat(2, 0px) 10px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "", "60px 70px", ["110px 50px 0px 0px 100px", "110px 50px repeat(2, 0px) 100px"], "60px 70px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px", "60px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], ["60px 0px 0px 20px", "60px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px", "60px 70px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "60px 70px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px 70px", "60px", ["60px 70px 0px 0px 100px", "60px 70px repeat(2, 0px) 100px"], ["60px 0px 0px 20px", "60px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px 70px", "60px 70px", ["60px 70px 0px 0px 100px", "60px 70px repeat(2, 0px) 100px"], "60px 70px 0px 20px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-vertical-align-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-vertical-align-001.xht deleted file mode 100644 index 491bcdf9de7..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-vertical-align-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'vertical-align' has no effect on grid items within an inline grid</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2014-12-10 --> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" title="10.8.1 Leading and half-leading" /> - <link rel="match" href="reference/ref-filled-green-100px-square.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; - } - - #test-inline-grid-overlapping-green { - display: inline-grid; - font: 50px/1 Ahem; - color: green; - } - - #vertical-align { - vertical-align: 125px; - } - ]]></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="test-inline-grid-overlapping-green"> - <span>1s</span> - <span id="vertical-align">2n</span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-001.xht deleted file mode 100644 index 987bb59a0e3..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items 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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: 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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-002.xht deleted file mode 100644 index ffb1722848c..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items 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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: -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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-003.xht deleted file mode 100644 index d40e5cb1494..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-003.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: 'z-index' property controls the z-axis order of grid items 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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: 10; - } - - #reference-item-overlapped-red { - color: red; - z-index: 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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-004.xht deleted file mode 100644 index 6d48d8c3704..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-004.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: 'z-index' property controls the z-axis order of grid items 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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: -5; - } - - #reference-item-overlapped-red { - color: red; - z-index: -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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-005.xht deleted file mode 100644 index 9c1a94b6f30..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-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 Grid Layout Test: 'z-index' property controls the z-axis order of grid items 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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: 1; - } - - #reference-item-overlapped-red { - color: red; - z-index: -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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-001.xht deleted file mode 100644 index d6b1ccc53de..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-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 Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -1; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: 1; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="inline-grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-002.xht deleted file mode 100644 index c83bae1f7f0..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-002.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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: 1; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: 5; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: 10; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="inline-grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-003.xht deleted file mode 100644 index f151f5098de..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -10; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: -5; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: -1; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="inline-grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-004.xht deleted file mode 100644 index ab1a3666b3e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-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"> -<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: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: 1; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: 5; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="inline-grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-005.xht deleted file mode 100644 index 2db602904af..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-005.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 Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -5; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: -1; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="inline-grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-006.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-006.xht deleted file mode 100644 index cd51456d444..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-z-axis-ordering-overlapped-items-006.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #inline-grid { - display: inline-grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -1; - grid-column: 2; - grid-row: 2; - margin-top: -25px; - margin-left: -25px; - } - - #yellow { - color: yellow; - grid-column: 4; - grid-row: 4; - margin-top: -50px; - margin-left: -50px; - } - - #green { - color: green; - z-index: 1; - grid-column: 1; - grid-row: 1; - margin-top: 50px; - margin-left: 50px; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="inline-grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-item-containing-block-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-001.xht deleted file mode 100644 index 9531a05928c..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-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 charset="utf-8" /> -<title>CSS Grid Layout Test: Grid item sizing</title> -<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" /> -<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" /> -<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<style> - #grid { - display: grid; - width: 200px; - height: 200px; - grid-template-rows: 100px; - grid-template-columns: 100px; - } - - #test-overlapped-red { - background-color: red; - width: 100%; - height: 100%; - } - - #test-overlapping-green { - background-color: green; - 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="grid"> - <div id="test-overlapped-red"> - <div id="test-overlapping-green"></div> - </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-002.xht deleted file mode 100644 index 26837e50ae8..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-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 charset="utf-8" /> -<title>CSS Grid Layout Test: Grid item sizing</title> -<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" /> -<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" /> -<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<style> - #grid { - display: grid; - width: 200px; - height: 200px; - grid-template-rows: 50%; - grid-template-columns: 50%; - } - - #test-overlapped-red { - background-color: red; - width: 100%; - height: 100%; - } - - #test-overlapping-green { - background-color: green; - 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="grid"> - <div id="test-overlapped-red"> - <div id="test-overlapping-green"></div> - </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-003.xht deleted file mode 100644 index 3cac906fdce..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-003.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 Grid Layout Test: Grid item sizing</title> -<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" /> -<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" /> -<meta content="A grid item is sized within the containing block defined by its grid area" name="assert" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<style> - #grid { - display: grid; - width: 200px; - height: 200px; - grid-template-rows: 1fr 1fr; - grid-template-columns: 1fr 1fr; - } - - #test-overlapped-red { - background-color: red; - width: 100%; - height: 100%; - } - - #test-overlapping-green { - background-color: green; - 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="grid"> - <div id="test-overlapped-red"> - <div id="test-overlapping-green"></div> - </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-004.xht deleted file mode 100644 index fd1cd71d300..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-item-containing-block-004.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 Grid Layout Test: Grid item sizing in a positioned grid container</title> -<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz" /> -<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items" /> -<meta content="A grid item is sized within the containing block defined by its grid area that intersects flexible tracks" name="assert" /> -<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> -<style> - #grid { - display: grid; - position: absolute; - height: 200px; - width: 200px; - grid-template-rows: 1fr 1fr; - grid-template-columns: 1fr 1fr; - } - - #test-item-overlapped-red { - background-color: red; - width: 100%; - height: 100%; - } - #reference-overlapping-green{ - background-color: green; - 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="grid"> - <div id="test-item-overlapped-red"> - <div id="reference-overlapping-green"> - </div> - </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-001.xht deleted file mode 100644 index efe79e23790..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Regular and anonymous grid items</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/#grid-items" title="4 Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-grid-overlapping-green { - display: grid; - font: 25px/1 Ahem; - color: green; - grid-template-columns: auto auto; - } - ]]></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 class="test-grid-overlapping-green"> - <div>it</div> - em - <div>it</div> - em - </div> - <div class="test-grid-overlapping-green"> - it - <span>em</span> - it - <span>em</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-002.xht deleted file mode 100644 index aac15c7914a..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-002.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Children of grid items do not create new items</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/#grid-items" title="4 Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that the grid items do not split around blocks creating extra items." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-grid-overlapping-green { - display: grid; - font: 25px/1 Ahem; - color: green; - } - - .two-columns { - grid-template-columns: auto auto; - } - ]]></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 class="test-grid-overlapping-green two-columns"> - <div> - <div>it</div> - em - </div> - <div> - it - <div>em</div> - </div> - </div> - <div class="test-grid-overlapping-green"> - <span> - <span>it</span>em - </span> - <span> - it<span>em</span> - </span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-003.xht deleted file mode 100644 index bc9f27fe617..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Grid items with 'display:none' are not rendered</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/#grid-items" title="4 Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.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; - } - - .test-grid-overlapping-green { - display: grid; - font: 50px/1 Ahem; - color: green; - } - - .display-none-red { - display: none; - color: red; - } - ]]></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 class="test-grid-overlapping-green two-columns"> - <span>it</span> - <span class="display-none-red">hidden</span> - <span>em</span> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-inline-blocks-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-inline-blocks-001.xht deleted file mode 100644 index 5465ffad7ed..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-items-inline-blocks-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: Paint order of grid items is the same as inline blocks</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/#z-order" title="9.5 Z-axis Ordering: the z-index property" /> - <link rel="help" href="http://www.w3.org/TR/CSS2/zindex.html#painting-order" title="E.2 Painting order" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - } - - #reference-overlapped-red { - color: red; - font: 100px/1 Ahem; - grid-row: 1; - grid-column: 1; - } - - #test-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - grid-row: 1; - grid-column: 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="reference-overlapped-red">R</div> - <div id="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-auto-tracks.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-auto-tracks.xht deleted file mode 100644 index e6013c827c1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-auto-tracks.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> - <title>CSS Grid Layout Test: auto tracks</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#track-sizing" rel="help" /> - <link href="reference/grid-layout-auto-tracks-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - height: auto; - width: 100px; - background: #eee; - display: grid; - grid-template-columns: 100px; - grid-template-rows: auto; - } - .a { - background: blue; - grid-column: 1; - grid-row: 1; - } - .b { - background: yellow; - grid-column: 2; - grid-row: 1; - } - .c { - background: pink; - grid-column: 1; - grid-row: 2; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"><div style="width:50px"> </div></div> - <div class="c"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-basic.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-basic.xht deleted file mode 100644 index 45de777710f..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-basic.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 Grid Layout Test: basic</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#track-sizing" rel="help" /> - <link href="reference/grid-layout-basic-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: 100px 50px; - } - .a { - background: blue; - grid-column: 1; - grid-row: 1; - } - .b { - background: yellow; - grid-column: 2; - grid-row: 1; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-free-space-unit.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-free-space-unit.xht deleted file mode 100644 index 985e246bf3a..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-free-space-unit.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 Grid Layout Test: free space unit</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#free-space" rel="help" /> - <link href="reference/grid-layout-basic-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: 1fr 50px; - } - .a { - background: blue; - grid-column: 1; - grid-row: 1; - } - .b { - background: yellow; - grid-column: 2; - grid-row: 1; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-grid-span.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-grid-span.xht deleted file mode 100644 index b869bc03e7a..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-grid-span.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 Grid Layout Test: grid span</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#grid-span" rel="help" /> - <link href="reference/grid-layout-basic-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: 50px 50px 50px; - } - .a { - background: blue; - grid-column: 1 / span 2; - grid-row: 1; - } - .b { - background: yellow; - grid-column: 3; - grid-row: 1; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-lines-shorthands.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-lines-shorthands.xht deleted file mode 100644 index 1d96dbd3c51..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-lines-shorthands.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 Grid Layout Test: grid lines shorthands</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#common-uses-named-lines" rel="help" /> - <link href="reference/grid-layout-basic-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: [left] 100px [center] 50px [right]; - } - .a { - background: blue; - grid-column: left / center; - } - .b { - background: yellow; - grid-column: center / right; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-lines.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-lines.xht deleted file mode 100644 index ebca02cc4e4..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-lines.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 Grid Layout Test: grid lines</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#common-uses-named-lines" rel="help" /> - <link href="reference/grid-layout-basic-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: [left] 100px [center] 50px [right]; - } - .a { - background: blue; - grid-column-start: left; - grid-column-end: center; - } - .b { - background: yellow; - grid-column-start: center; - grid-column-end: right; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-placement-shorthands.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-placement-shorthands.xht deleted file mode 100644 index 2d0fabba993..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-placement-shorthands.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 Grid Layout Test: placement shorthand</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#placement-shorthands" rel="help" /> - <link href="reference/grid-layout-basic-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: 50px 50px 50px; - } - .a { - background: blue; - grid-column: 1 / span 2; - grid-row: 1; - } - .b { - background: yellow; - grid-column: 3; - grid-row: 1; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-properties.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-properties.xht deleted file mode 100644 index 939f905c66e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-properties.xht +++ /dev/null @@ -1,231 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> - <meta charset="UTF-8" /> - <title>CSS Test: Grid Layout - Properties exist</title> - <link href="mailto:johnhax@gmail.com" rel="author" title="贺师俊" /> - <link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-30 --> - <link href="http://www.w3.org/TR/css-grid-1/#property-index" rel="help" /> - <meta content="ahem dom" name="flags" /> - <meta content="Test checks that css properties of grid layout exist." name="assert" /> - <script src="/resources/testharness.js"></script> - <script src="/resources/testharnessreport.js"></script> - <style> - #container { - width: 800px; - height: 600px; - } - #myDiv { - font: 50px/1 Ahem; - } - </style> -</head> -<body> - <div id="log"></div> - <div id="container"> - <div id="myDiv"> - <div>I T</div> - <div>IT</div> - <div>I</div> - </div> - </div> - - <script> - var myDiv = document.getElementById('myDiv') - - test(function(){ - myDiv.style.display = 'grid' - assert_equals(myDiv.style.display, 'grid', - 'display should be "grid"') - }, 'display: grid') - - test(function(){ - myDiv.style.display = 'inline-grid' - assert_equals(myDiv.style.display, 'inline-grid', - 'display should be "inline-grid"') - }, 'display: inline-grid') - - void function(data){ - - myDiv.style.display = 'grid' - - Object.keys(data).forEach(function(prop){ - test(function(){ - assert_own_property(myDiv.style, prop) - }, prop) - - if ('initial' in data[prop]) test(function(){ - var initial = data[prop].initial - delete data[prop].initial - assert_equals(getComputedStyle(myDiv)[prop], initial, 'initial value of ' + prop + ' should be ' + initial) - }, prop + '.initial') - - var syntaxTests = data[prop] - Object.keys(syntaxTests).forEach(function(testcase){ - test(function(){ - assert_own_property(myDiv.style, prop) - myDiv.style[prop] = syntaxTests[testcase][0] - assert_equals(myDiv.style[prop], syntaxTests[testcase][0], testcase) - assert_equals(getComputedStyle(myDiv)[prop], syntaxTests[testcase][1], testcase) - }, prop + '.' + testcase) - }) - }) - - }({ - 'grid-template-columns': { // named 'grid-definition-columns' in last draft - initial: '150px', - 'none': ['none', '150px'], - '<line-names>': ['[a] auto [b] auto [c]', '[a] 150px [b] 100px [c]'], - '<track-size>.auto': ['auto', '150px'], - '<track-size>.<track-breadth>.<length>': ['100px', '100px'], - '<track-size>.<track-breadth>.<percentage>': ['100%', '800px'], - '<track-size>.<track-breadth>.<flex>': ['1fr', '800px'], - '<track-size>.<track-breadth>.min-content': ['min-content', '100px'], - '<track-size>.<track-breadth>.max-content': ['max-content', '150px'], - '<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', '200px'], - 'reset': ['none', '150px'], - }, - 'grid-template-rows': { // named 'grid-definition-rows' in last draft - initial: '50px 50px 50px', - 'none': ['none', '50px 50px 50px'], - '<line-names>': ['[a] auto [b] auto [c]', '[a] 50px [b] 50px [c] 50px'], - '<track-size>.auto': ['auto', '50px 50px 50px'], - '<track-size>.<track-breadth>.<length>': ['100px', '100px 50px 50px'], - '<track-size>.<track-breadth>.<percentage>': ['100%', '50px 50px 50px'], - '<track-size>.<track-breadth>.<flex>': ['1fr', '50px 50px 50px'], - '<track-size>.<track-breadth>.min-content': ['min-content', '50px 50px 50px'], - '<track-size>.<track-breadth>.max-content': ['max-content', '50px 50px 50px'], - '<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', '200px 50px 50px'], - 'reset': ['none', '50px 50px 50px'], - }, - 'grid-template-areas': { - initial: 'none', - 'none': ['none', 'none'], - '<string>+': ['"a"', '"a"'], - 'reset': ['none', 'none'], - }, - 'grid-template': { - initial: '150px / 50px 50px 50px', - 'none': ['', '150px / 50px 50px 50px'], - '<grid-template-columns> / <grid-template-rows>': ['200px 200px / 100px 100px', '200px 200px / 100px 100px'], - '<line-names>': ['[a] auto [b] auto [c] / [d] auto [e] auto [f]', '[a] auto [b] auto [c] / [d] auto [e] auto [f]'], - '<string>+': ['"a b" "a b"', '"a b" "a b"'], - '<string><track-size>+': ['100px / "a b" 50px', '100px / "a b" 50px'], - 'reset': ['', '150px / 50px 50px 50px'], - }, - 'grid-auto-columns': { - initial: 'auto', - '<track-size>.auto': ['auto', 'auto'], - '<track-size>.<track-breadth>.<length>': ['100px', '100px'], - '<track-size>.<track-breadth>.<percentage>': ['100%', '100%'], - '<track-size>.<track-breadth>.<flex>': ['1fr', '1fr'], - '<track-size>.<track-breadth>.min-content': ['min-content', 'min-content'], - '<track-size>.<track-breadth>.max-content': ['max-content', 'max-content'], - '<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', 'minmax(100px, 200px)'], - 'reset': ['auto', 'auto'], - }, - 'grid-auto-rows': { - initial: 'auto', - '<track-size>.auto': ['auto', 'auto'], - '<track-size>.<track-breadth>.<length>': ['100px', '100px'], - '<track-size>.<track-breadth>.<percentage>': ['100%', '100%'], - '<track-size>.<track-breadth>.<flex>': ['1fr', '1fr'], - '<track-size>.<track-breadth>.min-content': ['min-content', 'min-content'], - '<track-size>.<track-breadth>.max-content': ['max-content', 'max-content'], - '<track-size>.<track-breadth>.minmax()': ['minmax(100px, 200px)', 'minmax(100px, 200px)'], - 'reset': ['auto', 'auto'], - }, - 'grid-auto-flow': { - initial: 'row', - 'row': ['row', 'row'], - 'column': ['column', 'column'], - 'dense': ['dense', 'row dense'], - 'row dense': ['row dense', 'row dense'], - 'column dense': ['column dense', 'column dense'], - 'reset': ['row', 'row'], - }, - 'grid-row-start': { - initial: 'auto', - 'auto': ['auto', 'auto'], - '<custom-ident>': ['a', 'a'], - '<integer>': ['1', '1'], - '<integer> <ident>': ['1 a', '1 a'], - 'span <integer>': ['span 1', 'span 1'], - 'span <custom-ident>': ['span a', 'span 1 a'], - 'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'], - 'reset': ['auto', 'auto'], - }, - 'grid-column-start': { - initial: 'auto', - 'auto': ['auto', 'auto'], - '<custom-ident>': ['a', 'a'], - '<integer>': ['1', '1'], - '<integer> <ident>': ['1 a', '1 a'], - 'span <integer>': ['span 1', 'span 1'], - 'span <custom-ident>': ['span a', 'span 1 a'], - 'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'], - 'reset': ['auto', 'auto'], - }, - 'grid-row-end': { - initial: 'auto', - 'auto': ['auto', 'auto'], - '<custom-ident>': ['a', 'a'], - '<integer>': ['1', '1'], - '<integer> <ident>': ['1 a', '1 a'], - 'span <integer>': ['span 1', 'span 1'], - 'span <custom-ident>': ['span a', 'span 1 a'], - 'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'], - 'reset': ['auto', 'auto'], - }, - 'grid-column-end': { - initial: 'auto', - 'auto': ['auto', 'auto'], - '<custom-ident>': ['a', 'a'], - '<integer>': ['1', '1'], - '<integer> <ident>': ['1 a', '1 a'], - 'span <integer>': ['span 1', 'span 1'], - 'span <custom-ident>': ['span a', 'span 1 a'], - 'span <integer> <custom-ident>': ['span 2 a', 'span 2 a'], - 'reset': ['auto', 'auto'], - }, - 'grid-column': { - initial: 'auto', - 'auto': ['auto', 'auto'], - '<custom-ident>': ['a / b', 'a / b'], - '<integer> start': ['1', '1'], - '<integer>': ['1 / 3', '1 / 3'], - '<integer> <ident>': ['1 a / 2 b', '1 a / 2 b'], - 'span <integer>': ['span 1 / span 2', 'span 1 / span 2'], - 'span <custom-ident>': ['span a / span b', 'span 1 a / span 1 b'], - 'span <integer> <custom-ident>': ['span 2 a / span 3 b', 'span 2 a / span 3 b'], - 'reset': ['auto', 'auto'], - }, - 'grid-row': { - initial: 'auto', - 'auto': ['auto', 'auto'], - '<custom-ident>': ['a / b', 'a / b'], - '<integer> start': ['1', '1'], - '<integer>': ['1 / 3', '1 / 3'], - '<integer> <ident>': ['1 a / 2 b', '1 a / 2 b'], - 'span <integer>': ['span 1 / span 2', 'span 1 / span 2'], - 'span <custom-ident>': ['span a / span b', 'span 1 a / span 1 b'], - 'span <integer> <custom-ident>': ['span 2 a / span 3 b', 'span 2 a / span 3 b'], - 'reset': ['auto', 'auto'], - }, - 'grid-area': { - initial: 'auto', - 'auto': ['auto', 'auto'], - '<custom-ident>': ['a / b / c / d', 'a / b / c / d'], - '<integer> start': ['1 / 2', '1 / 2'], - '<integer>': ['1 / 2 / 3 / 4', '1 / 2 / 3 / 4'], - '<integer> <ident>': ['1 a / 2 b / 3 c / 4 d', '1 a / 2 b / 3 c / 4 d'], - 'span <integer>': ['span 1 / span 2 / span 3 / span 4', 'span 1 / span 2 / span 3 / span 4'], - 'span <custom-ident>': ['span a / span b / span c / span d', 'span 1 a / span 1 b / span 1 c / span 1 d'], - 'span <integer> <custom-ident>': ['span 2 a / span 3 b / span 4 c / span 5 d', 'span 2 a / span 3 b / span 4 c / span 5 d'], - 'reset': ['auto', 'auto'], - }, - }) - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-repeat-notation.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-repeat-notation.xht deleted file mode 100644 index ff37e16e375..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-repeat-notation.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 Grid Layout Test: repeat notation</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#repeat-notation" rel="help" /> - <link href="reference/grid-layout-repeat-notation-ref.xht" rel="match" /> - <meta content="the subgrid layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 450px; - background: #eee; - display: grid; - grid-template-columns: repeat(4, 100px) 50px; - } - .a { - background: blue; - grid-column: 1; - } - .b { - background: yellow; - grid-column: 2; - } - .c { - background: orange; - grid-column: 3; - } - .d { - background: cyan; - grid-column: 4; - } - .e { - background: pink; - grid-column: 5; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - <div class="c"> </div> - <div class="d"> </div> - <div class="e"> </div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-z-order-a.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-z-order-a.xht deleted file mode 100644 index 938910e4ecd..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-z-order-a.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 Grid Layout Test: z order</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#z-order" rel="help" /> - <link href="reference/grid-layout-z-order-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: 50px 50px 50px; - color:white; - } - .a { - background: blue; - grid-row: 1; - grid-column: 1 / span 2; - z-index:10 - } - .b { - background: yellow; - grid-row: 1; - grid-column: 2 / span 2; - z-index:1 - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="b">down</div> - <div class="a">up</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-z-order-b.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-z-order-b.xht deleted file mode 100644 index de9df5eb1f0..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-layout-z-order-b.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 Grid Layout Test: z order</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <link href="http://www.w3.org/TR/css-grid-1/#z-order" rel="help" /> - <link href="reference/grid-layout-z-order-ref.xht" rel="match" /> - <meta content="the layout should behave the same as reference." name="assert" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 150px; - background: #eee; - display: grid; - grid-template-columns: 50px 50px 50px; - color:white; - } - .a { - background: blue; - grid-row: 1; - grid-column: 1 / 3; - z-index:10 - } - .b { - background: yellow; - grid-row: 1; - grid-column: 2 / 4; - z-index:1 - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="b">down</div> - <div class="a">up</div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-margins-no-collapse-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-margins-no-collapse-001.xht deleted file mode 100644 index 77a44d0185c..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-margins-no-collapse-001.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: grid's margins do not collapse</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.xht" /> - <meta name="assert" content="This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph)." /> - <style type="text/css"><![CDATA[ - body { - display: grid; - } - - p { - color: green; - } - ]]></style> - </head> - <body> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht deleted file mode 100644 index 35c4d9bf507..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="ahem" /> - <meta name="assert" content="Checks that minimum size for grid items is the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-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-grid"> - <div id="test-grid-item-overlapping-green">IT E</div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht deleted file mode 100644 index 27376fbfc72..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum size for grid items is the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - } - - #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-grid"> - <div id="test-grid-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-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht deleted file mode 100644 index 7738c252c95..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-500x500 { - width: 500px; - height: 500px; - } - ]]></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-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-500x500"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht deleted file mode 100644 index cf0e2afbae9..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-item-overlapping-green { - background-color: green; - width: 100px; - height: 100px; - } - - #content-50x50 { - width: 50px; - height: 50px; - } - ]]></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-grid"> - <div id="test-grid-item-overlapping-green"> - <div id="content-50x50"></div> - </div> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht deleted file mode 100644 index 3caa2661ff1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="image" /> - <meta name="assert" content="Checks that minimum size for grid items is the content size." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 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-grid"> - <img src="support/100x100-green.png" alt="Image download support must be enabled" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht deleted file mode 100644 index 287a82d9cd1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="image" /> - <meta name="assert" content="Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image)." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-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-grid"> - <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht deleted file mode 100644 index 149a09e882d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="image" /> - <meta name="assert" content="Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image)." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-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-grid"> - <img id="test-grid-item-overlapping-green" src="support/50x100-green.png" alt="Image download support must be enabled" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht deleted file mode 100644 index a65140b497a..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-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 Grid Layout Test: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="image" /> - <meta name="assert" content="Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image)." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-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-grid"> - <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht deleted file mode 100644 index 5c9ae103fe1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.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: Minimum size of grid items</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/#min-size-auto" title="6.5. Implied Minimum Size of Grid Items" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="flags" content="image" /> - <meta name="assert" content="Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image)." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - #constrained-grid { - display: grid; - grid: 10px / 10px; - } - - #test-grid-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-grid"> - <img id="test-grid-item-overlapping-green" src="support/100x50-green.png" alt="Image download support must be enabled" /> - </div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-multicol-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-multicol-001.xht deleted file mode 100644 index 8c5a4d26fb8..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-multicol-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'column-*' properties from grid container does not apply to grid items</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/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns" /> - <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> - <meta name="assert" content="This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container." /> - <style type="text/css"><![CDATA[ - #reference-overlapped-red { - position: absolute; - background-color: red; - width: 100px; - height: 100px; - z-index: -1; - } - - .test-overlapping-green { - background-color: green; - width: 100px; - height: 50px; - } - - .grid { - display: grid; - column-width: 50px; - } - ]]></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 class="grid"> - <div class="test-overlapping-green"></div> - <div class="test-overlapping-green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-auto-placement-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-auto-placement-001.xht deleted file mode 100644 index f67510ad5b4..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-auto-placement-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-auto-placement-002.xht deleted file mode 100644 index ae8460e87d2..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-auto-placement-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-auto-placement-003.xht deleted file mode 100644 index 957553d372a..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-auto-placement-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-auto-placement-004.xht deleted file mode 100644 index 0a5e4614c83..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-auto-placement-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-auto-placement-005.xht deleted file mode 100644 index 38538b2cc7d..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-painting-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-painting-001.xht deleted file mode 100644 index b1f04e77dd5..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-painting-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-painting-002.xht deleted file mode 100644 index 9f59baa8275..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-painting-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-painting-003.xht deleted file mode 100644 index 77240d490e7..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-painting-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-painting-004.xht deleted file mode 100644 index dcc912a2578..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-order-property-painting-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-order-property-painting-005.xht deleted file mode 100644 index 81e7466ea86..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/grid-support-display-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-display-001.xht deleted file mode 100644 index c325aeae9e9..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-display-001.xht +++ /dev/null @@ -1,80 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: DOM support for 'grid' and 'inline-grid' 'display' values</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2014-11-18 --> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" /> - <meta name="flags" content="dom" /> - <meta name="assert" content="This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - } - - .inline-grid { - display: inline-grid; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="style-grid" style="display: grid;"></div> - <div id="style-inline-grid" style="display: inline-grid;"></div> - - <div id="css-grid" class="grid"></div> - <div id="css-inline-grid" class="inline-grid"></div> - - <div id="js-grid"></div> - <div id="js-inline-grid"></div> - - <script type="text/javascript"><![CDATA[ - function testStyleDisplay(element, value) { - assert_equals(element.style.display, value, "Style display should be '" + value + "'"); - } - - function testComputedStyleDisplay(element, value) { - assert_equals(getComputedStyle(element).getPropertyValue("display"), value, "getComputedStyle() display should be '" + value + "'"); - } - - var styleGrid = document.getElementById("style-grid"); - test(function() { - testStyleDisplay(styleGrid, "grid"); - testComputedStyleDisplay(styleGrid, "grid"); - }, "Test style display 'grid'"); - - var styleInlineGrid = document.getElementById("style-inline-grid"); - test(function() { - testStyleDisplay(styleInlineGrid, "inline-grid"); - testComputedStyleDisplay(styleInlineGrid, "inline-grid"); - }, "Test style display 'inline-grid'"); - - var cssGrid = document.getElementById("css-grid"); - test(function() { - testComputedStyleDisplay(cssGrid, "grid"); - }, "Test CSS display 'grid'"); - - var cssInlineGrid = document.getElementById("css-inline-grid"); - test(function() { - testComputedStyleDisplay(cssInlineGrid, "inline-grid"); - }, "Test CSS display 'inline-grid'"); - - var jsGrid = document.getElementById("js-grid"); - jsGrid.style.display = "grid"; - test(function() { - testStyleDisplay(jsGrid, "grid"); - testComputedStyleDisplay(jsGrid, "grid"); - }, "Test JavaScript display 'grid'"); - - var jsInlineGrid = document.getElementById("js-inline-grid"); - jsInlineGrid.style.display = "inline-grid"; - test(function() { - testStyleDisplay(jsInlineGrid, "inline-grid"); - testComputedStyleDisplay(jsInlineGrid, "inline-grid"); - }, "Test JavaScript display 'inline-grid'"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht deleted file mode 100644 index b9a5abf4b8f..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht +++ /dev/null @@ -1,103 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties</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/#fr-unit" title="5.1.3 Flexible Lengths: the fr unit" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="grid"></div> - <div id="grid" class="grid"> - <div>GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "2fr", "2fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1fr)", "minmax(1fr, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1fr)", "minmax(1fr, 1fr)", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 1fr", "1fr 1fr", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 1fr", "1fr 1fr", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.25fr 0.75fr", "0.25fr 0.75fr", "200px 600px", "150px 450px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.25fr 0.75fr", "0.25fr 0.75fr", "200px 600px", "150px 450px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 2fr 1fr", "1fr 2fr 1fr", "200px 400px 200px", "150px 300px 150px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 2fr 1fr", "1fr 2fr 1fr", "200px 400px 200px", "150px 300px 150px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto 1fr 4fr 3fr 2fr", "auto 1fr 4fr 3fr 2fr", "0px 80px 320px 240px 160px", "0px 60px 240px 180px 120px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto 1fr 4fr 3fr 2fr", "auto 1fr 4fr 3fr 2fr", "90px 71px 284px 213px 142px", "10px 59px 236px 177px 118px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 4fr 100px 3fr 2fr", "1fr 4fr 100px 3fr 2fr", "70px 280px 100px 210px 140px", "50px 200px 100px 150px 100px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 4fr 100px 3fr 2fr", "1fr 4fr 100px 3fr 2fr", "70px 280px 100px 210px 140px", "50px 200px 100px 150px 100px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto 1fr", "auto 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto 1fr", "auto 1fr", "90px 710px", "10px 590px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "max-content 1fr", "max-content 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "max-content 1fr", "max-content 1fr", "90px 710px", "10px 590px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "min-content 1fr", "min-content 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "min-content 1fr", "min-content 1fr", "40px 760px", "20px 580px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr auto", "1fr auto", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr auto", "1fr auto", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "300px 1fr", "200px 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("grid", "300px 1fr", "200px 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "800px 1fr", "600px 1fr", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "800px 1fr", "600px 1fr", "800px 0px", "600px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1000px 1fr", "700px 1fr", "1000px 0px", "700px 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1000px 1fr", "700px 1fr", "1000px 0px", "700px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "calc(50px + 50%) 1fr", "calc(50px + 50%) 1fr", "450px 350px", "350px 250px"); - TestingUtils.testGridTemplateColumnsRows("grid", "calc(50px + 50%) 1fr", "calc(50px + 50%) 1fr", "450px 350px", "350px 250px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 300px) 1fr", "minmax(100px, 200px) 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(100px, 300px) 1fr", "minmax(100px, 200px) 1fr", "300px 500px", "200px 400px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(4, 1fr)", "repeat(4, 1fr)", ["200px 200px 200px 200px", "repeat(4, 200px)"], ["150px 150px 150px 150px", "repeat(4, 150px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(4, 1fr)", "repeat(4, 1fr)", ["200px 200px 200px 200px", "repeat(4, 200px)"], ["150px 150px 150px 150px", "repeat(4, 150px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(4, [b] 1fr [c]) [d]", "[z] repeat(4, [y] 1fr) [x]", ["[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]", "[a] repeat(4, [b] 200px [c]) [d]"], ["[z y] 150px [y] 150px [y] 150px [y] 150px [x]", "[z] repeat(4, [y] 150px) [x]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(4, [b] 1fr [c]) [d]", "[z] repeat(4, [y] 1fr) [x]", ["[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]", "[a] repeat(4, [b] 200px [c]) [d]"], ["[z y] 150px [y] 150px [y] 150px [y] 150px [x]", "[z] repeat(4, [y] 150px) [x]"]); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "fr", "fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "fr", "fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1 fr", "1 fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "1 fr", "1 fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1free-space", "1free-space", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "1free-space", "1free-space", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "-2fr", "-2fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "-2fr", "-2fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0,5fr", "0,5fr", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "0,5fr", "0,5fr", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "calc(1fr + 100px)", "calc(1fr + 100px)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "calc(1fr + 100px)", "calc(1fr + 100px)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "(1fr) auto", "(1fr) auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "(1fr) auto", "(1fr) auto", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-auto-columns-rows-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-auto-columns-rows-001.xht deleted file mode 100644 index 8299b83da54..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-auto-columns-rows-001.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 Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title> - <link href="http://www.w3.org/TR/css-grid-1/#auto-tracks" rel="help" /> - <link href="reference/grid-support-grid-auto-columns-rows-001-ref.xht" rel="match" /> - <link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira" /> - <style> - #grid { - display: grid; - grid-auto-columns: 30px; - grid-auto-rows: 30px; - } - #first-column-first-row { - grid-column: 1; - grid-row: 1; - background-color: purple; - } - #third-column-first-and-second-rows { - grid-column: 3; - grid-row: 1 / span 2; - background-color: orange - } - #first-and-second-columns-second-row { - grid-column: 1 / span 2; - grid-row: 2; - background-color: blue; - } - </style> - </head> - <body> - <p>The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div id="first-column-first-row"></div> - <div id="third-column-first-and-second-rows"></div> - <div id="third-column"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-001.xht deleted file mode 100644 index 53eb7611c64..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-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"> -<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: Support for 'grid-template-ares' property</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/#grid-template-areas-property" title="5.2 Named Areas: the 'grid-template-areas' property" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="grid"></div> - - <script type="text/javascript"><![CDATA[ - // Single values. - TestingUtils.testGridTemplateAreas('grid', 'none', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a"', '"a"'); - TestingUtils.testGridTemplateAreas('grid', '"."', '"."'); - TestingUtils.testGridTemplateAreas('grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"'); - TestingUtils.testGridTemplateAreas('grid', '"a b"', '"a b"'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']); - TestingUtils.testGridTemplateAreas('grid', '"a b""c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('grid', '"a b"\t"c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('grid', '"a b"\n"c d"', '"a b" "c d"'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "a b"', '"a b" "a b"'); - TestingUtils.testGridTemplateAreas('grid', '"a a" "b b"', '"a a" "b b"'); - TestingUtils.testGridTemplateAreas('grid', '". a ." "b a c"', '". a ." "b a c"'); - TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']); - TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."'); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']); - TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']); - TestingUtils.testGridTemplateAreas('grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."'); - TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']); - TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']); - TestingUtils.testGridTemplateAreas('grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"'); - TestingUtils.testGridTemplateAreas('grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"'); - TestingUtils.testGridTemplateAreas('grid', '". a" "b a" ". a"', '". a" "b a" ". a"'); - TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']); - TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']); - TestingUtils.testGridTemplateAreas('grid', '"a a a" "b b b"', '"a a a" "b b b"'); - TestingUtils.testGridTemplateAreas('grid', '". ." "a a"', '". ." "a a"'); - TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); - - // Reset values. - document.getElementById('grid').style.gridTemplateAreas = ''; - - // Wrong values. - TestingUtils.testGridTemplateAreas('grid', 'a', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a" "b c"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "c" "d e"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b c" "d e"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b"-"c d"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b" - "c d"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b" . "c d"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b a"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a" "b" "a"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "b b"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"b a" "b b"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a b" "b a"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"a ." ". a"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '","', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none'); - TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none'); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-columns-rows-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-columns-rows-001.xht deleted file mode 100644 index f79383f566d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-columns-rows-001.xht +++ /dev/null @@ -1,87 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: Support for 'grid-template-columns' and 'grid-template-rows' properties</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/#track-sizing" title="5.1 Track Sizing: the 'grid-template-rows' and 'grid-template-columns' properties" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="grid"></div> - <div id="grid" class="grid"> - <div id="item">GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Single values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "none", "none", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "none", "none", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto", "auto", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto", "auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "500px", "300px", "500px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "500px", "300px", "500px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "40em", "20em", "400px", "200px"); - TestingUtils.testGridTemplateColumnsRows("grid", "40em", "20em", "400px", "200px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "25%", "50%", "200px", "300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "25%", "50%", "200px", "300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "calc(200px + 10%)", "calc(25% + 50px)", "280px", "200px"); - TestingUtils.testGridTemplateColumnsRows("grid", "calc(200px + 10%)", "calc(25% + 50px)", "280px", "200px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr", "1fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "max-content", "max-content", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "max-content", "max-content", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "min-content", "min-content", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "min-content", "min-content", "40px", "20px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(200px, 400px)", "minmax(50px, 100px)", "400px", "100px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(200px, 400px)", "minmax(50px, 100px)", "400px", "100px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(calc(10% + 200px), calc(800px - 20%))", "minmax(calc(20% + 50px), calc(600px - 10%))", "640px", "540px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(calc(10% + 200px), calc(800px - 20%))", "minmax(calc(20% + 50px), calc(600px - 10%))", "640px", "540px"); - - // Multiple values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "500px 200px 50px", "100px 300px", "500px 200px 50px", "100px 300px"); - TestingUtils.testGridTemplateColumnsRows("grid", "500px 200px 50px", "100px 300px", "500px 200px 50px", "100px 300px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "40em 100px 15%", "50px 20em 10%", "400px 100px 120px", "50px 200px 60px"); - TestingUtils.testGridTemplateColumnsRows("grid", "40em 100px 15%", "50px 20em 10%", "400px 100px 120px", "50px 200px 60px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "200px 1fr", "1fr 100px", "200px 600px", "500px 100px"); - TestingUtils.testGridTemplateColumnsRows("grid", "200px 1fr", "1fr 100px", "200px 600px", "500px 100px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto 1fr", "auto 1fr", "0px 800px", "0px 600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto 1fr", "auto 1fr", "90px 710px", "10px 590px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "1fr 3fr", "2fr 1fr", "200px 600px", "400px 200px"); - TestingUtils.testGridTemplateColumnsRows("grid", "1fr 3fr", "2fr 1fr", "200px 600px", "400px 200px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(25px, 75px) 750px", "minmax(50px, 150px) 500px", "50px 750px", "100px 500px"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(25px, 75px) 750px", "minmax(50px, 150px) 500px", "50px 750px", "100px 500px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "min-content 1fr calc(20px + 10%) minmax(30em, 50em)", "min-content 1fr calc(10% + 40px) minmax(3em, 5em)", "0px 200px 100px 500px", "0px 450px 100px 50px"); - TestingUtils.testGridTemplateColumnsRows("grid", "min-content 1fr calc(20px + 10%) minmax(30em, 50em)", "min-content 1fr calc(10% + 40px) minmax(3em, 5em)", "40px 160px 100px 500px", "20px 430px 100px 50px"); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "foo", "bar", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "foo", "bar", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto none", "none auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto none", "none auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "100px, 200px", "300px, 400px", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px, 200px", "300px, 400px", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 200px, 300px)", "minmax(100px, 200px, 300px)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "minmax(100px, 200px, 300px)", "minmax(100px, 200px, 300px)", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-named-grid-lines-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-named-grid-lines-001.xht deleted file mode 100644 index 9468171a616..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-named-grid-lines-001.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"> -<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: Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties</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/#named-lines" title="5.1.1. Named Grid Lines: the '(<custom-ident\>*)' syntax" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="grid"></div> - <div id="grid" class="grid"> - <div id="item">GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[first] auto [last]", "[first] auto [last]", "[first] 0px [last]", "[first] 0px [last]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[first] auto [last]", "[first] auto [last]", "[first] 90px [last]", "[first] 10px [last]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] 0px [L4st-L1_n3]", "[F1rst-L1_n3] 0px [L4st-L1_n3]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] auto [L4st-L1_n3]", "[F1rst-L1_n3] 90px [L4st-L1_n3]", "[F1rst-L1_n3] 10px [L4st-L1_n3]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[] auto [ ]", "[ ] auto []", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "[] auto [ ]", "[ ] auto []", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[first] auto", "[first] auto", "[first] 0px", "[first] 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "[first] auto", "[first] auto", "[first] 90px", "[first] 10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto [last]", "auto [last]", "0px [last]", "0px [last]"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto [last]", "auto [last]", "90px [last]", "10px [last]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[line] auto [line]", "[line] auto [line]", "[line] 0px [line]", "[line] 0px [line]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[line] auto [line]", "[line] auto [line]", "[line] 90px [line]", "[line] 10px [line]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[first line] auto [last line]", "[first line] auto [last line]", "[first line] 0px [last line]", "[first line] 0px [last line]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[first line] auto [last line]", "[first line] auto [last line]", "[first line] 90px [last line]", "[first line] 10px [last line]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [b] auto [c]", "[a] auto [b] auto [c]", "[a] 0px [b] 0px [c]", "[a] 0px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [b] auto [c]", "[a] auto [b] auto [c]", "[a] 90px [b] 0px [c]", "[a] 10px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto [b] auto [c]", "auto [b] auto [c]", "0px [b] 0px [c]", "0px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto [b] auto [c]", "auto [b] auto [c]", "90px [b] 0px [c]", "10px [b] 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto auto [c]", "[a] auto auto [c]", ["[a] 0px 0px [c]", "[a] repeat(2, 0px) [c]"], ["[a] 0px 0px [c]", "[a] repeat(2, 0px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto auto [c]", "[a] auto auto [c]", "[a] 90px 0px [c]", "[a] 10px 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [b] auto", "[a] auto [b] auto", "[a] 0px [b] 0px", "[a] 0px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [b] auto", "[a] auto [b] auto", "[a] 90px [b] 0px", "[a] 10px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto auto", "[a] auto auto", ["[a] 0px 0px", "[a] repeat(2, 0px)"], ["[a] 0px 0px", "[a] repeat(2, 0px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto auto", "[a] auto auto", "[a] 90px 0px", "[a] 10px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto [b] auto", "auto [b] auto", "0px [b] 0px", "0px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "auto [b] auto", "auto [b] auto", "90px [b] 0px", "10px [b] 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "auto auto [c]", "auto auto [c]", ["0px 0px [c]", "repeat(2, 0px) [c]"], ["0px 0px [c]", "repeat(2, 0px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "auto auto [c]", "auto auto [c]", "90px 0px [c]", "10px 0px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [a] auto [a]", "[a] auto [a] auto [a]", ["[a] 0px [a] 0px [a]", "repeat(2, [a] 0px) [a]"], ["[a] 0px [a] 0px [a]", "repeat(2, [a] 0px) [a]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [a] auto [a]", "[a] auto [a] auto [a]", "[a] 90px [a] 0px [a]", "[a] 10px [a] 0px [a]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a b c] auto [a b c] auto [a b c]", "[a b c] auto [a b c] auto [a b c]", ["[a b c] 0px [a b c] 0px [a b c]", "repeat(2, [a b c] 0px) [a b c]"], "[a b c] 0px [a b c] 0px [a b c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a b c] auto [a b c] auto [a b c]", "[a b c] auto [a b c] auto [a b c]", "[a b c] 90px [a b c] 0px [a b c]", "[a b c] 10px [a b c] 0px [a b c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] 40em [b] 100px [c] 15% [d]", "[z] 50px [y] 20em [x] 10% [w]", "[a] 400px [b] 100px [c] 120px [d]", "[z] 50px [y] 200px [x] 60px [w]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] 40em [b] 100px [c] 15% [d]", "[z] 50px [y] 20em [x] 10% [w]", "[a] 400px [b] 100px [c] 120px [d]", "[z] 50px [y] 200px [x] 60px [w]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] 200px [b] 1fr [c]", "[z] 1fr [y] 100px [x]", "[a] 200px [b] 600px [c]", "[z] 500px [y] 100px [x]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] 200px [b] 1fr [c]", "[z] 1fr [y] 100px [x]", "[a] 200px [b] 600px [c]", "[z] 500px [y] 100px [x]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]", "[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]", "[a] 0px [b] 200px [c] 100px [d] 500px [e]", "[z] 0px [y] 450px [x] 100px [w] 50px [v]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]", "[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]", "[a] 40px [b] 160px [c] 100px [d] 500px [e]", "[z] 20px [y] 430px [x] 100px [w] 50px [v]"); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a]", "[a]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a]", "[a]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a b]", "[a b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a b]", "[a b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] none [b]", "[a] none [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] none [b]", "[a] none [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] [b]", "[a] [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] [b]", "[a] [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "a auto b", "a auto b", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "a auto b", "a auto b", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "(a) auto (b)", "(a) auto (b)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "(a) auto (b)", "(a) auto (b)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "'a' auto 'b'", "'a' auto 'b'", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "'a' auto 'b'", "'a' auto 'b'", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "\"a\" auto \"b\"", "\"a\" auto \"b\"", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "\"a\" auto \"b\"", "\"a\" auto \"b\"", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a, b] auto [a, b]", "[a, b] auto [a, b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a, b] auto [a, b]", "[a, b] auto [a, b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] [b] auto [c d] [e]", "[a] [b] auto [c d] [e]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] [b] auto [c d] [e]", "[a] [b] auto [c d] [e]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a [b]] auto [c]", "[a [b]] auto [c]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a [b]] auto [c]", "[a [b]] auto [c]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto [[b]]", "[a] auto [[b]]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto [[b]]", "[a] auto [[b]]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a auto [b]", "[a auto [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a auto [b]", "[a auto [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a 100px] auto [b]", "[a 100px] auto [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a 100px] auto [b]", "[a 100px] auto [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a 50%] auto [b]", "[a 50%] auto [b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a 50%] auto [b]", "[a 50%] auto [b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[5] auto [10]", "[5] auto [10]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[5] auto [10]", "[5] auto [10]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a.] auto [b*]", "[a.] auto [b*]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a.] auto [b*]", "[a.] auto [b*]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[#a] auto [$b]", "[#a] auto [$b]", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[#a] auto [$b]", "[#a] auto [$b]", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[initial] auto", "[initial] auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[initial] auto", "[initial] auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[inherit] auto", "[inherit] auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[inherit] auto", "[inherit] auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[default] auto", "[default] auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "[default] auto", "[default] auto", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-repeat-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-repeat-001.xht deleted file mode 100644 index 81164d0c827..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-repeat-001.xht +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties</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/#repeat-notation" title="5.1.2 Repeating Rows and Columns: the 'repeat()' notation" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="emptyGrid" class="grid"></div> - <div id="grid" class="grid"> - <div id="item">GRID ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(1, auto)", "repeat(1, auto)", "0px", "0px"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(1, auto)", "repeat(1, auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, auto)", "repeat(2, auto)", ["0px 0px", "repeat(2, 0px)"], ["0px 0px", "repeat(2, 0px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, auto)", "repeat(2, auto)", "90px 0px", "10px 0px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, minmax(50px, calc(50px + 50%))", "repeat(2, minmax(50px, calc(50px + 50%))", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, minmax(50px, calc(50px + 50%))", "repeat(2, minmax(50px, calc(50px + 50%))", ["400px 400px", "repeat(2, 400px)"], ["300px 300px", "repeat(2, 300px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(5, 10%)", "repeat(5, 10%)", ["80px 80px 80px 80px 80px", "repeat(5, 80px)"], ["60px 60px 60px 60px 60px", "repeat(5, 60px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(5, 10%)", "repeat(5, 10%)", ["80px 80px 80px 80px 80px", "repeat(5, 80px)"], ["60px 60px 60px 60px 60px", "repeat(5, 60px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "max-content repeat(2, 25%) 1fr", "100px repeat(2, 25%) 1fr", ["0px 200px 200px 400px", "0px repeat(2, 200px) 400px"], ["100px 150px 150px 200px", "100px repeat(2, 150px) 200px"]); - TestingUtils.testGridTemplateColumnsRows("grid", "max-content repeat(2, 25%) 1fr", "max-content repeat(2, 25%) 1fr", ["90px 200px 200px 310px", "90px repeat(2, 200px) 310px"], ["10px 150px 150px 290px", "10px repeat(2, 150px) 290px"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, min-content 50px)", "repeat(2, min-content 50px)", ["0px 50px 0px 50px", "repeat(2, 0px 50px)"], ["0px 50px 0px 50px", "repeat(2, 0px 50px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, min-content 50px)", "repeat(2, min-content 50px)", "40px 50px 0px 50px", "20px 50px 0px 50px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "[a] 100px [b] 250px [c a] 100px [b] 250px [c]", "[a] 50px [b] 250px [c a] 50px [b] 250px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "repeat(2, [a] minmax(50px, 100px) [b] 25em [c])", "[a] 100px [b] 250px [c a] 100px [b] 250px [c]", "[a] 50px [b] 250px [c a] 50px [b] 250px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, auto [b] 100px) [c]", "[a] repeat(2, auto [b] 100px) [c]", ["[a] 0px [b] 100px 0px [b] 100px [c]", "[a] repeat(2, 0px [b] 100px) [c]"], ["[a] 0px [b] 100px 0px [b] 100px [c]", "[a] repeat(2, 0px [b] 100px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, auto [b] 100px) [c]", "[a] repeat(2, auto [b] 100px) [c]", "[a] 90px [b] 100px 0px [b] 100px [c]", "[a] 10px [b] 100px 0px [b] 100px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] auto repeat(2, [b] 100px) [c]", "[a] auto repeat(2, [b] 100px) [c]", ["[a] 0px [b] 100px [b] 100px [c]", "[a] 0px repeat(2, [b] 100px) [c]"], ["[a] 0px [b] 100px [b] 100px [c]", "[a] 0px repeat(2, [b] 100px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] auto repeat(2, [b] 100px) [c]", "[a] auto repeat(2, [b] 100px) [c]", ["[a] 90px [b] 100px [b] 100px [c]", "[a] 90px repeat(2, [b] 100px) [c]"], ["[a] 10px [b] 100px [b] 100px [c]", "[a] 10px repeat(2, [b] 100px) [c]"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, auto [b]) 100px [c]", "[a] repeat(2, auto [b]) 100px [c]", "[a] 0px [b] 0px [b] 100px [c]", "[a] 0px [b] 0px [b] 100px [c]"); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, auto [b]) 100px [c]", "[a] repeat(2, auto [b]) 100px [c]", "[a] 90px [b] 0px [b] 100px [c]", "[a] 10px [b] 0px [b] 100px [c]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, [b] 100px)", "[a] repeat(2, [b] 100px)", ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"], ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, [b] 100px)", "[a] repeat(2, [b] 100px)", ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"], ["[a b] 100px [b] 100px", "[a] repeat(2, [b] 100px)"]); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] repeat(2, [b] auto [c]) [d]", "[a] repeat(2, [b] auto [c]) [d]", ["[a b] 0px [c b] 0px [c d]", "[a] repeat(2, [b] 0px [c]) [d]"], ["[a b] 0px [c b] 0px [c d]", "[a] repeat(2, [b] 0px [c]) [d]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] repeat(2, [b] auto [c]) [d]", "[a] repeat(2, [b] auto [c]) [d]", "[a b] 90px [c b] 0px [c d]", "[a b] 10px [c b] 0px [c d]"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]", "[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]", ["[a] 0px [b] 50px [c] 100px [b] 50px [c] 100px [d] 500px [e]", "[a] 0px repeat(2, [b] 50px [c] 100px) [d] 500px [e]"], ["[z] 0px [y] 175px [x] 100px [y] 175px [x] 100px [w] 50px [v]", "[z] 0px repeat(2, [y] 175px [x] 100px) [w] 50px [v]"]); - TestingUtils.testGridTemplateColumnsRows("grid", "[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]", "[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]", ["[a] 40px [b] 30px [c] 100px [b] 30px [c] 100px [d] 500px [e]", "[a] 40px repeat(2, [b] 30px [c] 100px) [d] 500px [e]"], ["[z] 20px [y] 165px [x] 100px [y] 165px [x] 100px [w] 50px [v]", "[z] 20px repeat(2, [y] 165px [x] 100px) [w] 50px [v]"]); - - // Reset values. - document.getElementById("emptyGrid").style.gridTemplateColumns = ""; - document.getElementById("emptyGrid").style.gridTemplateRows = ""; - document.getElementById("grid").style.gridTemplateColumns = ""; - document.getElementById("grid").style.gridTemplateRows = ""; - - // Wrong values. - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(-1, auto)", "repeat(-1, auto)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(-1, auto)", "repeat(-1, auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(auto, 2)", "repeat(auto, 2)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(auto, 2)", "repeat(auto, 2)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat 2, auto", "repeat 2, auto", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat 2, auto", "repeat 2, auto", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2 auto)", "repeat(2 auto)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2 auto)", "repeat(2 auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "100px (repeat 2, auto)", "(repeat 2, auto)", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px (repeat 2, auto)", "(repeat 2, auto)", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "repeat(2, 50px repeat(2, 100px))", "repeat(2, 50px repeat(2, 100px))", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "repeat(2, 50px repeat(2, 100px))", "repeat(2, 50px repeat(2, 100px))", "90px", "10px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", "100px repeat(2, [a])", "100px repeat(2, [a])", "none", "none"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px repeat(2, [a])", "100px repeat(2, [a])", "90px", "10px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-template-columns-rows-resolved-values-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-template-columns-rows-resolved-values-001.xht deleted file mode 100644 index 1fd3e3aa910..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-template-columns-rows-resolved-values-001.xht +++ /dev/null @@ -1,105 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD 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: 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks</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/#resolved-track-list" title="5.1.5. Resolved Values" /> - <meta name="flags" content="ahem dom" /> - <meta name="assert" content="This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created." /> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> - <script src="support/testing-utils.js" type="text/javascript"></script> - <style type="text/css"><![CDATA[ - .grid { - display: grid; - width: 800px; - height: 600px; - font: 10px/1 Ahem; - } - - .fifthColumn { - grid-column: 5; - } - - .fourthRow { - grid-row: 4; - } - - .gridAutoFlowColumn { - grid-auto-flow: column; - } - ]]></style> - </head> - <body> - <div id="log"></div> - - <div id="grid" class="grid"> - <div>FIRST ITEM</div> - <div>SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <div id="gridItemsPositions" class="grid"> - <div class="fifthColumn">FIRST ITEM</div> - <div class="fourthRow">SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <div id="gridAutoFlowColumn" class="grid gridAutoFlowColumn"> - <div>FIRST ITEM</div> - <div>SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <div id="gridAutoFlowColumnItemsPositions" class="grid gridAutoFlowColumn"> - <div class="fifthColumn">FIRST ITEM</div> - <div class="fourthRow">SECOND ITEM</div> - <div>THIRD<br />ITEM</div> - </div> - - <script type="text/javascript"><![CDATA[ - // Valid values. - TestingUtils.testGridTemplateColumnsRows("grid", "", "", "110px", ["10px 10px 20px", "repeat(2, 10px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("grid", "auto auto", "", "100px 110px", "10px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "60px", "", "60px", ["20px 20px 20px", "repeat(3, 20px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "100px 60px", "", "100px 60px", ["20px 20px", "repeat(2, 20px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "", "50px", "110px", "50px 10px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "", "50px 30px", "110px", "50px 30px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "60px", "50px", "60px", ["50px 20px 20px", "50px repeat(2, 20px)"]); - TestingUtils.testGridTemplateColumnsRows("grid", "60px", "50px 30px", "60px", "50px 30px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px 60px", "50px", "100px 60px", "50px 20px"); - TestingUtils.testGridTemplateColumnsRows("grid", "100px 60px", "50px 30px", "100px 60px", "50px 30px"); - - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "", "", ["110px 0px 0px 0px 100px", "110px repeat(3, 0px) 100px"], "10px 20px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px", "", ["60px 0px 0px 0px 100px", "60px repeat(3, 0px) 100px"], "10px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px 50px", "", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "10px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "", "60px", ["110px 0px 0px 0px 100px", "110px repeat(3, 0px) 100px"], "60px 20px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "", "60px 50px", ["110px 0px 0px 0px 100px", "110px repeat(3, 0px) 100px"], "60px 50px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px", "60px", ["60px 0px 0px 0px 100px", "60px repeat(3, 0px) 100px"], "60px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px", "60px 50px", ["60px 0px 0px 0px 100px", "60px repeat(3, 0px) 100px"], "60px 50px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px 50px", "60px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "60px 20px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridItemsPositions", "60px 50px", "60px 50px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "60px 50px 0px 20px"); - - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "", "100px 110px 50px", "20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "auto auto", "110px 50px", "20px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "60px", "", "60px 110px 50px", "20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "100px 60px", "", "100px 60px 50px", "20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "50px", "100px 110px 50px", "50px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "", "50px 30px", "110px 50px", "50px 30px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "60px", "50px", "60px 110px 50px", "50px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "60px", "50px 30px", "60px 50px", "50px 30px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "100px 60px", "50px", "100px 60px 50px", "50px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumn", "100px 60px", "50px 30px", "100px 60px", "50px 30px"); - - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "", "", ["110px 50px 0px 0px 100px", "110px 50px repeat(2, 0px) 100px"], ["20px 0px 0px 10px", "20px repeat(2, 0px) 10px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px", "", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], ["20px 0px 0px 20px", "20px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px 70px", "", ["60px 70px 0px 0px 100px", "60px 70px repeat(2, 0px) 100px"], ["20px 0px 0px 20px", "20px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "", "60px", ["110px 50px 0px 0px 100px", "110px 50px repeat(2, 0px) 100px"], ["60px 0px 0px 10px", "60px repeat(2, 0px) 10px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "", "60px 70px", ["110px 50px 0px 0px 100px", "110px 50px repeat(2, 0px) 100px"], "60px 70px 0px 10px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px", "60px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], ["60px 0px 0px 20px", "60px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px", "60px 70px", ["60px 50px 0px 0px 100px", "60px 50px repeat(2, 0px) 100px"], "60px 70px 0px 20px"); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px 70px", "60px", ["60px 70px 0px 0px 100px", "60px 70px repeat(2, 0px) 100px"], ["60px 0px 0px 20px", "60px repeat(2, 0px) 20px"]); - TestingUtils.testGridTemplateColumnsRows("gridAutoFlowColumnItemsPositions", "60px 70px", "60px 70px", ["60px 70px 0px 0px 100px", "60px 70px repeat(2, 0px) 100px"], "60px 70px 0px 20px"); - ]]></script> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-vertical-align-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-vertical-align-001.xht deleted file mode 100644 index 0c3e7bd39af..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-vertical-align-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'vertical-align' has no effect on grid items</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2014-12-10 --> - <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" /> - <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" title="10.8.1 Leading and half-leading" /> - <link rel="match" href="reference/ref-filled-green-100px-square.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; - } - - #test-grid-overlapping-green { - display: grid; - font: 50px/1 Ahem; - color: green; - } - - #vertical-align { - vertical-align: 125px; - } - ]]></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="test-grid-overlapping-green"> - <span>1s</span> - <span id="vertical-align">2n</span> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-001.xht deleted file mode 100644 index 6c87c37c2b8..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items</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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: 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-grid-1_dev/xhtml1/grid-z-axis-ordering-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-002.xht deleted file mode 100644 index 2c478ff2574..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items</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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: -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-grid-1_dev/xhtml1/grid-z-axis-ordering-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-003.xht deleted file mode 100644 index 73867a3fc38..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-003.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: 'z-index' property controls the z-axis order of grid items</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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: 10; - } - - #reference-item-overlapped-red { - color: red; - z-index: 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-grid-1_dev/xhtml1/grid-z-axis-ordering-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-004.xht deleted file mode 100644 index bd53f0125ba..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-004.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: 'z-index' property controls the z-axis order of grid items</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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: -5; - } - - #reference-item-overlapped-red { - color: red; - z-index: -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-grid-1_dev/xhtml1/grid-z-axis-ordering-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-005.xht deleted file mode 100644 index 9fffb615e32..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-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 Grid Layout Test: 'z-index' property controls the z-axis order of grid items</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/#z-order" title="4.4. Z-axis Ordering: the z-index 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; - z-index: 1; - } - - #reference-item-overlapped-red { - color: red; - z-index: -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-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-001.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-001.xht deleted file mode 100644 index 86fbfede1c2..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-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 Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -1; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: 1; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-002.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-002.xht deleted file mode 100644 index 3646c210b06..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-002.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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: 1; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: 5; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: 10; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-003.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-003.xht deleted file mode 100644 index b215bc853f4..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -10; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: -5; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: -1; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-004.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-004.xht deleted file mode 100644 index f9b21f0b60d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-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"> -<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: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: 1; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - z-index: 5; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-005.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-005.xht deleted file mode 100644 index dcb405a46ad..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-005.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 Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -5; - grid-column: 1; - grid-row: 1; - } - - #yellow { - color: yellow; - z-index: -1; - grid-column: 2; - grid-row: 2; - } - - #green { - color: green; - grid-column: 3; - grid-row: 3; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="grid"> - <div id="green">G</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-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-006.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-006.xht deleted file mode 100644 index aebb825de59..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-z-axis-ordering-overlapped-items-006.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: 'z-index' property controls the grid items stacking 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/#z-order" title="4.4. Z-axis Ordering: the z-index property" /> - <link rel="match" href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht" /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - #grid { - display: grid; - font: 100px/1 Ahem; - grid-template-columns: 25px 25px 25px 25px; - grid-template-rows: 25px 25px 25px 25px; - } - - #blue { - color: blue; - z-index: -1; - grid-column: 2; - grid-row: 2; - margin-top: -25px; - margin-left: -25px; - } - - #yellow { - color: yellow; - grid-column: 4; - grid-row: 4; - margin-top: -50px; - margin-left: -50px; - } - - #green { - color: green; - z-index: 1; - grid-column: 1; - grid-row: 1; - margin-top: 50px; - margin-left: 50px; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="grid"> - <div id="green">G</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-grid-1_dev/xhtml1/reference/display-grid-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/display-grid-ref.xht deleted file mode 100644 index 94a1c516de1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/display-grid-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"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Grid Layout: Reference File</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-17 --> - <style type="text/css"> - #container { - position:relative; - width:400px; - height:100px; - } - - .error { - position:absolute; - top:0; - left:0; - height:100%; - width:100%; - z-index:-1; - } - - #table { - width:100%; - height:100%; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:last-child td { - height:30px; - } - </style> -</head> -<body> -<p>Test passes if there are 4 green rectangles and no red.</p> - -<div id="container"> - <div class="error"> - <table id="table"> - <tbody> - <tr> - <td style="background-color:green">cell1</td> - <td style="background-color:limegreen">cell2</td> - </tr> - <tr> - <td style="background-color:limegreen">cell3</td> - <td style="background-color:green">cell4</td> - </tr> - </tbody> - </table> - </div> -</div> - - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/display-inline-grid-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/display-inline-grid-ref.xht deleted file mode 100644 index d9514592a9d..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/display-inline-grid-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"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Grid Layout: Reference File</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-17 --> - <style type="text/css"> - #container { - position:relative; - } - - #table { - width:400px; - height:100px; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:last-child td { - height:30px; - } - - #table-wrapper { - display:inline-block; - clear:right; - } - - span { - vertical-align:top; - } - </style> -</head> -<body> -<p>Test passes if there are 4 green rectangles and no red.</p> - -<div id="container"> - <div id="table-wrapper"> - <table id="table"> - <tbody> - <tr> - <td style="background-color:green">cell1</td> - <td style="background-color:limegreen">cell2</td> - </tr> - <tr> - <td style="background-color:limegreen">cell3</td> - <td style="background-color:green">cell4</td> - </tr> - </tbody> - </table> - </div> - <span>Inline</span> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/fr-unit-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/fr-unit-ref.xht deleted file mode 100644 index 140583397b1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/fr-unit-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>CSS3 Grid Layout: Reference File</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-22 --> - <style type="text/css"> - #container { - position:relative; - width:400px; - height:100px; - } - - .error { - position:absolute; - top:0; - left:0; - height:100%; - width:100%; - z-index:-1; - } - - #table { - width:100%; - height:100%; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:first-child td { - height:30px; - } - </style> -</head> -<body> -<p>Test passes if there is a green square and no red.</p> - -<div id="container"> - <div class="error"> - <table id="table"> - <tbody> - <tr> - <td>cell1</td> - <td>cell2</td> - </tr> - <tr> - <td>cell3</td> - <td style="background-color:green">cell4</td> - </tr> - </tbody> - </table> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/fr-unit-with-percentage-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/fr-unit-with-percentage-ref.xht deleted file mode 100644 index 140583397b1..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/fr-unit-with-percentage-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>CSS3 Grid Layout: Reference File</title> - <link href="mailto:swainet@126.com" rel="author" title="swain" /> - <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-22 --> - <style type="text/css"> - #container { - position:relative; - width:400px; - height:100px; - } - - .error { - position:absolute; - top:0; - left:0; - height:100%; - width:100%; - z-index:-1; - } - - #table { - width:100%; - height:100%; - border-collapse:collapse; - } - - #table td { - padding:0; - vertical-align:top; - } - - #table td:first-child { - width:100px; - } - - #table tr:first-child td { - height:30px; - } - </style> -</head> -<body> -<p>Test passes if there is a green square and no red.</p> - -<div id="container"> - <div class="error"> - <table id="table"> - <tbody> - <tr> - <td>cell1</td> - <td>cell2</td> - </tr> - <tr> - <td>cell3</td> - <td style="background-color:green">cell4</td> - </tr> - </tbody> - </table> - </div> -</div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-2x2-blue-yellow-lime-magenta.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-2x2-blue-yellow-lime-magenta.xht deleted file mode 100644 index 8e83cab6f9f..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht deleted file mode 100644 index a9ed8bb25ca..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-filled-blue-yellow-green-overlapped-100px-squares.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 Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <style type="text/css"><![CDATA[ - #main { - position: relative; - } - - #main div { - width: 100px; - height: 100px; - } - - .blue { - background-color: blue; - position: absolute; - left: 0px; - top: 0px; - } - - .yellow { - background-color: yellow; - position: absolute; - left: 25px; - top: 25px; - } - - .green { - background-color: green; - position: absolute; - left: 50px; - top: 50px; - } - ]]></style> - </head> - <body> - <p>Test passes if there are 3 filled squares with the same size, and <strong>green</strong> is overlapping <strong>yellow</strong> which is overlapping <strong>blue</strong>.</p> - - <div id="main"> - <div class="blue"></div> - <div class="yellow"></div> - <div class="green"></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-first-letter-green-margin-no-collapse-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-first-letter-green-margin-no-collapse-ref.xht deleted file mode 100644 index 5aa84b02132..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-first-letter-green-margin-no-collapse-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Reference file text first letter should be green and margins do not collapse</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <style type="text/css"><![CDATA[ - p { - /* Prevent collapsing body and paragraph margins. */ - float: left; - } - - .green { - color: green; - } - ]]></style> - </head> - <body> - <p> - <span class="green">T</span>he <strong>first letter</strong> of this paragraph, and only that one, should be <strong>green</strong>. - In addition, body and paragraph margins should <strong>not collapse</strong>. - </p> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-auto-tracks-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-auto-tracks-ref.xht deleted file mode 100644 index 78787f68e23..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-auto-tracks-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"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Grid Layout Reference</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <style> - body { - margin: 0; - padding: 0; - border: 0 none; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - margin: 0; - width: 300px; - } - .a { - background: blue; - width: 100px; - float: left; - } - .b { - background: yellow; - width: 50px; - float: left; - } - .c { - background: pink; - width: 100px; - clear: both; - float: left; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - <div class="c"> </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-basic-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-basic-ref.xht deleted file mode 100644 index 039a2dc4846..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-basic-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 Grid Layout Reference</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <style> - body { - margin: 0; - padding: 0; - border: 0 none; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - margin: 0; - width: 150px; - } - .a { - background: blue; - width: 100px; - float:left - } - .b { - background: yellow; - width: 50px; - float:left; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-repeat-notation-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-repeat-notation-ref.xht deleted file mode 100644 index 201df09c573..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-repeat-notation-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"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Grid Layout Reference</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <style> - body { - margin: 0; - padding: 0; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - width: 450px; - position: relative; - } - .a { - background: blue; - width: 100px; - float:left - } - .b { - background: yellow; - width: 100px; - float:left - } - .c { - background: orange; - width: 100px; - float:left - } - .d { - background: cyan; - width: 100px; - float:left - } - .e { - background: pink; - width: 50px; - float:left - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a"> </div> - <div class="b"> </div> - <div class="c"> </div> - <div class="d"> </div> - <div class="e"> </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-z-order-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-z-order-ref.xht deleted file mode 100644 index 36ce72df55f..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-layout-z-order-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>CSS Grid Layout Reference</title> - <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" /> - <style> - body { - margin: 0; - padding: 0; - border: 0 none; - } - #caseTitle { - margin: 10px; - height: 40px; - } - #grid { - margin: 0; - width: 150px; - color:white; - } - .a { - background: blue; - width: 100px; - float:left - } - .b { - background: yellow; - width: 50px; - float:left; - } - </style> - </head> - <body> - <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div class="a">up</div> - <div class="b"> </div> - </div> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-support-grid-auto-columns-rows-001-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-support-grid-auto-columns-rows-001-ref.xht deleted file mode 100644 index 701c0bf9732..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-support-grid-auto-columns-rows-001-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> - <meta charset="utf-8" /> - <title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title> - <link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira" /> - <style> - #grid { - position: relative; - } - .position { - position: absolute; - top: 0; - left: 0; - } - #first-column-first-row { - width: 30px; - height: 30px; - background-color: purple; - } - #third-column-first-and-second-rows { - left: 60px; - width: 30px; - height: 60px; - background-color: orange - } - #first-and-second-columns-second-row { - top: 30px; - width: 60px; - height: 30px; - background-color: blue; - } - </style> - </head> - <body> - <p>The test passes if it has the same visual effect as reference.</p> - <div id="grid"> - <div id="first-column-first-row" class="position"></div> - <div id="third-column-first-and-second-rows" class="position"></div> - <div id="first-and-second-columns-second-row" class="position"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-text-green-margin-no-collapse-ref.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-text-green-margin-no-collapse-ref.xht deleted file mode 100644 index a3a30c64f3b..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/grid-text-green-margin-no-collapse-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Grid Layout Test: Reference file text should be green and margins do not collapse</title> - <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" /> - <style type="text/css"><![CDATA[ - p { - color: green; - /* Prevent collapsing body and paragraph margins. */ - float: left; - } - ]]></style> - </head> - <body> - <p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/ref-filled-green-100px-square.xht deleted file mode 100644 index ee772e2d7d3..00000000000 --- a/tests/wpt/css-tests/css-grid-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-grid-1_dev/xhtml1/reference/support/100x100-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/100x100-green.png Binary files differdeleted file mode 100644 index 3883542392f..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/100x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/100x50-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/100x50-green.png Binary files differdeleted file mode 100644 index 9dae3116bbf..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/100x50-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/200x200-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/200x200-green.png Binary files differdeleted file mode 100644 index 7a47c0e5e7a..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/200x200-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/50x100-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/50x100-green.png Binary files differdeleted file mode 100644 index 28546987889..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/50x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js deleted file mode 100644 index 202c865b15e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js +++ /dev/null @@ -1,37 +0,0 @@ -var TestingUtils = (function() { - - function checkGridTemplateColumns(element, value) { - assert_in_array(getComputedStyle(element).gridTemplateColumns, value, "gridTemplateColumns"); - } - - function checkGridTemplateRows(element, value) { - assert_in_array(getComputedStyle(element).gridTemplateRows, value, "gridTemplateRows"); - } - - function testGridTemplateColumnsRows(gridId, columnsStyle, rowsStyle, columnsComputedValue, rowsComputedValue) { - test(function() { - var grid = document.getElementById(gridId); - grid.style.gridTemplateColumns = columnsStyle; - grid.style.gridTemplateRows = rowsStyle; - checkGridTemplateColumns(grid, columnsComputedValue); - checkGridTemplateRows(grid, rowsComputedValue); - }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); - } - - function checkGridTemplateAreas(element, value) { - assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); - } - - function testGridTemplateAreas(gridId, style, value) { - test(function() { - var grid = document.getElementById(gridId); - grid.style.gridTemplateAreas = style; - checkGridTemplateAreas(grid, value); - }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); - } - - return { - testGridTemplateColumnsRows: testGridTemplateColumnsRows, - testGridTemplateAreas: testGridTemplateAreas - } -})(); diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht deleted file mode 100644 index f433d2e7116..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht +++ /dev/null @@ -1,846 +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 Grid 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 Grid 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="display-grid" class=""> - <tr> - <td rowspan="1" title="CSS Grid Layout: display: grid"> - <a href="display-grid.xht">display-grid</a></td> - <td><a href="reference/display-grid-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="display-inline-grid" class=""> - <tr> - <td rowspan="1" title="CSS Grid Layout: display: inline-grid"> - <a href="display-inline-grid.xht">display-inline-grid</a></td> - <td><a href="reference/display-inline-grid-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="fr-unit" class=""> - <tr> - <td rowspan="1" title="CSS3 Grid Layout: Flexible Length"> - <a href="fr-unit.xht">fr-unit</a></td> - <td><a href="reference/fr-unit-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="fr-unit-with-percentage" class=""> - <tr> - <td rowspan="1" title="CSS3 Grid Layout: Flexible Lenght"> - <a href="fr-unit-with-percentage.xht">fr-unit-with-percentage</a></td> - <td><a href="reference/fr-unit-with-percentage-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-display-grid-001" class="ahem"> - <tr> - <td rowspan="1" title="'grid' value for 'display' property"> - <a href="grid-display-grid-001.xht">grid-display-grid-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-display-inline-grid-001" class=""> - <tr> - <td rowspan="1" title="'inline-grid' value for 'display' property"> - <a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-first-letter-001" class=""> - <tr> - <td rowspan="1" title="'::first-letter' from grid container does not apply to grid items"> - <a href="grid-first-letter-001.xht">grid-first-letter-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-first-letter-002" class=""> - <tr> - <td rowspan="1" title="'::first-letter' from grid container ancestors does not apply to grid items"> - <a href="grid-first-letter-002.xht">grid-first-letter-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-first-letter-003" class=""> - <tr> - <td rowspan="1" title="'::first-letter' works on grid items"> - <a href="grid-first-letter-003.xht">grid-first-letter-003</a></td> - <td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-first-line-001" class=""> - <tr> - <td rowspan="1" title="'::first-line' from grid container does not apply to grid items"> - <a href="grid-first-line-001.xht">grid-first-line-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-first-line-002" class=""> - <tr> - <td rowspan="1" title="'::first-line' from grid container ancestors does not apply to grid items"> - <a href="grid-first-line-002.xht">grid-first-line-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-first-line-003" class=""> - <tr> - <td rowspan="1" title="'::first-line' works on grid items"> - <a href="grid-first-line-003.xht">grid-first-line-003</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-float-001" class=""> - <tr> - <td rowspan="1" title="'float' has no effect on grid items"> - <a href="grid-float-001.xht">grid-float-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-floats-no-intrude-001" class=""> - <tr> - <td rowspan="1" title="floats do not intrude into a grid"> - <a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-first-letter-001" class=""> - <tr> - <td rowspan="1" title="'::first-letter' from inline grid container does not apply to grid items"> - <a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-first-letter-002" class=""> - <tr> - <td rowspan="1" title="'::first-letter' from inline grid container ancestors does not apply to grid items"> - <a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-first-letter-003" class=""> - <tr> - <td rowspan="1" title="'::first-letter' works on grid items within an inline grid"> - <a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td> - <td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-first-line-001" class=""> - <tr> - <td rowspan="1" title="'::first-line' from inline grid container does not apply to grid items"> - <a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-first-line-002" class=""> - <tr> - <td rowspan="1" title="'::first-line' from inline grid container ancestors does not apply to grid items"> - <a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-first-line-003" class=""> - <tr> - <td rowspan="1" title="'::first-line' works on grid items within an inline grid"> - <a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-float-001" class=""> - <tr> - <td rowspan="1" title="'float' has no effect on grid items within an inline grid"> - <a href="grid-inline-float-001.xht">grid-inline-float-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-floats-no-intrude-001" class=""> - <tr> - <td rowspan="1" title="floats do not intrude into an inline grid"> - <a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-items-001" class="ahem"> - <tr> - <td rowspan="1" title="Regular and anonymous grid items within an inline grid"> - <a href="grid-inline-items-001.xht">grid-inline-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="grid-inline-items-002" class="ahem"> - <tr> - <td rowspan="1" title="Children of grid items do not create new items within an inline grid"> - <a href="grid-inline-items-002.xht">grid-inline-items-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-items-003" class="ahem"> - <tr> - <td rowspan="1" title="Grid items with 'display:none' are not rendered within an inline grid"> - <a href="grid-inline-items-003.xht">grid-inline-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="grid-inline-items-inline-blocks-001" class=""> - <tr> - <td rowspan="1" title="Paint order of grid items within an inline grid is the same as inline blocks"> - <a href="grid-inline-items-inline-blocks-001.xht">grid-inline-items-inline-blocks-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-margins-no-collapse-001" class=""> - <tr> - <td rowspan="1" title="inline grid's margins do not collapse"> - <a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-inline-multicol-001" class=""> - <tr> - <td rowspan="1" title="'column-*' properties from inline grid container does not apply to grid items"> - <a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.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-inline-vertical-align-001" class="ahem"> - <tr> - <td rowspan="1" title="'vertical-align' has no effect on grid items within an inline grid"> - <a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-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-z-axis-ordering-001" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items within an inline grid"> - <a href="grid-inline-z-axis-ordering-001.xht">grid-inline-z-axis-ordering-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-z-axis-ordering-002" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items within an inline grid"> - <a href="grid-inline-z-axis-ordering-002.xht">grid-inline-z-axis-ordering-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-z-axis-ordering-003" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items within an inline grid"> - <a href="grid-inline-z-axis-ordering-003.xht">grid-inline-z-axis-ordering-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-z-axis-ordering-004" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items within an inline grid"> - <a href="grid-inline-z-axis-ordering-004.xht">grid-inline-z-axis-ordering-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-z-axis-ordering-005" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items within an inline grid"> - <a href="grid-inline-z-axis-ordering-005.xht">grid-inline-z-axis-ordering-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-inline-z-axis-ordering-overlapped-items-001" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order within an inline grid"> - <a href="grid-inline-z-axis-ordering-overlapped-items-001.xht">grid-inline-z-axis-ordering-overlapped-items-001</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-z-axis-ordering-overlapped-items-002" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order within an inline grid"> - <a href="grid-inline-z-axis-ordering-overlapped-items-002.xht">grid-inline-z-axis-ordering-overlapped-items-002</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-z-axis-ordering-overlapped-items-003" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order within an inline grid"> - <a href="grid-inline-z-axis-ordering-overlapped-items-003.xht">grid-inline-z-axis-ordering-overlapped-items-003</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-z-axis-ordering-overlapped-items-004" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order within an inline grid"> - <a href="grid-inline-z-axis-ordering-overlapped-items-004.xht">grid-inline-z-axis-ordering-overlapped-items-004</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-z-axis-ordering-overlapped-items-005" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order within an inline grid"> - <a href="grid-inline-z-axis-ordering-overlapped-items-005.xht">grid-inline-z-axis-ordering-overlapped-items-005</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-inline-z-axis-ordering-overlapped-items-006" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order within an inline grid"> - <a href="grid-inline-z-axis-ordering-overlapped-items-006.xht">grid-inline-z-axis-ordering-overlapped-items-006</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-item-containing-block-001" class=""> - <tr> - <td rowspan="1" title="Grid item sizing"> - <a href="grid-item-containing-block-001.xht">grid-item-containing-block-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-item-containing-block-002" class=""> - <tr> - <td rowspan="1" title="Grid item sizing"> - <a href="grid-item-containing-block-002.xht">grid-item-containing-block-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-item-containing-block-003" class=""> - <tr> - <td rowspan="1" title="Grid item sizing"> - <a href="grid-item-containing-block-003.xht">grid-item-containing-block-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-item-containing-block-004" class=""> - <tr> - <td rowspan="1" title="Grid item sizing in a positioned grid container"> - <a href="grid-item-containing-block-004.xht">grid-item-containing-block-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-items-001" class="ahem"> - <tr> - <td rowspan="1" title="Regular and anonymous grid items"> - <a href="grid-items-001.xht">grid-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="grid-items-002" class="ahem"> - <tr> - <td rowspan="1" title="Children of grid items do not create new items"> - <a href="grid-items-002.xht">grid-items-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-items-003" class="ahem"> - <tr> - <td rowspan="1" title="Grid items with 'display:none' are not rendered"> - <a href="grid-items-003.xht">grid-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="grid-items-inline-blocks-001" class=""> - <tr> - <td rowspan="1" title="Paint order of grid items is the same as inline blocks"> - <a href="grid-items-inline-blocks-001.xht">grid-items-inline-blocks-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-auto-tracks" class=""> - <tr> - <td rowspan="1" title="auto tracks"> - <a href="grid-layout-auto-tracks.xht">grid-layout-auto-tracks</a></td> - <td><a href="reference/grid-layout-auto-tracks-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-basic" class=""> - <tr> - <td rowspan="1" title="basic"> - <a href="grid-layout-basic.xht">grid-layout-basic</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-free-space-unit" class=""> - <tr> - <td rowspan="1" title="free space unit"> - <a href="grid-layout-free-space-unit.xht">grid-layout-free-space-unit</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-grid-span" class=""> - <tr> - <td rowspan="1" title="grid span"> - <a href="grid-layout-grid-span.xht">grid-layout-grid-span</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-lines" class=""> - <tr> - <td rowspan="1" title="grid lines"> - <a href="grid-layout-lines.xht">grid-layout-lines</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-lines-shorthands" class=""> - <tr> - <td rowspan="1" title="grid lines shorthands"> - <a href="grid-layout-lines-shorthands.xht">grid-layout-lines-shorthands</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-placement-shorthands" class=""> - <tr> - <td rowspan="1" title="placement shorthand"> - <a href="grid-layout-placement-shorthands.xht">grid-layout-placement-shorthands</a></td> - <td><a href="reference/grid-layout-basic-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-repeat-notation" class=""> - <tr> - <td rowspan="1" title="repeat notation"> - <a href="grid-layout-repeat-notation.xht">grid-layout-repeat-notation</a></td> - <td><a href="reference/grid-layout-repeat-notation-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-z-order-a" class=""> - <tr> - <td rowspan="1" title="z order"> - <a href="grid-layout-z-order-a.xht">grid-layout-z-order-a</a></td> - <td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-layout-z-order-b" class=""> - <tr> - <td rowspan="1" title="z order"> - <a href="grid-layout-z-order-b.xht">grid-layout-z-order-b</a></td> - <td><a href="reference/grid-layout-z-order-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-margins-no-collapse-001" class=""> - <tr> - <td rowspan="1" title="grid's margins do not collapse"> - <a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td> - <td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-001" class="ahem"> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-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="grid-minimum-size-grid-items-002" class=""> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-003" class=""> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-004" class=""> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-005" class="image"> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-006" class="image"> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-007" class="image"> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-008" class="image"> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="grid-minimum-size-grid-items-009" class="image"> - <tr> - <td rowspan="1" title="Minimum size of grid items"> - <a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="grid-multicol-001" class=""> - <tr> - <td rowspan="1" title="'column-*' properties from grid container does not apply to grid items"> - <a href="grid-multicol-001.xht">grid-multicol-001</a></td> - <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> - <td rowspan="1"></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="grid-support-grid-auto-columns-rows-001" class=""> - <tr> - <td rowspan="1" title="Support for 'grid-auto-columns' and 'grid-auto-rows' properties"> - <a href="grid-support-grid-auto-columns-rows-001.xht">grid-support-grid-auto-columns-rows-001</a></td> - <td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="grid-vertical-align-001" class="ahem"> - <tr> - <td rowspan="1" title="'vertical-align' has no effect on grid items"> - <a href="grid-vertical-align-001.xht">grid-vertical-align-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-z-axis-ordering-001" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items"> - <a href="grid-z-axis-ordering-001.xht">grid-z-axis-ordering-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-z-axis-ordering-002" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items"> - <a href="grid-z-axis-ordering-002.xht">grid-z-axis-ordering-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-z-axis-ordering-003" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items"> - <a href="grid-z-axis-ordering-003.xht">grid-z-axis-ordering-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-z-axis-ordering-004" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items"> - <a href="grid-z-axis-ordering-004.xht">grid-z-axis-ordering-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-z-axis-ordering-005" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the z-axis order of grid items"> - <a href="grid-z-axis-ordering-005.xht">grid-z-axis-ordering-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-z-axis-ordering-overlapped-items-001" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order"> - <a href="grid-z-axis-ordering-overlapped-items-001.xht">grid-z-axis-ordering-overlapped-items-001</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-z-axis-ordering-overlapped-items-002" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order"> - <a href="grid-z-axis-ordering-overlapped-items-002.xht">grid-z-axis-ordering-overlapped-items-002</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-z-axis-ordering-overlapped-items-003" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order"> - <a href="grid-z-axis-ordering-overlapped-items-003.xht">grid-z-axis-ordering-overlapped-items-003</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-z-axis-ordering-overlapped-items-004" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order"> - <a href="grid-z-axis-ordering-overlapped-items-004.xht">grid-z-axis-ordering-overlapped-items-004</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-z-axis-ordering-overlapped-items-005" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order"> - <a href="grid-z-axis-ordering-overlapped-items-005.xht">grid-z-axis-ordering-overlapped-items-005</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="grid-z-axis-ordering-overlapped-items-006" class="ahem"> - <tr> - <td rowspan="1" title="'z-index' property controls the grid items stacking order"> - <a href="grid-z-axis-ordering-overlapped-items-006.xht">grid-z-axis-ordering-overlapped-items-006</a></td> - <td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.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-grid-1_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest.list deleted file mode 100644 index 4c7f3d982fc..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest.list +++ /dev/null @@ -1,103 +0,0 @@ - -display-grid.xht == reference/display-grid-ref.xht -display-inline-grid.xht == reference/display-inline-grid-ref.xht -fr-unit.xht == reference/fr-unit-ref.xht -fr-unit-with-percentage.xht == reference/fr-unit-with-percentage-ref.xht -grid-display-grid-001.xht == reference/ref-filled-green-100px-square.xht -grid-display-inline-grid-001.xht == reference/ref-filled-green-100px-square.xht -grid-first-letter-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-first-letter-002.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-first-letter-003.xht == reference/grid-first-letter-green-margin-no-collapse-ref.xht -grid-first-line-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-first-line-002.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-first-line-003.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-float-001.xht == reference/ref-filled-green-100px-square.xht -grid-floats-no-intrude-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-first-letter-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-inline-first-letter-002.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-inline-first-letter-003.xht == reference/grid-first-letter-green-margin-no-collapse-ref.xht -grid-inline-first-line-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-inline-first-line-002.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-inline-first-line-003.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-inline-float-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-floats-no-intrude-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-items-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-items-002.xht == reference/ref-filled-green-100px-square.xht -grid-inline-items-003.xht == reference/ref-filled-green-100px-square.xht -grid-inline-items-inline-blocks-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-margins-no-collapse-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-inline-multicol-001.xht == reference/ref-filled-green-100px-square.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-inline-vertical-align-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-z-axis-ordering-001.xht == reference/ref-filled-green-100px-square.xht -grid-inline-z-axis-ordering-002.xht == reference/ref-filled-green-100px-square.xht -grid-inline-z-axis-ordering-003.xht == reference/ref-filled-green-100px-square.xht -grid-inline-z-axis-ordering-004.xht == reference/ref-filled-green-100px-square.xht -grid-inline-z-axis-ordering-005.xht == reference/ref-filled-green-100px-square.xht -grid-inline-z-axis-ordering-overlapped-items-001.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-inline-z-axis-ordering-overlapped-items-002.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-inline-z-axis-ordering-overlapped-items-003.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-inline-z-axis-ordering-overlapped-items-004.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-inline-z-axis-ordering-overlapped-items-005.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-inline-z-axis-ordering-overlapped-items-006.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-item-containing-block-001.xht == reference/ref-filled-green-100px-square.xht -grid-item-containing-block-002.xht == reference/ref-filled-green-100px-square.xht -grid-item-containing-block-003.xht == reference/ref-filled-green-100px-square.xht -grid-item-containing-block-004.xht == reference/ref-filled-green-100px-square.xht -grid-items-001.xht == reference/ref-filled-green-100px-square.xht -grid-items-002.xht == reference/ref-filled-green-100px-square.xht -grid-items-003.xht == reference/ref-filled-green-100px-square.xht -grid-items-inline-blocks-001.xht == reference/ref-filled-green-100px-square.xht -grid-layout-auto-tracks.xht == reference/grid-layout-auto-tracks-ref.xht -grid-layout-basic.xht == reference/grid-layout-basic-ref.xht -grid-layout-free-space-unit.xht == reference/grid-layout-basic-ref.xht -grid-layout-grid-span.xht == reference/grid-layout-basic-ref.xht -grid-layout-lines.xht == reference/grid-layout-basic-ref.xht -grid-layout-lines-shorthands.xht == reference/grid-layout-basic-ref.xht -grid-layout-placement-shorthands.xht == reference/grid-layout-basic-ref.xht -grid-layout-repeat-notation.xht == reference/grid-layout-repeat-notation-ref.xht -grid-layout-z-order-a.xht == reference/grid-layout-z-order-ref.xht -grid-layout-z-order-b.xht == reference/grid-layout-z-order-ref.xht -grid-margins-no-collapse-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht -grid-minimum-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht -grid-minimum-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht -grid-multicol-001.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 -grid-support-grid-auto-columns-rows-001.xht == reference/grid-support-grid-auto-columns-rows-001-ref.xht -grid-vertical-align-001.xht == reference/ref-filled-green-100px-square.xht -grid-z-axis-ordering-001.xht == reference/ref-filled-green-100px-square.xht -grid-z-axis-ordering-002.xht == reference/ref-filled-green-100px-square.xht -grid-z-axis-ordering-003.xht == reference/ref-filled-green-100px-square.xht -grid-z-axis-ordering-004.xht == reference/ref-filled-green-100px-square.xht -grid-z-axis-ordering-005.xht == reference/ref-filled-green-100px-square.xht -grid-z-axis-ordering-overlapped-items-001.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-z-axis-ordering-overlapped-items-002.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-z-axis-ordering-overlapped-items-003.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-z-axis-ordering-overlapped-items-004.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-z-axis-ordering-overlapped-items-005.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht -grid-z-axis-ordering-overlapped-items-006.xht == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/100x100-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/100x100-green.png Binary files differdeleted file mode 100644 index 3883542392f..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/100x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/100x50-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/100x50-green.png Binary files differdeleted file mode 100644 index 9dae3116bbf..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/100x50-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/200x200-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/200x200-green.png Binary files differdeleted file mode 100644 index 7a47c0e5e7a..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/200x200-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/50x100-green.png b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/50x100-green.png Binary files differdeleted file mode 100644 index 28546987889..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/50x100-green.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js deleted file mode 100644 index 202c865b15e..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js +++ /dev/null @@ -1,37 +0,0 @@ -var TestingUtils = (function() { - - function checkGridTemplateColumns(element, value) { - assert_in_array(getComputedStyle(element).gridTemplateColumns, value, "gridTemplateColumns"); - } - - function checkGridTemplateRows(element, value) { - assert_in_array(getComputedStyle(element).gridTemplateRows, value, "gridTemplateRows"); - } - - function testGridTemplateColumnsRows(gridId, columnsStyle, rowsStyle, columnsComputedValue, rowsComputedValue) { - test(function() { - var grid = document.getElementById(gridId); - grid.style.gridTemplateColumns = columnsStyle; - grid.style.gridTemplateRows = rowsStyle; - checkGridTemplateColumns(grid, columnsComputedValue); - checkGridTemplateRows(grid, rowsComputedValue); - }, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";"); - } - - function checkGridTemplateAreas(element, value) { - assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas"); - } - - function testGridTemplateAreas(gridId, style, value) { - test(function() { - var grid = document.getElementById(gridId); - grid.style.gridTemplateAreas = style; - checkGridTemplateAreas(grid, value); - }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); - } - - return { - testGridTemplateColumnsRows: testGridTemplateColumnsRows, - testGridTemplateAreas: testGridTemplateAreas - } -})(); diff --git a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-grid-1_dev/xhtml1/toc.xht deleted file mode 100644 index 0c47d85b261..00000000000 --- a/tests/wpt/css-tests/css-grid-1_dev/xhtml1/toc.xht +++ /dev/null @@ -1,94 +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 Grid 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 Grid 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>(0 Tests)</td></tr> - </tbody> - <tbody id="s2"> - <tr><th><a href="chapter-2.xht">Chapter 2 - - Overview</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s3"> - <tr><th><a href="chapter-3.xht">Chapter 3 - - Grid Layout Concepts and Terminology</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s4"> - <tr><th><a href="chapter-4.xht">Chapter 4 - - Reordering and Accessibility</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s5"> - <tr><th><a href="chapter-5.xht">Chapter 5 - - Grid Containers</a></th> - <td>(28 Tests)</td></tr> - </tbody> - <tbody id="s6"> - <tr><th><a href="chapter-6.xht">Chapter 6 - - Grid Items</a></th> - <td>(65 Tests)</td></tr> - </tbody> - <tbody id="s7"> - <tr><th><a href="chapter-7.xht">Chapter 7 - - Defining the Grid</a></th> - <td>(18 Tests)</td></tr> - </tbody> - <tbody id="s8"> - <tr><th><a href="chapter-8.xht">Chapter 8 - - Subgrids</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s9"> - <tr><th><a href="chapter-9.xht">Chapter 9 - - Placing Grid Items</a></th> - <td>(4 Tests)</td></tr> - </tbody> - <tbody id="s10"> - <tr><th><a href="chapter-10.xht">Chapter 10 - - Absolute Positioning</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s11"> - <tr><th><a href="chapter-11.xht">Chapter 11 - - Alignment and Spacing</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s12"> - <tr><th><a href="chapter-12.xht">Chapter 12 - - Grid Sizing</a></th> - <td>(1 Tests)</td></tr> - </tbody> - <tbody id="s13"> - <tr><th><a href="chapter-13.xht">Chapter 13 - - Fragmenting Grid Layout</a></th> - <td>(0 Tests)</td></tr> - </tbody> - <tbody id="s14"> - <tr><th><a href="chapter-14.xht">Chapter 14 - - Privacy and Security Considerations</a></th> - <td>(1 Tests)</td></tr> - </tbody> - </table> -</body> -</html>
\ No newline at end of file |
