Integrate IETC CSS : grid layout tests
authortomz@codeaurora.org <tomz@codeaurora.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 13 Apr 2012 19:39:33 +0000 (19:39 +0000)
committertomz@codeaurora.org <tomz@codeaurora.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 13 Apr 2012 19:39:33 +0000 (19:39 +0000)
https://bugs.webkit.org/show_bug.cgi?id=83830

Patch by Dave Tharp < dtharp@codeaurora.org> on 2012-04-13
Reviewed by Adam Barth

* ietestcenter/css3/grid/display-grid-001.htm: Added.
* ietestcenter/css3/grid/display-grid-002.htm: Added.
* ietestcenter/css3/grid/grid-column-001.htm: Added.
* ietestcenter/css3/grid/grid-column-002.htm: Added.
* ietestcenter/css3/grid/grid-column-003.htm: Added.
* ietestcenter/css3/grid/grid-columns-001.htm: Added.
* ietestcenter/css3/grid/grid-items-001.htm: Added.
* ietestcenter/css3/grid/grid-items-002.htm: Added.
* ietestcenter/css3/grid/grid-items-003.htm: Added.
* ietestcenter/css3/grid/grid-items-004.htm: Added.
* ietestcenter/css3/grid/grid-items-005.htm: Added.
* platform/chromium/test_expectations.txt:
* platform/efl/test_expectations.txt:
* platform/gtk/test_expectations.txt:
* platform/mac/test_expectations.txt:
* platform/qt/test_expectations.txt:

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@114162 268f45cc-cd09-0410-ab3c-d52691b4dbfc

17 files changed:
LayoutTests/ChangeLog
LayoutTests/ietestcenter/css3/grid/display-grid-001.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/display-grid-002.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-column-001.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-column-002.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-column-003.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-columns-001.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-items-001.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-items-002.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-items-003.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-items-004.htm [new file with mode: 0644]
LayoutTests/ietestcenter/css3/grid/grid-items-005.htm [new file with mode: 0644]
LayoutTests/platform/chromium/test_expectations.txt
LayoutTests/platform/efl/test_expectations.txt
LayoutTests/platform/gtk/test_expectations.txt
LayoutTests/platform/mac/test_expectations.txt
LayoutTests/platform/qt/test_expectations.txt

index c60fb11..2211729 100644 (file)
@@ -1,3 +1,27 @@
+2012-04-13  Dave Tharp  < dtharp@codeaurora.org>
+
+        Integrate IETC CSS : grid layout tests
+        https://bugs.webkit.org/show_bug.cgi?id=83830
+
+        Reviewed by Adam Barth
+
+        * ietestcenter/css3/grid/display-grid-001.htm: Added.
+        * ietestcenter/css3/grid/display-grid-002.htm: Added.
+        * ietestcenter/css3/grid/grid-column-001.htm: Added.
+        * ietestcenter/css3/grid/grid-column-002.htm: Added.
+        * ietestcenter/css3/grid/grid-column-003.htm: Added.
+        * ietestcenter/css3/grid/grid-columns-001.htm: Added.
+        * ietestcenter/css3/grid/grid-items-001.htm: Added.
+        * ietestcenter/css3/grid/grid-items-002.htm: Added.
+        * ietestcenter/css3/grid/grid-items-003.htm: Added.
+        * ietestcenter/css3/grid/grid-items-004.htm: Added.
+        * ietestcenter/css3/grid/grid-items-005.htm: Added.
+        * platform/chromium/test_expectations.txt:
+        * platform/efl/test_expectations.txt:
+        * platform/gtk/test_expectations.txt:
+        * platform/mac/test_expectations.txt:
+        * platform/qt/test_expectations.txt:
+
 2012-04-13  Zan Dobersek  <zandobersek@gmail.com>
 
         Unreviewed, rebaselining after r114150.
