diff options
Diffstat (limited to 'tests/wpt/css-tests/css-grid-1_dev/html')
20 files changed, 161 insertions, 151 deletions
diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm index 934dd09b3cc..e88c1deb6d8 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm @@ -508,102 +508,102 @@ <a href="#s4.4">+</a> <a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr> <!-- 9 tests --> - <tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem"> + <tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem"> <td><strong> - <a href="grid-minimun-size-grid-items-001.htm">grid-minimun-size-grid-items-001</a></strong></td> + <a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-002-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-002-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-002.htm">grid-minimun-size-grid-items-002</a></strong></td> + <a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-003-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-003-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-003.htm">grid-minimun-size-grid-items-003</a></strong></td> + <a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-004-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-004-4.4" class="primary"> <td><strong> - <a href="grid-minimun-size-grid-items-004.htm">grid-minimun-size-grid-items-004</a></strong></td> + <a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td></td> - <td>Minimun size of grid items + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size regardless of the content size.</li> + <li>Checks that minimum size for grid items is the specified size regardless of the content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-005-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-005-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-005.htm">grid-minimun-size-grid-items-005</a></strong></td> + <a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the min-content size.</li> + <li>Checks that minimum size for grid items is the min-content size.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-006-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-006-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-006.htm">grid-minimun-size-grid-items-006</a></strong></td> + <a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-007-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-007-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-007.htm">grid-minimun-size-grid-items-007</a></strong></td> + <a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-008-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-008-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-008.htm">grid-minimun-size-grid-items-008</a></strong></td> + <a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> - <tr id="grid-minimun-size-grid-items-009-4.4" class="primary"> + <tr id="grid-minimum-size-grid-items-009-4.4" class="primary image"> <td><strong> - <a href="grid-minimun-size-grid-items-009.htm">grid-minimun-size-grid-items-009</a></strong></td> + <a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td></td> - <td>Minimun size of grid items + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>Minimum size of grid items <ul class="assert"> - <li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> + <li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm index c57c1ed46d0..f370aa5edc7 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm @@ -20,7 +20,6 @@ display: inline-grid; font: 25px/1 Ahem; color: green; - grid-template-columns: auto auto; } </style> </head> @@ -33,9 +32,7 @@ em <div>it</div> em - </div> - <br> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> it <span>em</span> it diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm index 029a57f06e0..8229de57730 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm @@ -21,17 +21,13 @@ 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-inline-grid-overlapping-green two-columns"> + <div class="test-inline-grid-overlapping-green"> <div> <div>it</div> em @@ -40,14 +36,18 @@ it <div>em</div> </div> - </div> - <br> - <div class="test-inline-grid-overlapping-green"> + </div><div class="test-inline-grid-overlapping-green"> + <span> + <span>i</span>t + </span> + <span> + e<span>m</span> + </span> <span> - <span>it</span>em + <span>i</span>t </span> <span> - it<span>em</span> + e<span>m</span> </span> </div> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm index 09e2e9f525e..4db3fb56491 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm @@ -34,10 +34,10 @@ 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", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "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"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm index 220f8228426..fa36b904a41 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm @@ -28,29 +28,29 @@ 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"'); + 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"'); - 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 ."'); - 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 ."'); - 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"'); - 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"'); + TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('inline-grid').style.gridTemplateAreas = ''; @@ -69,7 +69,7 @@ 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', '","', '","'); + TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none'); </script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm index f6fd2b6691f..3de4a2c538f 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm @@ -1,12 +1,12 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> <meta name="flags" content="ahem"> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size."> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size."> <style type="text/css"> #reference-overlapped-red { position: absolute; diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm index 1992edf5fd1..ba9dcc5c503 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm @@ -1,11 +1,11 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size."> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size."> <style type="text/css"> #reference-overlapped-red { position: absolute; diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm index 222da1768f8..d83806b4958 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm @@ -1,11 +1,11 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size."> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size."> <style type="text/css"> #reference-overlapped-red { position: absolute; diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm index a017dced66d..e43be13e5de 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm @@ -1,11 +1,11 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size."> + <meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size."> <style type="text/css"> #reference-overlapped-red { position: absolute; diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm index 87a87696ede..422acc8b9bf 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm @@ -1,11 +1,12 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the min-content size."> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the min-content size."> <style type="text/css"> #reference-overlapped-red { position: absolute; @@ -26,7 +27,7 @@ <div id="reference-overlapped-red"></div> <div id="constrained-grid"> - <img src="../support/100x100-green.png"> + <img src="support/100x100-green.png" alt="Image download support must be enabled"> </div> </body> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm index b17471fa4ab..51e2262382f 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm @@ -1,11 +1,12 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that."> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that."> <style type="text/css"> #reference-overlapped-red { position: absolute; @@ -30,7 +31,7 @@ <div id="reference-overlapped-red"></div> <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled"> </div> </body> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm index 0eed1e15492..2866c352229 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm @@ -1,11 +1,12 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that."> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that."> <style type="text/css"> #reference-overlapped-red { position: absolute; @@ -30,7 +31,7 @@ <div id="reference-overlapped-red"></div> <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled"> </div> </body> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm index d0cd92bb404..18a71a3d8f1 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm @@ -1,11 +1,12 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that."> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that."> <style type="text/css"> #reference-overlapped-red { position: absolute; @@ -30,7 +31,7 @@ <div id="reference-overlapped-red"></div> <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/60x60-green.png"> + <img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled"> </div> </body> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm index 9a6d6c75213..6c7ea417392 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm @@ -1,11 +1,12 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> - <title>CSS Grid Layout Test: Minimun size of grid items</title> + <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="4.4. Implied Minimum Size of Grid Items"> <link rel="match" href="reference/ref-filled-green-100px-square.htm"> - <meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that."> + <meta name="flags" content="image"> + <meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that."> <style type="text/css"> #reference-overlapped-red { position: absolute; @@ -30,7 +31,7 @@ <div id="reference-overlapped-red"></div> <div id="constrained-grid"> - <img id="test-grid-item-overlapping-green" src="../support/200x200-green.png"> + <img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled"> </div> </body> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm index 944422877ea..0f84b2bdaeb 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm @@ -34,10 +34,10 @@ 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", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px"); - TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "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"); diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm index 843b11abafa..852ad4560d5 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm @@ -28,29 +28,29 @@ 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"'); + 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"'); - 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 ."'); - 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 ."'); - 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"'); - 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"'); + TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']); // Reset values. document.getElementById('grid').style.gridTemplateAreas = ''; @@ -69,7 +69,7 @@ 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', '","', '","'); + TestingUtils.testGridTemplateAreas('grid', '","', 'none'); TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none'); TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none'); </script> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + 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; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm index 3fedc00883d..18f3571f59d 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm @@ -544,76 +544,76 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-001" class="ahem"> + <tbody id="grid-minimum-size-grid-items-001" class="ahem"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-001.htm">grid-minimun-size-grid-items-001</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-002" class=""> + <tbody id="grid-minimum-size-grid-items-002" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-002.htm">grid-minimun-size-grid-items-002</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-003" class=""> + <tbody id="grid-minimum-size-grid-items-003" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-003.htm">grid-minimun-size-grid-items-003</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-004" class=""> + <tbody id="grid-minimum-size-grid-items-004" class=""> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-004.htm">grid-minimun-size-grid-items-004</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-005" class=""> + <tbody id="grid-minimum-size-grid-items-005" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-005.htm">grid-minimun-size-grid-items-005</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-006" class=""> + <tbody id="grid-minimum-size-grid-items-006" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-006.htm">grid-minimun-size-grid-items-006</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-007" class=""> + <tbody id="grid-minimum-size-grid-items-007" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-007.htm">grid-minimun-size-grid-items-007</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-008" class=""> + <tbody id="grid-minimum-size-grid-items-008" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-008.htm">grid-minimun-size-grid-items-008</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="grid-minimun-size-grid-items-009" class=""> + <tbody id="grid-minimum-size-grid-items-009" class="image"> <tr> - <td rowspan="1" title="Minimun size of grid items"> - <a href="grid-minimun-size-grid-items-009.htm">grid-minimun-size-grid-items-009</a></td> + <td rowspan="1" title="Minimum size of grid items"> + <a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> - <td rowspan="1"></td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> <tbody id="grid-multicol-001" class=""> diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list b/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list index 20f0c441a8c..55d2373dd18 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-grid-1_dev/html/reftest.list @@ -64,15 +64,15 @@ grid-layout-repeat-notation.htm == reference/grid-layout-repeat-notation-ref.htm grid-layout-z-order-a.htm == reference/grid-layout-z-order-ref.htm grid-layout-z-order-b.htm == reference/grid-layout-z-order-ref.htm grid-margins-no-collapse-001.htm == reference/grid-text-green-margin-no-collapse-ref.htm -grid-minimun-size-grid-items-001.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-002.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-003.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-004.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-005.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-006.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-007.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-008.htm == reference/ref-filled-green-100px-square.htm -grid-minimun-size-grid-items-009.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-001.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-002.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-003.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-004.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-005.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-006.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-007.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-008.htm == reference/ref-filled-green-100px-square.htm +grid-minimum-size-grid-items-009.htm == reference/ref-filled-green-100px-square.htm grid-multicol-001.htm == reference/ref-filled-green-100px-square.htm grid-order-property-auto-placement-001.htm == reference/grid-2x2-blue-yellow-lime-magenta.htm grid-order-property-auto-placement-002.htm == reference/grid-2x2-blue-yellow-lime-magenta.htm diff --git a/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js b/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js index c4ceec3a805..202c865b15e 100644 --- a/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js +++ b/tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js @@ -18,11 +18,15 @@ var TestingUtils = (function() { }, "'" + 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; - assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas"); + checkGridTemplateAreas(grid, value); }, "'" + gridId + "' with: grid-template-areas: " + style + ";"); } |