--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-image_excess_values</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the image values of the lists are matched up from the first value: excess values at the end are not used." />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ height: 300px;
+ width: 380px;
+ padding: 5px;
+ border: 5px solid black;
+ margin: 5px;
+ background-image: url(support/swatch-orange.png), url(support/swatch-orange.png), url(support/swatch-orange.png);
+ background-position: 0% 0%, 30% 30%, 60% 60%, 90% 90%;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var propvalue = GetCurrentStyle("background-position");
+ var prop = propvalue.indexOf("0% 0%, 30% 30%, 60% 60%") != -1;
+ assert_true(prop, "The element background-position should be 0% 0%, 30% 30%, 60% 60%");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-image_no_enough_comma-separated_values</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check If a property doesn't have enough comma-separated values to match the number of layers" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ height: 300px;
+ width: 380px;
+ padding: 5px;
+ border: 5px solid black;
+ margin: 5px;
+ background-image: url(support/swatch-orange.png), url(support/swatch-orange.png), url(support/swatch-orange.png), url(support/swatch-orange.png);
+ background-position: 0% 0%, 60% 60%;
+ background-origin: content-box;
+ background-repeat: no-repeat;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var propvalue = GetCurrentStyle("background-position");
+ var prop = propvalue.indexOf("0% 0%, 60% 60%, 0% 0%, 60% 60%") != -1;
+ assert_true(prop, "The element background-position should be 0% 0%, 60% 60%, 0% 0%, 60% 60%");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-image_none</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if a value of 'none' counts as an image layer but draws nothing" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ background-image: none;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var propvalue = GetCurrentStyle("background-image");
+ assert_equals(propvalue, "none","The element background-image value ");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-posiltion_offset_inward</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the positive values represent an offset inward from the edge of the background positioning area" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ background-position: 10px 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var propvalue = GetCurrentStyle("background-position");
+ assert_equals(propvalue, "10px 10px", "The element background-position value ");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-posiltion_offset_outward</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the negative values represent an offset outward from the edge of the background positioning area" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ background-position: -40px -40px;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var propvalue = GetCurrentStyle("background-position");
+ assert_equals(propvalue, "-40px -40px", "The element background-position value ");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-position_2cm_1cm</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the background-position value is 2cm 1cm" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ height: 79px;
+ width: 117px;
+ border: 1px solid black;
+ margin: 5px;
+ background-image: url(webkit/resources/ring.png);
+ background-repeat: no-repeat;
+ background-position: 2cm 1cm;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="test"></div>
+ <div>
+ <p>Test passes if the image is positioned form the right border edge and the bottom border edge</p>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-position_only_one</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if only one value is specified, the second value is assumed to be center" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ background-position: left;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var propvalue = GetCurrentStyle("background-position");
+ var prop = propvalue.indexOf("0% 50%") != -1;
+ assert_true(prop, "The element background-position should be 0% 50%");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background-size_negative</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if negative values are not allowed" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ background: blue;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("background-size")] = "-1";
+ var propvalue = GetCurrentStyle("background-size");
+ assert_equals(propvalue, "auto", "The element background-size value ");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Background Test: CSS3BG_background_default_layer</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if each box has a possible default completely transparent background layer" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var propvalue = GetCurrentStyle("background-color");
+ assert_equals(propvalue, "rgba(0, 0, 0, 0)", "The element background-color value");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_background_example_equivalent</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the other individual properties are set to their initial values when only partial values for 'background' has been given" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ <style type="text/css">
+ #test{
+ background: blue url("support/swatch-orange.png") 10% round fixed border-box;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var backgroundColor = GetCurrentStyle("backgroundColor");
+ assert_equals(backgroundColor, "rgb(0, 0, 255)", "The element background-color value");
+
+ var backgroundPosition = GetCurrentStyle("backgroundPosition");
+ assert_equals(backgroundPosition, "10% 50%", "The element background-position value");
+
+ var backgroundSize = GetCurrentStyle("backgroundSize");
+ assert_equals(backgroundSize, "auto","The element background-size value");
+
+ var backgroundRepeat = GetCurrentStyle("backgroundRepeat");
+ assert_equals(backgroundRepeat, "round", "The element background-repeat value");
+
+ var backgroundClip = GetCurrentStyle("backgroundClip");
+ assert_equals(backgroundClip, "border-box","The element background-clip value");
+
+ var backgroundOrigin = GetCurrentStyle("backgroundOrigin");
+ assert_equals(backgroundOrigin, "border-box", "The element background-origin value");
+
+ var backgroundAttachment = GetCurrentStyle("backgroundAttachment");
+ assert_equals(backgroundAttachment, "fixed", "The element background-attachment value");
+
+ var propvalue = GetCurrentStyle("backgroundImage");
+ var prop = propvalue.indexOf("support/swatch-orange.png") != -1;
+ assert_true(prop, "The element background-image should be url(support/swatch-orange.png)");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-outset_left_bottom_value_miss</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-outset left and bottom value is missing,it is the same as the right and top" />
+ <style type="text/css">
+ #test{
+ height: 50px;
+ width: 100px;
+ padding: 5px;
+ border: 10px;
+ margin: 100px;
+ background: blue;
+ border-image: url(webkit/resources/ring.png);
+ -moz-border-image-outset: 3 10;
+ -ms-border-image-outset: 3 10;
+ -webkit-border-image-outset: 3 10;
+ border-image-outset: 3 10;
+ -moz-border-image-width: 20;
+ -ms-border-image-width: 20;
+ -webkit-border-image-width: 20;
+ border-image-width: 20;
+ }
+ #testdiv {
+ border: 5px solid black;
+ width: 330px;
+ height: 280px;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="testdiv">
+ <div id="test"></div>
+ </div>
+ <p>Test passes if the distance to both side ring pictures are the same, the top is same to the bottom</p>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-outset_left_value_miss</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-outset left value is missing it is the same as the right" />
+ <style type="text/css">
+ #test{
+ height: 50px;
+ width: 100px;
+ padding: 5px;
+ border: 10px;
+ margin: 100px;
+ background: blue;
+ border-image: url(webkit/resources/ring.png);
+ -moz-border-image-outset: 3 10 5;
+ -ms-border-image-outset: 3 10 5;
+ -webkit-border-image-outset: 1 2 10;
+ border-image-outset: 1 2 10;
+ -moz-border-image-width: 20;
+ -ms-border-image-width: 20;
+ -webkit-border-image-width: 20;
+ border-image-width: 20;
+ }
+ #testdiv {
+ border: 5px solid black;
+ width: 330px;
+ height: 280px;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="testdiv">
+ <div id="test"></div>
+ </div>
+ <p>Test passes if the distance to both side ring pictures are the same</p>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-outset_negative_not_allowed</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-outset value is negative" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("borderImageOutset")] = "-10px";
+ var propvalue = GetCurrentStyle("borderImageOutset");
+ assert_true(propvalue == "0px", "The element border-image-outset should not be negative ");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-slice_left_bottom_value_miss</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-slice left and bottom value is missing,it is the same as the right and top" />
+ <style type="text/css">
+ #test{
+ height: 200px;
+ width: 300px;
+ padding: 5px;
+ border: 100px;
+ margin: 5px;
+ background: blue;
+ border-image: url(webkit/resources/ring.png);
+ -moz-border-image-slice: 20 10;
+ -ms-border-image-slice: 20 10;
+ -webkit-border-image-slice: 20 10;
+ border-image-slice: 20 10;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="test"></div>
+ <p>Test passes if the left orange area is same to the right and the top orange area is same to the bottom</p>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-slice_left_value_miss</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-slice left value is missing it is the same as the right" />
+ <style type="text/css">
+ #test{
+ height: 200px;
+ width: 300px;
+ border: 100px;
+ margin: 5px;
+ background: blue;
+ border-image: url(webkit/resources/ring.png);
+ -moz-border-image-slice: 10 20 15;
+ -ms-border-image-slice: 10 20 15;
+ -webkit-border-image-slice: 10 20 15;
+ border-image-slice: 10 20 15;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="test"></div>
+ <p>Test passes if the left orange area is same to the right</p>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-slice_negative_interpreted_100pct</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the negative values of 'border-image-slice' are interpreted as 100%" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("borderImageSlice")] = "-10%";
+ var propvalue = GetCurrentStyle("borderImageSlice");
+ assert_equals(propvalue, "100%", "The element border-image-slice value ");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-width_left_bottom_value_miss</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-width left and bottom value is missing it is the same as the right and top" />
+ <style type="text/css">
+ #test{
+ height: 100px;
+ width: 200px;
+ border: 100px;
+ margin: 5px;
+ background: blue;
+ border-image: url(webkit/resources/ring.png);
+ -moz-border-image-width: 50 50;
+ -ms-border-image-width: 50 50;
+ -webkit-border-image-width: 50 50;
+ border-image-width: 50 50;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <p>Test passes if the ring pictures width of two sides is the same and the top picture is same to the bottom</p>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-width_left_value_miss</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-width left value is missing it is the same as the right" />
+ <style type="text/css">
+ #test{
+ height: 100px;
+ width: 200px;
+ border: 100px;
+ margin: 5px;
+ background: blue;
+ border-image: url(webkit/resources/ring.png);
+ -moz-border-image-width: 20 50 30;
+ -ms-border-image-width: 20 50 30;
+ -webkit-border-image-width: 20 50 30;
+ border-image-width: 20 50 30;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="test"></div>
+ <p>Test passes if the ring pictures width of the left is as same as the right</p>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-image-width_negative_not_allowed</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the border-image-width value is negative" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("borderImageWidth")] = "-10";
+ var propvalue = GetCurrentStyle("borderImageWidth");
+ assert_true(propvalue == 1, "The element border-image-width should not be negative");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-radius_bottomleft_omitted</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if border-radius bottom-left value omitted it is the same as top-right" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("border-radius")] = "5px 10px 15px / 5px 10px 15px";
+ var propvalue = GetCurrentStyle("border-bottom-left-radius");
+ assert_equals(propvalue, "10px", "The element border-bottom-left-radius value ");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ haox.li <haox.li@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 Backgrounds Test: CSS3BG_border-radius_bottomright_bottomleft_omitted</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2012/CR-css3-background-20120724/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if border-radius bottom-right and bottom-left omitted it is the same as top-left and top-right" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/cssstyle.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("border-radius")] = "5px 10px / 5px 10px";
+ var propvalue = GetCurrentStyle("border-bottom-left-radius");
+ assert_equals(propvalue, "10px", "The element border-bottom-left-radius value ");
+ propvalue = GetCurrentStyle("border-bottom-right-radius");
+ assert_equals(propvalue, "5px", "The element border-bottom-right-radius value ");
+ }, document.title);
+ </script>
+ </body>
+</html>
</spec>
</specs>
</testcase>
+ <testcase purpose="Check if each box has a possible default completely transparent background layer" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background_default_layer">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if each box has a possible default completely transparent background layer</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background_default_layer.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Each box has a background layer that may be fully transparent (the default)</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the other individual properties are set to their initial values when only partial values for 'background' has been given" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background_example_equivalent">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the other individual properties are set to their initial values when only partial values for 'background' has been given</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background_example_equivalent.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>In the first rule of the following example, only a value for ‘background-color’ has been given and the other individual properties are set to their initial values.In the second rule, many individual properties have been specified.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the image values of the lists are matched up from the first value: excess values at the end are not used" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background-image_excess_values">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the image values of the lists are matched up from the first value: excess values at the end are not used</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-image_excess_values.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties. The lists are matched up from the first value: excess values at the end are not used.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the UA calculate its used value by repeating the list of values until there are enough" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background-image_no_enough_comma-separated_values">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the UA calculate its used value by repeating the list of values until there are enough</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-image_no_enough_comma-separated_values.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties. If a property doesn't have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if a value of 'none' counts as an image layer but draws nothing" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background-image_none">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if a value of 'none' counts as an image layer but draws nothing</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-image_none.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>A value of ' none ' counts as an image layer but draws nothing</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if only one value is specified, the second value is assumed to be center" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background-position_only_one">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if only one value is specified, the second value is assumed to be center</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-position_only_one.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>If only one value is specified, the second value is assumed to be ‘center’</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if negative values are not allowed" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background-size_negative">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if negative values are not allowed</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-size_negative.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Negative values are not allowed</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if border-radius bottom-left value omitted it is the same as top-right" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_border-radius_bottomleft_omitted">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if border-radius bottom-left value omitted it is the same as top-right</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomleft_omitted.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>The ‘border-radius’ shorthand sets all four ‘border-*-radius’ properties. If values are given before and after the slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally. The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if border-radius bottom-right and bottom-left omitted it is the same as top-left and top-right" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_border-radius_bottomright_bottomleft_omitted">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if border-radius bottom-right and bottom-left omitted it is the same as top-left and top-right</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-radius_bottomright_bottomleft_omitted.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>The ‘border-radius’ shorthand sets all four ‘border-*-radius’ properties. If values are given before and after the slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally. The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the positive values represent an offset inward from the edge of the background positioning area" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background-posiltion_offset_inward">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the positive values represent an offset inward from the edge of the background positioning area</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-posiltion_offset_inward.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Positive values represent an offset inward from the edge of the background positioning area</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the negative values represent an offset outward from the edge of the background positioning area" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_background-posiltion_offset_outward">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the negative values represent an offset outward from the edge of the background positioning area</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-posiltion_offset_outward.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Negative values represent an offset outward from the edge of the background positioning area</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the negative values of 'border-image-slice' are interpreted as 100%" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_border-image-slice_negative_interpreted_100pct">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the negative values of 'border-image-slice' are interpreted as 100%</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-slice_negative_interpreted_100pct.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Negative values are not allowed and values bigger than the size of the image are interpreted as ‘100%’</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-width value is negative" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_border-image-width_negative_not_allowed">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-width value is negative</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_negative_not_allowed.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Negative values are not allowed for any ‘border-image-width’ values</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-outset value is negative" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="auto" priority="P3" id="CSS3BG_border-image-outset_negative_not_allowed">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-outset value is negative</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-outset_negative_not_allowed.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>Negative values are not allowed for any of the ‘border-image-outset’ values</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if a length value gives a fixed length as the offset" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" priority="P3" id="CSS3BG_background-position_2cm_1cm">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if a length value gives a fixed length as the offset</step_desc>
+ <expected>the image is positioned form the right border edge and the bottom border edge</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_background-position_2cm_1cm.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>A length value gives a fixed length as the offset. For example, with a value pair of ‘2cm 1cm’, the upper left corner of the image is placed 2cm to the right and 1cm below the upper left corner of the background positioning area</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-slice left and bottom value is missing it is the same as the right and top" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" priority="P3" id="CSS3BG_border-image-slice_left_bottom_value_miss">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-slice left and bottom value is missing it is the same as the right and top</step_desc>
+ <expected>the ring pictures width of two sides is the same and the top picture is same to the bottom</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-slice_left_bottom_value_miss.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>When four values are specified, they set the offsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-slice left value is missing it is the same as the right" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" priority="P3" id="CSS3BG_border-image-slice_left_value_miss">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-slice left value is missing it is the same as the right</step_desc>
+ <expected>the left orange area is same to the right</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-slice_left_value_miss.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>When four values are specified, they set the offsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-width left and bottom value is missing" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" priority="P3" id="CSS3BG_border-image-width_left_bottom_value_miss">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-width left and bottom value is missing</step_desc>
+ <expected>the ring pictures width of two sides is the same and the top picture is same to the bottom</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_left_bottom_value_miss.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>If the left width is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top. Values have the following meanings</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-width left value is missing it is the same as the right" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" priority="P3" id="CSS3BG_border-image-width_left_value_miss">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-width left value is missing it is the same as the right</step_desc>
+ <expected>the ring pictures width of the left is as same as the right</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-width_left_value_miss.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>If the left width is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top. Values have the following meanings</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-outset left and bottom value is missing,it is the same as the right and top" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" priority="P3" id="CSS3BG_border-image-outset_left_bottom_value_miss">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-outset left and bottom value is missing,it is the same as the right and top</step_desc>
+ <expected>the distance to both side ring pictures are the same, the top is same to the bottom</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-outset_left_bottom_value_miss.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>If it has four values, they set the outsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the border-image-outset left value is missing it is the same as the right" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" priority="P3" id="CSS3BG_border-image-outset_left_value_miss">
+ <description>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the border-image-outset left value is missing it is the same as the right</step_desc>
+ <expected>the distance to both side ring pictures are the same</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/CSS3BG_border-image-outset_left_value_miss.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Backgrounds and Borders Module Level 3 (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2012/CR-css3-background-20120724/</spec_url>
+ <spec_statement>If it has four values, they set the outsets on the top, right, bottom and left sides in that order. If the left is missing, it is the same as the right; if the bottom is missing, it is the same as the top; if the right is missing, it is the same as the top</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
</set>
</suite>
</test_definition>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-count_initial</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if column count not set value according to the column width automatically calculate the number of columns" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "200px";
+ var test = GetCurrentStyle("columnCount");
+ assert_equals(test, "auto", "The element column-count value should be auto");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-count_max-height_overflow_visible</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the height of the multi-column element has been constrained to a maximum height" />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ div.test {
+ width: 600px;
+ height: 200px;
+ text-align:center;
+ position: relative;
+ border: solid 5px blue;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ .gap {
+ position: absolute;
+ background: green;
+ width: 5px;
+ bottom: 0px;
+ top: 0px;
+ border: 10px solid yellow;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ }
+ .test p {
+ padding: 3px;
+ margin: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion:If the height of the multi-column element has been constrained to a maximum height</p>
+ <p>Test passes if the last column is not inside the blue border.</p>
+ </p>
+ <div id="log"></div>
+ <div class="test" id="test">
+ <div>
+ <p> Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs
+ </p>
+ </div>
+
+ <div><!-- style="left: 175px"-->
+ <p> tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ </p>
+ </div>
+
+ <div> <!-- style="left: 350px"-->
+ <p> M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ Pqr stu vw xyz.
+ </p>
+ </div>
+
+ <div class="gap" style="left: 180px"></div>
+
+ <div class="gap" style="left: 385px"></div>
+ <div class="gap" style="left: 593px"></div>
+ </div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnCount")] = "3";
+ div.style[headProp("columnGap")] ="5px";
+ div.style[headProp("maxHeight")] ="180px";
+ div.style[headProp("overflow")] ="visible";
+ div.style[headProp("columnRule")] ="5px solid green";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-count_maximum_columns</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if both column-width and column-count have non-auto values, the integer value describes the maximum number of columns" />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ div.test {
+ background-color: green;
+ margin: 10px;
+ width: 400px;
+ padding: 0.2em 1em;
+ border: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion:If both column-width and column-count have non-auto values, the integer value describes the maximum number of columns</p>
+ <ul>
+ <li>Test passes if the text inside green box is divided to three columns.</li>
+ </ul>
+ </p>
+ <div id="log"></div>
+ <div class="test" id="test"> welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it</div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "50px";
+ div.style[headProp("columnCount")] = "3";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-gap_image_custom_png_clipped</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the image is wider than the column, and is therefore clipped" />
+ <script src="support/user.js"></script>
+ <style>
+ div.test {
+ width: 240px;
+ height: 200px;
+ text-align:center;
+ position: relative;
+ border: solid 5px black;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ .test p {
+ padding: 3px;
+ margin: 0;
+ }
+ img {
+ margin: 3px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the right side of the cat image is clipped by the yellow line</p>
+ <div class="test" id="test">
+ <div>
+ <img src="support/cat.png"/>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ Pqr stu vw xyz.
+ </div>
+ </div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "60px";
+ div.style[headProp("columnGap")] ="5px";
+ div.style[headProp("columnRule")] ="5px solid yellow";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-gap_width_same</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the column rule and the column gap have the same width" />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ #test {
+ width: 600px;
+ height: 200px;
+ text-align:center;
+ position: relative;
+ border: solid 5px blue;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ .gap {
+ position: absolute;
+ background-color:yellow;
+ width: 6px;
+ bottom: 0px;
+ top: 0px;
+ }
+ .test p {
+ padding: 3px;
+ margin: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion:If the column rule and the column gap have the same width</p>
+ <ul>
+ <li>Test passes if no black lines on yellow lines.</li>
+ </ul>
+ </p>
+ <div id="log"></div>
+ <div class="test" id="test">
+ <div>
+ <p> Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs
+ </p>
+ </div>
+
+ <div><!-- style="left: 175px"-->
+ <p> tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ </p>
+ </div>
+
+ <div> <!-- style="left: 350px"-->
+ <p> M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ Pqr stu vw xyz.
+ </p>
+ </div>
+
+ <div class="gap" style="left: 196px"></div>
+
+ <div class="gap" style="left: 398px"></div>
+ </div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "196px";
+ div.style[headProp("columnGap")] = "6px";
+ div.style[headProp("columnRuleWidth")] = "6px";
+ div.style[headProp("columnRuleStyle")] = "solid";
+ div.style[headProp("columnRuleColor")] = "black";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-rule-width_0px_hidden</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the column-rule-style value set hidden column-rule-width got value is 0px" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "100px";
+ div.style[headProp("columnRuleWidth")] = "5px";
+ div.style[headProp("columnRuleStyle")] = "hidden";
+ var text = GetCurrentStyle("columnRuleWidth");
+ assert_equals(text, "0px", "The element column-rule-width value should be 0px");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-rule-width_0px_none</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the column-rule-style value set none column-rule-width got value 0px" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "100px";
+ div.style[headProp("columnRuleWidth")] = "5px";
+ div.style[headProp("columnRuleStyle")] = "none";
+ var text = GetCurrentStyle("columnRuleWidth");
+ assert_equals(text, "0px", "The element column-rule-width value should be 0px");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-rule_image_left_empty</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if a tall image is moved to a column on the next page to find room when the column do not have enough space to place it" />
+ <script src="support/user.js"></script>
+ <style>
+ div.test {
+ width: 500px;
+ height: 200px;
+ text-align:center;
+ position: relative;
+ border: solid 5px black;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ .test p {
+ padding: 3px;
+ margin: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the first column have some blank lines and the cat image is in the second column</p>
+ <div class="test" id="test">
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ def g hij klm nopqrs<br>
+ def g hij klm nopqrs<br>
+ def g hij klm nopqrs<br>
+ <img src="support/cat.png"/>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs
+ </div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnCount")] = "3";
+ div.style[headProp("columnGap")] ="5px";
+ div.style[headProp("columnRule")] ="5px solid green";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-rule_initial</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if column rule property initial value" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script type="text/javascript">
+ test(function () {
+ var text = GetCurrentStyle("columnRuleWidth");
+ assert_equals(text, "0px", "The element column-rule-width value ");
+ text = GetCurrentStyle("columnRuleStyle");
+ assert_equals(text, "none", "The element column-rule-style value");
+ text = GetCurrentStyle("columnRuleColor");
+ assert_equals(text, "rgb(0, 0, 0)", "The element column-rule-color value");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-rule_shorthand</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the column-rule is a shorthand property and by the column-rule-width,column-rule-style,column-rule-color" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function(){
+ var div = document.querySelector("#test");
+ div.style[headProp("columnGap")] = "48px";
+ div.style[headProp("columnRule")] = "2px solid black";
+ div.style[headProp("columnCount")] = "3";
+ var rulewidth = GetCurrentStyle("columnRuleWidth");
+ assert_equals(rulewidth, "2px", "The element column-rule-width value should be thin");
+ var rulestyle = GetCurrentStyle("columnRuleStyle");
+ assert_equals(rulestyle, "solid", "The element column-rule-style value should be solid");
+ var rulecolor = GetCurrentStyle("columnRuleColor");
+ assert_equals(rulecolor, "rgb(0, 0, 0)", "The element column-rule-color value should be black");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-rule_wider_than_gap</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if a column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element" />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ div.test {
+ background-color: red;
+ margin: 10px;
+ width: 400px;
+ padding: 0.2em 1em;
+ border: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion:If column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element</p>
+ <ul>
+ <li>Test passes if there is a black block in the middle and cover some text.</li>
+ </ul>
+ </p>
+ <div id="log"></div>
+ <div class="test" id="test"> welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it</div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnGap")] = "3px";
+ div.style[headProp("columnRule")] = "50px solid black";
+ div.style[headProp("columnCount")] = "2"
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-span_all_background_silver</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if column-span to all, all content that appear before the h2 element is shown before the h2 element" />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ div.test {
+ width: 600px;
+ height: 250px;
+ text-align:center;
+ position: relative;
+ border: solid 5px blue;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion:If column-span to all, all content that appear before the h2 element is shown before the h2 element</p>
+ <ul>
+ <li>Test passes if silver box text 'An H2 element Test' across all columns.</li>
+ </ul>
+ </p>
+ <div id="log"></div>
+ <div class="test" id="test">
+ <div>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno
+ pqr stu vw xyz. A bc
+ <h2 id="h2" style="height: 20px;
+ font-size: 1.3em;padding: 2px">An H2 element Test</h2>
+ def g hij klm nopqrs
+ </div>
+ <div>
+ tuv wxy z. Abc de fg
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ </div>
+ <div>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ Pqr stu vw xyz.
+ </div>
+ </div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "196px";
+ div.style[headProp("columnGap")] ="5px";
+ div.style[headProp("columnRule")] ="5px solid green";
+ document.getElementById("h2").style[headProp("columnSpan")]="all";
+ document.getElementById("h2").style[headProp("background")]="silver";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-span_none_background_silver</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the silver box no across all columns when the column-span is none " />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ div.test {
+ width: 400px;
+ height: 200px;
+ text-align:center;
+ position: relative;
+ border: solid 5px blue;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion:If the column-span value set 'none'</p>
+ <ul>
+ <li>Test passes if silver box text 'An H2 element Test' no across all columns.</li>
+ </ul>
+ </p>
+ <div id="log"></div>
+ <div class="test" id="test">
+
+ Ab cde fgh i jkl. Mno<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ def g hij klm nopqrs<br>
+ <h2 id="h2" style="height: 20px;
+ font-size: 1.5em;padding: 16px">An H2 element Test</h2>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ </div>
+
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "196px";
+ div.style[headProp("columnGap")] ="5px";
+ div.style[headProp("columnRule")] ="5px solid green";
+ document.getElementById("h2").style[headProp("columnSpan")]="none";
+ document.getElementById("h2").style[headProp("background")]="silver";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-width_image_custom_png</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the width of the image is set with these rules" />
+ <script src="support/user.js"></script>
+ <style>
+ div.test {
+ width: 700px;
+ height: 300px;
+ text-align:center;
+ position: relative;
+ border: solid 5px black;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ .test p {
+ padding: 3px;
+ margin: 0;
+ }
+ img {
+ display: block;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the width of the cat image is the same as the width of the column</p>
+ <div class="test" id="test">
+ <div>
+ <p> Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs
+ </p>
+ </div>
+ <img src="support/cat.png"/>
+ <div>
+ <p> M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ Pqr stu vw xyz.
+ </p>
+ </div>
+ </div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "196px";
+ div.style[headProp("columnGap")] ="5px";
+ div.style[headProp("columnRule")] ="5px solid green";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-width_image_custom_png_float_right</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the width of the image is set float right" />
+ <script src="support/user.js"></script>
+ <style>
+ div.test {
+ width: 700px;
+ height: 200px;
+ text-align:center;
+ position: relative;
+ border: solid 5px blue;
+ margin: 0.5em 2em 1em 0;
+ font: bold 14px/19px Arial, sans-serif;
+ }
+ .test p {
+ padding: 3px;
+ margin: 0;
+ }
+ img {
+ display: block;
+ float: right;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the cat image is on the right of the text of the column</p>
+ <div class="test" id="test">
+ <div>
+ <p> Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs
+ </p>
+ </div>
+ <div>
+ <p> M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ <img src="support/cat.png"/>
+ pqr stu vw xyz. A bc<br>
+ def g hij klm nopqrs<br>
+ tuv wxy z. Abc de fg<br>
+ hi jklmno. Pqrstu vw<br>
+ x yz. Abc def ghi jkl.<br>
+ M nop qrst uv wx yz.<br>
+ Ab cde fgh i jkl. Mno<br>
+ Pqr stu vw xyz.
+ </p>
+ </div>
+ </div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "196px";
+ div.style[headProp("columnGap")] ="5px";
+ div.style[headProp("columnRule")] ="5px solid green";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-width_initial</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if column width not set value automatically calculate the width of the column" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("columnCount")] = "3";
+ var text = GetCurrentStyle("columnWidth");
+ assert_equals(text, "auto", "The element column-width value should be auto");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-width_no_available_space</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the available space is smaller than the specified column width and the actual column width will therefore be decreased" />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ div.test {
+ background-color: green;
+ width: 400px;
+ }
+ div.test1 {
+ background-color: pink;
+ text-align: center;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion: The available space is smaller than the specified column width and the actual column width will therefore be decreased.</p>
+ <ul>
+ <li>Test passes if the green text column and the pink text box is the same width </li>
+ </ul>
+ </p>
+ <div class="test"> welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it</div>
+ <div class="test1">400px</div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth")] = "450px";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_column-width_same</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if all column boxes in a row have the same column width, and all column boxes in a row have the same column height" />
+ <script src="support/user.js"></script>
+ <style type="text/css">
+ div.test {
+ background-color: green;
+ margin: 10px;
+ width: 400px;
+ padding: 0.2em 1em;
+ border: 5px solid blue;
+ }
+ </style>
+ </head>
+ <body>
+ <p id="testdetails">
+ <p>Assertion:If all column boxes in a row have the same column width, and all column boxes in a row have the same column height</p>
+ <ul>
+ <li>Test passes if yellow lines split into three columns and the column width and height are the same.</li>
+ </ul>
+ </p>
+ <div id="log"></div>
+ <div class="test" id="test">
+ welcome here! This is a column width Tests. please test it welcome here! This is a column width Tests. please test it welcome here!This is a column width Tests. please test it</div>
+ <script>
+ var div = document.querySelector("#test");
+ div.style[headProp("columnWidth",div)] = "100px";
+ div.style[headProp("columnRule",div)] = "thick solid yellow";
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_columns_initial</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if all column properties have their initial value, the layout of an element will be identical to a multi-column layout with only one column" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ var text = GetCurrentStyle("columnWidth");
+ assert_equals(text, "auto", "The element column-width value should be auto");
+ text = GetCurrentStyle("columnCount");
+ assert_equals(text, "auto", "The element column-count value should be auto");
+ }, document.title);
+ </script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--
+Copyright (c) 2013 Intel Corporation.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of works must retain the original copyright notice, this list
+ of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the original 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 Intel Corporation nor the names of its contributors
+ may be used to endorse or promote products derived from this work without
+ specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY INTEL 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 INTEL 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.
+
+Authors:
+ Liu, Jinfeng <jinfengx.liu@intel.com>
+ Cui, Jieqiong <jieqiongx.cui@intel.com>
+
+-->
+
+<html>
+ <head>
+ <title>CSS3 MultiColumn Test: CSS3Multicolumn_columns_shorthand</title>
+ <link rel="author" title="Intel" href="http://www.intel.com" />
+ <link rel="help" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412/" />
+ <meta name="flags" content="" />
+ <meta name="assert" content="Check if the element is set to have the number of columns,the width of columns,and both the number and width are set" />
+ <script src="../resources/testharness.js"></script>
+ <script src="../resources/testharnessreport.js"></script>
+ <script src="support/user.js"></script>
+ </head>
+ <body>
+ <div id="log"></div>
+ <div id="test"></div>
+ <script>
+ test(function () {
+ var div = document.querySelector("#test");
+ div.style[headProp("columns")] = "2 192px";
+ var test = GetCurrentStyle("columnCount");
+ assert_equals(test, "2", "The element column-count value should be 2");
+ test = GetCurrentStyle("columnWidth");
+ assert_equals(test, "192px", "The element column-width value should be 192px");
+ }, document.title);
+ </script>
+ </body>
+</html>
</spec>
</specs>
</testcase>
+ <testcase purpose="Check if the element is set to have the number of columns,the width of columns,and both the number and width are set" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_columns_shorthand">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the element is set to have the number of columns,the width of columns,and both the number and width are set</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_shorthand.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>the number of columns, the width of columns, and both the number and width are set</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the column-rule is a shorthand property and by the column-rule-width,column-rule-style,column-rule-color" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_column-rule_shorthand">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the column-rule is a shorthand property and by the column-rule-width,column-rule-style,column-rule-color</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_shorthand.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>Another group of properties introduced in this module describe gaps and rules between columns.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if all column properties have their initial value, the layout of an element will be identical to a multi-column layout with only one column" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_columns_initial">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if all column properties have their initial value, the layout of an element will be identical to a multi-column layout with only one column</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_columns_initial.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>If all column properties have their initial value, the layout of an element will be identical to a multi-column layout with only one column.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if column width not set value automatically calculate the width of the column" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_column-width_initial">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if column width not set value automatically calculate the width of the column</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_initial.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>the column width will be determined by other properties</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if column count not set value according to the column width automatically calculate the number of columns" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_column-count_initial">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if column count not set value according to the column width automatically calculate the number of columns</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_initial.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>means that the number of columns will be determined by other properties (e.g., ‘column-width’, if it has a non-auto value).</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if column rule property initial value" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_column-rule_initial">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if column rule property initial value</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_initial.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>Omitted values are set to their initial values</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the column-rule-style value set none column-rule-width got value is 0px" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_column-rule-width_0px_none">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the column-rule-style value set none column-rule-width got value is 0px</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_0px_none.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>‘0’ if the column rule style is ‘none’ or ‘hidden’</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the column-rule-style value set hidden column-rule-width got value is 0px" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="auto" priority="P3" id="CSS3Multicolumn_column-rule-width_0px_hidden">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the column-rule-style value set hidden column-rule-width got value is 0px</step_desc>
+ <expected>Pass</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule-width_0px_hidden.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>‘0’ if the column rule style is ‘none’ or ‘hidden’</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if all column boxes in a row have the same column width, and all column boxes in a row have the same column height" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-width_same">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if all column boxes in a row have the same column width, and all column boxes in a row have the same column height</step_desc>
+ <expected>yellow lines split into three columns and the column width and height are the same</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_same.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>All column boxes in a row have the same column width, and all column boxes in a row have the same column height.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the width of the image is set with these rules" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-width_image_custom_png">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the width of the image is set with these rules</step_desc>
+ <expected>the width of the cat image is the same as the width of the column</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_image_custom_png.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>the width of the image is set with these rules</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the width of the image is set float right" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-width_image_custom_png_float_right">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the width of the image is set float right</step_desc>
+ <expected>the cat image is on the right of the text of the column</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_image_custom_png_float_right.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>Floats that appear inside multi-column layouts are positioned with regard to the column box where the float appears.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the available space is smaller than the specified column width and the actual column width will therefore be decreased" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-width_no_available_space">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the available space is smaller than the specified column width and the actual column width will therefore be decreased</step_desc>
+ <expected>the green text column and the pink text box is the same width</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-width_no_available_space.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>The available space is smaller than the specified column width and the actual column width will therefore be decreased.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if both column-width and column-count have non-auto values, the integer value describes the maximum number of columns" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-count_maximum_columns">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if both column-width and column-count have non-auto values, the integer value describes the maximum number of columns</step_desc>
+ <expected>the text inside green box is divided to three columns</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_maximum_columns.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>both ‘column-width’ and ‘column-count’ have non-auto values, the integer value describes the maximum number of columns</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if a column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-rule_wider_than_gap">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if a column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element</step_desc>
+ <expected>there is a black block in the middle and cover some text</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_wider_than_gap.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>If a column rule is wider than its gap, the column rule will overlap adjacent column boxes, and possibly extend outside the box of the multicol element.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the column rule and the column gap have the same width" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-gap_width_same">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the column rule and the column gap have the same width</step_desc>
+ <expected>no black lines on yellow lines</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-gap_width_same.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>the column rule and the column gap have the same width. Therefore, they will occupy exactly the same space.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if a tall image is moved to a column on the next page to find room when the column do not have enough space to place it" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-rule_image_left_empty">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if a tall image is moved to a column on the next page to find room when the column do not have enough space to place it</step_desc>
+ <expected>the first column have some blank lines and the cat image is in the second column</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-rule_image_left_empty.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>a tall image is moved to a column on the next page to find room for it, its natural column may be left empty</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if column-span to all, all content that appear before the h2 element is shown before the h2 element" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-span_all_background_silver">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if column-span to all, all content that appear before the h2 element is shown before the h2 element</step_desc>
+ <expected>silver box text 'An H2 element Test' across all columns</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-span_all_background_silver.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>By setting ‘column-span’ to ‘all’, all content that appear before the h2 element is shown before the h2 element</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the H2 element appears in the overflow and there is not room to make the element spanning" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-span_none_background_silver">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the H2 element appears in the overflow and there is not room to make the element spanning</step_desc>
+ <expected>silver box text 'An H2 element Test' no across all columns</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-span_none_background_silver.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>the H2 element appears in the overflow and there is not room to make the element spanning. As a result, the element appears as if ‘column-span: none’ was specified.</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the image is wider than the column, and is therefore clipped" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-gap_image_custom_png_clipped">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the image is wider than the column, and is therefore clipped</step_desc>
+ <expected>the right side of the cat image is clipped by the yellow line</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-gap_image_custom_png_clipped.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>the black image is wider than the column, and is therefore clipped</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
+ <testcase purpose="Check if the height of the multi-column element has been constrained to a maximum height" type="compliance" status="approved" component="WebAPI/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-count_max-height_overflow_visible">
+ <description>
+ <pre_condition/>
+ <post_condition/>
+ <steps>
+ <step order="1">
+ <step_desc>Check if the height of the multi-column element has been constrained to a maximum height</step_desc>
+ <expected>the last column is not inside the blue border</expected>
+ </step>
+ </steps>
+ <test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_max-height_overflow_visible.html</test_script_entry>
+ </description>
+ <specs>
+ <spec>
+ <spec_assertion usage="true" interface="CSS" specification="CSS Multi-column Layout Module (Partial)" section="DOM, Forms and Styles" category="Tizen W3C API Specifications"/>
+ <spec_url>http://www.w3.org/TR/2011/CR-css3-multicol-20110412/</spec_url>
+ <spec_statement>the height of the multi-column element has been constrained to a maximum height. Also, the style sheet specifies that overflowing content should be visible</spec_statement>
+ </spec>
+ </specs>
+ </testcase>
</set>
</suite>
</test_definition>
projects / test / tct / web / api.git / commitdiff