diff --git a/LayoutTests/ietestcenter/css3/grid/display-grid-001.htm b/LayoutTests/ietestcenter/css3/grid/display-grid-001.htm
new file mode 100644 (file)
index 0000000..41e1830
--- /dev/null
@@ -0,0 +1,114 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Display property with 'grid' value</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-declaration" />
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="The 'display' property accepts the 'grid' value." />
+        <style type="text/css">
+            #parent
+            {
+                font: 20px/1 ahem;
+                position: relative;
+                width: 13em;
+            }
+            #test
+            {
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                height: 3em;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+            }
+            #title
+            {
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #board
+            {
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #absolute
+            {
+                color: red;
+                height: 3em;
+                position: absolute;
+                z-index: -1;
+            }
+            #absolute span
+            {
+                color: green;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="parent">
+            <div id="absolute">
+                XXXXXXXXX<span>XXXX</span>
+            </div>
+            <div id="test">
+                <div id="board">XXXX</div>
+                <div id="title">XXXXX</div>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/display-grid-002.htm b/LayoutTests/ietestcenter/css3/grid/display-grid-002.htm
new file mode 100644 (file)
index 0000000..a09e2e6
--- /dev/null
@@ -0,0 +1,114 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Display property with 'inline-grid' value</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-declaration" />
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="The 'display' property accepts the 'inline-grid' value." />
+        <style type="text/css">
+            #parent
+            {
+                font: 20px/1 ahem;
+                position: relative;
+                width: 13em;
+            }
+            #test
+            {
+                color: green;
+                display: -ms-inline-grid;
+                display: -moz-inline-grid;
+                display: -o-inline-grid;
+                display: -webkit-inline-grid;
+                display: inline-grid;
+                height: 3em;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+            }
+            #title
+            {
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #board
+            {
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #absolute
+            {
+                color: red;
+                height: 3em;
+                position: absolute;
+                z-index: -1;
+            }
+            #absolute span
+            {
+                color: green;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="parent">
+            <div id="absolute">
+                XXXXXXXXX<span>XXXX</span>
+            </div>
+            <div id="test">
+                <div id="board">XXXX</div>
+                <div id="title">XXXXX</div>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-column-001.htm b/LayoutTests/ietestcenter/css3/grid/grid-column-001.htm
new file mode 100644 (file)
index 0000000..bf3e192
--- /dev/null
@@ -0,0 +1,81 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid-column with a negative value</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-declaration" />
+        <meta name="flags" content="ahem invalid" />
+        <meta name="assert" content="The 'grid-column' with a negative value is invalid and inserts the grid-item in the first column." />
+        <style type="text/css">
+            #test
+            {
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                height: 3em;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+            }
+            #griditem
+            {
+                color: red;
+                -ms-grid-column: -1;
+                -moz-grid-column: -1;
+                -o-grid-column: -1;
+                -webkit-grid-column: -1;
+                grid-column: -1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <div id="griditem">XXXX</div>
+            <div>XXXXX</div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-column-002.htm b/LayoutTests/ietestcenter/css3/grid/grid-column-002.htm
new file mode 100644 (file)
index 0000000..02201d6
--- /dev/null
@@ -0,0 +1,81 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid-column with a value of '0'</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-declaration" />
+        <meta name="flags" content="ahem invalid" />
+        <meta name="assert" content="The 'grid-column' with a value of '0' is invalid and inserts the grid-item in the first column." />
+        <style type="text/css">
+            #test
+            {
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                height: 3em;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+            }
+            #griditem
+            {
+                color: red;
+                -ms-grid-column: 0;
+                -moz-grid-column: 0;
+                -o-grid-column: 0;
+                -webkit-grid-column: 0;
+                grid-column: 0;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <div id="griditem">XXXX</div>
+            <div>XXXXX</div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-column-003.htm b/LayoutTests/ietestcenter/css3/grid/grid-column-003.htm
new file mode 100644 (file)
index 0000000..c43cfcb
--- /dev/null
@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid-column with a value of '1'</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-declaration" />
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="The 'grid-column' with a value of '1' inserts the grid-item in the first column and overlaps non-grid-item elements within the same grid parent." />
+        <style type="text/css">
+            #test
+            {
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                height: 3em;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+            }
+            #griditem
+            {
+                color: green;
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            span
+            {
+                color: red;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <div><span>XX</span>X<span>XX</span></div>
+            <div id="griditem">XX XX</div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-columns-001.htm b/LayoutTests/ietestcenter/css3/grid/grid-columns-001.htm
new file mode 100644 (file)
index 0000000..3baf33f
--- /dev/null
@@ -0,0 +1,114 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid-columns set to a negative &lt;length&gt; value</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-declaration" />
+        <meta name="flags" content="ahem invalid" />
+        <meta name="assert" content="The 'grid-columns' property set to a negative length value is invalid. Value then computes to its initial value, 'auto'." />
+        <style type="text/css">
+            #parent
+            {
+                font: 20px/1 ahem;
+                position: relative;
+                width: 13em;
+            }
+            #test
+            {
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                height: 3em;
+                -ms-grid-columns: -1em;
+                -moz-grid-columns: -1em;
+                -o-grid-columns: -1em;
+                -webkit-grid-columns: -1em;
+                grid-columns: -1em;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+            }
+            #left
+            {
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #right
+            {
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #absolute
+            {
+                color: red;
+                height: 3em;
+                position: absolute;
+                z-index: -1;
+            }
+            #absolute span
+            {
+                color: green;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="parent">
+            <div id="absolute">
+                XXXXXXXXX<span>XXXX</span>
+            </div>
+            <div id="test">
+                <div id="right">XXXX</div>
+                <div id="left">XXXXX</div>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-items-001.htm b/LayoutTests/ietestcenter/css3/grid/grid-items-001.htm
new file mode 100644 (file)
index 0000000..73df7c7
--- /dev/null
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid items set to 'display: table'</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-items"/>
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="Elements set to 'display: table' are block-level elements that can be placed by grid alignment properties." />
+        <style type="text/css">
+            #test
+            {
+                background: red;
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+                width: 12em;
+            }
+            #griditem
+            {
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #table
+            {
+                display: table;
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #tr
+            {
+                display: table-row;
+            }
+            .cell
+            {
+                display: table-cell;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <div id="table">
+                <div id="tr">
+                    <div class="cell">AA</div>
+                    <div class="cell">BB</div>
+                    <div class="cell">CC</div>
+                </div>
+            </div>
+            <div id="griditem">XXXXXX</div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-items-002.htm b/LayoutTests/ietestcenter/css3/grid/grid-items-002.htm
new file mode 100644 (file)
index 0000000..e89fe55
--- /dev/null
@@ -0,0 +1,97 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid items that are images</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-items"/>
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="Replaced elements, such as images, can be placed by grid alignment properties." />
+        <style type="text/css">
+            #test
+            {
+                background: red;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+                width: 12em;
+            }
+            div div
+            {
+                color: green;
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            img
+            {
+                background: green;
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+                height: 1em;
+                width: 6em;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <img alt="1em x 6em block" src="../support/green_color.png" />
+            <div>XXXXXX</div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-items-003.htm b/LayoutTests/ietestcenter/css3/grid/grid-items-003.htm
new file mode 100644 (file)
index 0000000..146b503
--- /dev/null
@@ -0,0 +1,98 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid items set to 'display: inline-block'</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-items"/>
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="Elements set to 'display: inline-block' are inline-block-level elements that can be placed by grid alignment properties." />
+        <style type="text/css">
+            #test
+            {
+                background: red;
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+                width: 12em;
+            }
+            div div
+            {
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            span
+            {
+                display: inline-block;
+                background: green;
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+                height: 1em;
+                width: 6em;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <span></span>
+            <div>XXXXXX</div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-items-004.htm b/LayoutTests/ietestcenter/css3/grid/grid-items-004.htm
new file mode 100644 (file)
index 0000000..bcf001a
--- /dev/null
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid items set to 'display: inline'</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-items"/>
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="Elements set to 'display: inline' are inline-level elements that can be placed by grid alignment properties." />
+        <style type="text/css">
+            #test
+            {
+                background: red;
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+                width: 12em;
+            }
+            div div
+            {
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            span
+            {
+                display: inline;
+                background: green;
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <div>XXXXXX</div>
+            <span>XXXXXX</span>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/ietestcenter/css3/grid/grid-items-005.htm b/LayoutTests/ietestcenter/css3/grid/grid-items-005.htm
new file mode 100644 (file)
index 0000000..0bf0b2e
--- /dev/null
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ Internet Explorer Test Pages Copyright © 2012 Microsoft Corporation. All rights reserved.
+
+ Redistribution and use in source and binary forms, with or without modification,
+ are permitted provided that the following conditions are met:
+
+ Redistributions of source code must retain the above copyright notice, this list of
+ conditions and the following disclaimer.
+
+ Redistributions in binary form must reproduce the above copyright notice, this list of
+ conditions and the following disclaimer in the documentation and/or other materials
+ provided with the distribution.
+
+ Neither the name of the Microsoft Corporation nor the names of its contributors may be
+ used to endorse or promote products derived from this software without specific prior
+ written permission.
+
+ THIS SOFTWARE IS PROVIDED BY MICROSOFT CORPORATION "AS IS" AND ANY EXPRESS OR IMPLIED
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+ FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL MICROSOFT CORPORATION
+ BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ POSSIBILITY OF SUCH DAMAGE.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>CSS Test: Grid items set to 'display: inline-table'</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+        <link rel="help" href="http://dev.w3.org/csswg/css3-grid-align/#grid-items"/>
+        <meta name="flags" content="ahem" />
+        <meta name="assert" content="Elements set to 'display: inline-table' are inline-block-level elements that can be placed by grid alignment properties." />
+        <style type="text/css">
+            #test
+            {
+                background: red;
+                color: green;
+                display: -ms-grid;
+                display: -moz-grid;
+                display: -o-grid;
+                display: -webkit-grid;
+                display: grid;
+                font: 20px/1 ahem;
+                -ms-grid-columns: auto 1fr;
+                -moz-grid-columns: auto 1fr;
+                -o-grid-columns: auto 1fr;
+                -webkit-grid-columns: auto 1fr;
+                grid-columns: auto 1fr;
+                -ms-grid-rows: auto 1fr;
+                -moz-grid-rows: auto 1fr;
+                -o-grid-rows: auto 1fr;
+                -webkit-grid-rows: auto 1fr;
+                grid-rows: auto 1fr;
+                width: 12em;
+            }
+            #griditem
+            {
+                -ms-grid-column: 1;
+                -moz-grid-column: 1;
+                -o-grid-column: 1;
+                -webkit-grid-column: 1;
+                grid-column: 1;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #table
+            {
+                display: inline-table;
+                -ms-grid-column: 2;
+                -moz-grid-column: 2;
+                -o-grid-column: 2;
+                -webkit-grid-column: 2;
+                grid-column: 2;
+                -ms-grid-row: 1;
+                -moz-grid-row: 1;
+                -o-grid-row: 1;
+                -webkit-grid-row: 1;
+                grid-row: 1;
+            }
+            #tr
+            {
+                display: table-row;
+            }
+            .cell
+            {
+                display: table-cell;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div id="test">
+            <div id="table">
+                <div id="tr">
+                    <div class="cell">AA</div>
+                    <div class="cell">BB</div>
+                    <div class="cell">CC</div>
+                </div>
+            </div>
+            <div id="griditem">XXXXXX</div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
index cbbf5ea..0a0a4f0 100644 (file)
@@ -3768,3 +3768,15 @@ BUGWK83647 WIN LINUX : fast/multicol/cell-shrinkback.html = IMAGE
 
 BUGWK83826 : fast/text/drawBidiText.html = IMAGE
 BUGWK83826 : fast/text/international/bidi-listbox-atsui.html = IMAGE
+
+BUGWK83830 : ietestcenter/css3/grid/display-grid-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-005.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/display-grid-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-columns-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-004.htm = FAIL MISSING
index 785925c..af66f7c 100644 (file)
@@ -144,3 +144,15 @@ BUGWK83277 : editing/input/reveal-caret-of-multiline-input.html = FAIL MISSING
 
 // SVG dropShadow failure. Needs rebaseline after fixing.
 BUGWK83580 : svg/filters/feDropShadow.svg = FAIL MISSING
+
+BUGWK83830 : ietestcenter/css3/grid/display-grid-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-005.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/display-grid-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-columns-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-004.htm = FAIL MISSING
index ee273b9..6b07142 100644 (file)
@@ -303,6 +303,17 @@ BUGWK19688 : fast/images/exif-orientation-css.html = FAIL
 // Touch adjustment not enabled
 BUGWK78801 : touchadjustment = FAIL
 
+BUGWK83830 : ietestcenter/css3/grid/display-grid-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-005.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/display-grid-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-columns-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-004.htm = FAIL MISSING
 //////////////////////////////////////////////////////////////////////////////////////////
 // End of Expected failures
 //////////////////////////////////////////////////////////////////////////////////////////
index 8b3c84b..a5263e3 100644 (file)
@@ -335,3 +335,15 @@ BUGWK75568 : tables/mozilla/bugs/bug1188.html = TEXT
 
 // Tiled-layer compositing tests are flakey.
 BUGWK82546 : compositing/tiling/crash-reparent-tiled-layer.html = PASS TEXT
+
+BUGWK83830 : ietestcenter/css3/grid/display-grid-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-005.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/display-grid-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-columns-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-004.htm = FAIL MISSING
index 7604838..20c0e7a 100644 (file)
@@ -30,3 +30,15 @@ BUGWK78412 : tables/mozilla_expected_failures/bugs/bug59252.html = TEXT
 BUGWK78412 : tables/mozilla_expected_failures/bugs/bug7243.html = TEXT
 
 BUGWK82886 : inspector/styles/override-screen-size.html = TEXT
+
+BUGWK83830 : ietestcenter/css3/grid/display-grid-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-003.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-005.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/display-grid-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-column-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-columns-001.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-002.htm = FAIL MISSING
+BUGWK83830 : ietestcenter/css3/grid/grid-items-004.htm = FAIL MISSING