diff options
| author | James Graham <james@hoppipolla.co.uk> | 2015-07-27 17:47:31 +0100 |
|---|---|---|
| committer | James Graham <james@hoppipolla.co.uk> | 2015-07-27 17:47:31 +0100 |
| commit | df03062d626f485dd896ce9c4374dfce447dc657 (patch) | |
| tree | a96bdde06c6cd88dd68bc5ef4de8277fc6250a60 /tests/wpt/css-tests/css-transforms-1_dev/xhtml1print | |
| parent | 662c00a8109c49d4c57343156b774441f4f48640 (diff) | |
| download | servo-df03062d626f485dd896ce9c4374dfce447dc657.tar.gz servo-df03062d626f485dd896ce9c4374dfce447dc657.zip | |
Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev/xhtml1print')
7 files changed, 60 insertions, 667 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-12.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-12.xht index 78d4191c867..7f55ca8e230 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-12.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-12.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Transforms Module Level 1 CR Test Suite</h1> - <h2>The backface-visibility Property (8 tests)</h2> + <h2>The backface-visibility Property (9 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -31,7 +31,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s12">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#backface-visibility-property">12 The backface-visibility Property</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="transform3d-backface-visibility-008-12" class="primary"> + <td><strong> + <a href="transform3d-backface-visibility-008.xht">transform3d-backface-visibility-008</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td></td> + <td>backface-visibility - visible + <ul class="assert"> + <li>When 'backface-visiblity' is set to visible, the back side of a transformed element is visible.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s12.#issue-5f192247"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-13.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-13.xht index 0df4d12a43d..f3a9a8c0c04 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-13.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-13.xht @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s13">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#svg-transform">13 The SVG transform Attribute</a></th></tr> - <!-- 699 tests --> + <!-- 641 tests --> <tr id="skew-test1-13" class="primary svg"> <td><strong> <a href="skew-test1.xht">skew-test1</a></strong></td> @@ -1935,644 +1935,6 @@ </ul> </td> </tr> - <tr id="svg-origin-relative-length-001-13" class="svg"> - <td> - <a href="svg-origin-relative-length-001.xht">svg-origin-relative-length-001</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, first value absolute value and missing second argument - <ul class="assert"> - <li>If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-002-13" class="svg"> - <td> - <a href="svg-origin-relative-length-002.xht">svg-origin-relative-length-002</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, first value 'center' value and missing second argument - <ul class="assert"> - <li>If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-003-13" class="svg"> - <td> - <a href="svg-origin-relative-length-003.xht">svg-origin-relative-length-003</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, first value '50%' value and missing second argument - <ul class="assert"> - <li>If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-004-13" class="svg"> - <td> - <a href="svg-origin-relative-length-004.xht">svg-origin-relative-length-004</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '50% 50%' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-005-13" class="svg"> - <td> - <a href="svg-origin-relative-length-005.xht">svg-origin-relative-length-005</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '50% center' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-006-13" class="svg"> - <td> - <a href="svg-origin-relative-length-006.xht">svg-origin-relative-length-006</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center 50%' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-007-13" class="svg"> - <td> - <a href="svg-origin-relative-length-007.xht">svg-origin-relative-length-007</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center center' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-008-13" class="svg"> - <td> - <a href="svg-origin-relative-length-008.xht">svg-origin-relative-length-008</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '75 center' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-009-13" class="svg"> - <td> - <a href="svg-origin-relative-length-009.xht">svg-origin-relative-length-009</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '75 50%' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-010-13" class="svg"> - <td> - <a href="svg-origin-relative-length-010.xht">svg-origin-relative-length-010</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center 75' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-011-13" class="svg"> - <td> - <a href="svg-origin-relative-length-011.xht">svg-origin-relative-length-011</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '50% 75' - <ul class="assert"> - <li>The rect should be rotated around its center point at 75,75</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-012-13" class="svg"> - <td> - <a href="svg-origin-relative-length-012.xht">svg-origin-relative-length-012</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '0' - <ul class="assert"> - <li>The initial point of origin gets translated to 0,75. Since the second argument is missing, it is set to 'center'.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-013-13" class="svg"> - <td> - <a href="svg-origin-relative-length-013.xht">svg-origin-relative-length-013</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '150' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-014-13" class="svg"> - <td> - <a href="svg-origin-relative-length-014.xht">svg-origin-relative-length-014</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '100%' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-015-13" class="svg"> - <td> - <a href="svg-origin-relative-length-015.xht">svg-origin-relative-length-015</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'right' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-016-13" class="svg"> - <td> - <a href="svg-origin-relative-length-016.xht">svg-origin-relative-length-016</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'left' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,75. Since the second argument is missing, it is set to 'center'.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-017-13" class="svg"> - <td> - <a href="svg-origin-relative-length-017.xht">svg-origin-relative-length-017</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '25%' - <ul class="assert"> - <li>If the second argument is missing, it is assumed to be center. The initial point of origin gets translated to 37.5,75.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-018-13" class="svg"> - <td> - <a href="svg-origin-relative-length-018.xht">svg-origin-relative-length-018</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'top' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,0. A single argument 'top' gets interpreted as 'center top'.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-019-13" class="svg"> - <td> - <a href="svg-origin-relative-length-019.xht">svg-origin-relative-length-019</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'bottom' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,150. A single argument 'bottom' gets interpreted as 'center bottom'.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-020-13" class="svg"> - <td> - <a href="svg-origin-relative-length-020.xht">svg-origin-relative-length-020</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '0% 0%' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,75 since '0% 0%' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-021-13" class="svg"> - <td> - <a href="svg-origin-relative-length-021.xht">svg-origin-relative-length-021</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'top right' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,75 since 'top right' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-022-13" class="svg"> - <td> - <a href="svg-origin-relative-length-022.xht">svg-origin-relative-length-022</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'top left' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,75 since 'top left' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-023-13" class="svg"> - <td> - <a href="svg-origin-relative-length-023.xht">svg-origin-relative-length-023</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'top center' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,75 since 'top center' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-024-13" class="svg"> - <td> - <a href="svg-origin-relative-length-024.xht">svg-origin-relative-length-024</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'bottom left' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,225 since 'bottom left' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-025-13" class="svg"> - <td> - <a href="svg-origin-relative-length-025.xht">svg-origin-relative-length-025</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'bottom center' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,225 since 'bottom center' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-026-13" class="svg"> - <td> - <a href="svg-origin-relative-length-026.xht">svg-origin-relative-length-026</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'bottom right' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,225 since 'bottom right' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-027-13" class="svg"> - <td> - <a href="svg-origin-relative-length-027.xht">svg-origin-relative-length-027</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'right top' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,75 since 'right top' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-028-13" class="svg"> - <td> - <a href="svg-origin-relative-length-028.xht">svg-origin-relative-length-028</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'right center' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,150 since 'right center' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-029-13" class="svg"> - <td> - <a href="svg-origin-relative-length-029.xht">svg-origin-relative-length-029</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'right bottom' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,225 since 'right bottom' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-030-13" class="svg"> - <td> - <a href="svg-origin-relative-length-030.xht">svg-origin-relative-length-030</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'right 75' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,75 since 'right 75' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-031-13" class="svg"> - <td> - <a href="svg-origin-relative-length-031.xht">svg-origin-relative-length-031</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'right 0%' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,75 since 'right 0%' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-032-13" class="svg"> - <td> - <a href="svg-origin-relative-length-032.xht">svg-origin-relative-length-032</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'right 100%' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,225 since 'right 100%' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-033-13" class="svg"> - <td> - <a href="svg-origin-relative-length-033.xht">svg-origin-relative-length-033</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'left top' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,75 since 'left top' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-034-13" class="svg"> - <td> - <a href="svg-origin-relative-length-034.xht">svg-origin-relative-length-034</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'left center' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,150 since 'left center' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-035-13" class="svg"> - <td> - <a href="svg-origin-relative-length-035.xht">svg-origin-relative-length-035</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'left bottom' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,225 since 'left bottom' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-036-13" class="svg"> - <td> - <a href="svg-origin-relative-length-036.xht">svg-origin-relative-length-036</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'left 75' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,75 since 'left 75' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-037-13" class="svg"> - <td> - <a href="svg-origin-relative-length-037.xht">svg-origin-relative-length-037</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'left 0%' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,75 since 'left 0%' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-038-13" class="svg"> - <td> - <a href="svg-origin-relative-length-038.xht">svg-origin-relative-length-038</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'left 100%' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,225 since 'left 100%' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-039-13" class="svg"> - <td> - <a href="svg-origin-relative-length-039.xht">svg-origin-relative-length-039</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center top' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,75 since 'center top' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-040-13" class="svg"> - <td> - <a href="svg-origin-relative-length-040.xht">svg-origin-relative-length-040</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center bottom' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,225 since 'center bottom' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-041-13" class="svg"> - <td> - <a href="svg-origin-relative-length-041.xht">svg-origin-relative-length-041</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center left' - <ul class="assert"> - <li>The initial point of origin gets translated to 75,150 since 'center left' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-042-13" class="svg"> - <td> - <a href="svg-origin-relative-length-042.xht">svg-origin-relative-length-042</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center right' - <ul class="assert"> - <li>The initial point of origin gets translated to 225,150 since 'center right' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-043-13" class="svg"> - <td> - <a href="svg-origin-relative-length-043.xht">svg-origin-relative-length-043</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center 100%' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,225 since 'center 100%' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-044-13" class="svg"> - <td> - <a href="svg-origin-relative-length-044.xht">svg-origin-relative-length-044</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, '0 center' - <ul class="assert"> - <li>The initial point of origin gets translated to 0,150 since '0 center' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-045-13" class="svg"> - <td> - <a href="svg-origin-relative-length-045.xht">svg-origin-relative-length-045</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center 0%' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,75 since 'center 0%' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-046-13" class="svg"> - <td> - <a href="svg-origin-relative-length-046.xht">svg-origin-relative-length-046</a></td> - <td><a href="reference/svg-origin-relative-length-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, 'center 0' - <ul class="assert"> - <li>The initial point of origin gets translated to 150,0 since 'center 0' is relative to the bounding box of the object.</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-001-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-001.xht">svg-origin-relative-length-invalid-001</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'top 100%' - <ul class="assert"> - <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-002-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-002.xht">svg-origin-relative-length-invalid-002</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'bottom 100%' - <ul class="assert"> - <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-003-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-003.xht">svg-origin-relative-length-invalid-003</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'top 150' - <ul class="assert"> - <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-004-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-004.xht">svg-origin-relative-length-invalid-004</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'bottom 150' - <ul class="assert"> - <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-005-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-005.xht">svg-origin-relative-length-invalid-005</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'top top' - <ul class="assert"> - <li>Spec does not allow two vertical values. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-006-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-006.xht">svg-origin-relative-length-invalid-006</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'bottom bottom' - <ul class="assert"> - <li>Spec does not allow two vertical values. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-007-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-007.xht">svg-origin-relative-length-invalid-007</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'top bottom' - <ul class="assert"> - <li>Spec does not allow two vertical values. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-008-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-008.xht">svg-origin-relative-length-invalid-008</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'bottom top' - <ul class="assert"> - <li>Spec does not allow two vertical values. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-009-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-009.xht">svg-origin-relative-length-invalid-009</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'left left' - <ul class="assert"> - <li>Spec does not allow two horizontal values. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-010-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-010.xht">svg-origin-relative-length-invalid-010</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'left right' - <ul class="assert"> - <li>Spec does not allow two horizontal values. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-011-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-011.xht">svg-origin-relative-length-invalid-011</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'right right' - <ul class="assert"> - <li>Spec does not allow two horizontal values. Fallback to 0,0</li> - </ul> - </td> - </tr> - <tr id="svg-origin-relative-length-invalid-012-13" class="svg"> - <td> - <a href="svg-origin-relative-length-invalid-012.xht">svg-origin-relative-length-invalid-012</a></td> - <td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</a> </td> - <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> - <td>SVG presentation attribute transform-origin, invalid arguments 'right left' - <ul class="assert"> - <li>Spec does not allow two horizontal values. Fallback to 0,0</li> - </ul> - </td> - </tr> <tr id="svg-patterntransform-001-13" class="primary svg"> <td><strong> <a href="svg-patternTransform-001.xht">svg-patterntransform-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-15.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-15.xht index 4288d4def1c..89c3291749c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-15.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-15.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Transforms Module Level 1 CR Test Suite</h1> - <h2>The Transform Functions (691 tests)</h2> + <h2>The Transform Functions (689 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s15">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#transform-functions">15 The Transform Functions</a></th></tr> - <!-- 7 tests --> + <!-- 5 tests --> <tr id="animations-001-15" class="ahem animated"> <td> <a href="animations-001.xht">animations-001</a></td> @@ -65,28 +65,6 @@ </ul> </td> </tr> - <tr id="css-transform-scale-001-15" class=""> - <td> - <a href="css-transform-scale-001.xht">css-transform-scale-001</a></td> - <td><a href="reference/css-transform-scale-ref-001.xht">=</a> </td> - <td></td> - <td>transform property with scale function on hover state - <ul class="assert"> - <li>When the element is hovered over, the transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.</li> - </ul> - </td> - </tr> - <tr id="css-transform-scale-002-15" class=""> - <td> - <a href="css-transform-scale-002.xht">css-transform-scale-002</a></td> - <td><a href="reference/css-transform-scale-ref-002.xht">=</a> </td> - <td></td> - <td>transform property with scale function and move its origin - <ul class="assert"> - <li>The transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.</li> - </ul> - </td> - </tr> <tr id="iframe-001-15" class="ahem"> <td> <a href="iframe-001.xht">iframe-001</a></td> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest-toc.xht index 569cf42350d..43905b1378f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest-toc.xht @@ -7723,6 +7723,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="transform3d-backface-visibility-008" class=""> + <tr> + <td rowspan="1" title="backface-visibility - visible"> + <a href="transform3d-backface-visibility-008.xht">transform3d-backface-visibility-008</a></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="transform3d-image-scale-001" class=""> <tr> <td rowspan="1" title="scale3d() on a Bitmap"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest.list index 559f9a2cc92..c1e4f3ffcfd 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reftest.list @@ -962,6 +962,7 @@ transform3d-backface-visibility-004.xht == reference/transform-lime-square-ref.x transform3d-backface-visibility-005.xht == reference/transform-lime-square-ref.xht transform3d-backface-visibility-006.xht == reference/transform-lime-square-ref.xht transform3d-backface-visibility-007.xht == reference/transform-lime-square-ref.xht +transform3d-backface-visibility-008.xht == reference/ref-filled-green-100px-square.xht transform3d-image-scale-001.xht == reference/transform-lime-square-ref.xht transform3d-image-scale-002.xht == reference/transform-lime-square-ref.xht transform3d-matrix3d-001.xht == reference/transform3d-matrix3d-001-ref.xht != reference/transform-lime-square-ref.xht diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/toc.xht index 1c48e768141..be654a3dc17 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/toc.xht @@ -77,7 +77,7 @@ <tbody id="s12"> <tr><th><a href="chapter-12.xht">Chapter 12 - The backface-visibility Property</a></th> - <td>(8 Tests)</td></tr> + <td>(9 Tests)</td></tr> </tbody> <tbody id="s13"> <tr><th><a href="chapter-13.xht">Chapter 13 - @@ -92,7 +92,7 @@ <tbody id="s15"> <tr><th><a href="chapter-15.xht">Chapter 15 - The Transform Functions</a></th> - <td>(691 Tests)</td></tr> + <td>(689 Tests)</td></tr> </tbody> <tbody id="s16"> <tr><th><a href="chapter-16.xht">Chapter 16 - diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform3d-backface-visibility-008.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform3d-backface-visibility-008.xht new file mode 100644 index 00000000000..5584defb236 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform3d-backface-visibility-008.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /> +<title>CSS Transforms Test: backface-visibility - visible</title> +<link href="http://www.intel.com" rel="author" title="Intel" /> +<link href="mailto:zhiqiang.zhang@intel.com" rel="reviewer" title="Zhiqiang Zhang" /> <!-- 2015-05-22 --> +<link href="http://www.w3.org/TR/css-transforms-1/#backface-visibility-property" rel="help" /> +<link href="reference/ref-filled-green-100px-square.xht" rel="match" /> +<meta content="When 'backface-visiblity' is set to visible, + the back side of a transformed element is visible." name="assert" /> +<style> + div { + height: 100px; + width: 100px; + } + + body > div { + background: red; + } + + div > div { + background: green; + backface-visibility: visible; + transform: rotateY(180deg); + } +</style> +</head><body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div> + <div></div> + </div> + + +</body></html>
\ No newline at end of file |