+++ /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>
</spec>
</specs>
</testcase>
- <testcase purpose="Check if the image is wider than the column, and is therefore clipped" type="compliance" status="approved" component="W3C_HTML5 APIs/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-gap_image_custom_png_clipped">
- <description>
- <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="W3C_HTML5 APIs/DOM, Forms and Styles/CSS Multi-column Layout Module (Partial)" execution_type="manual" priority="P3" id="CSS3Multicolumn_column-count_max-height_overflow_visible">
<description>
<test_script_entry>/opt/tct-multicolumn-css3-tests/multicolumn/CSS3Multicolumn_column-count_max-height_overflow_visible.html</test_script_entry>
projects / test / tct / web / api.git / commitdiff