Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 06:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse source
This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

133
tests/wpt/css-tests/css-transforms-1_dev/html/chapter-12.htm Normal file
View file

@ -0,0 +1,133 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>The backface-visibility Property - CSS Transforms Module Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Transforms Module Level 1 CR Test Suite</h1>
<h2>The backface-visibility Property (8 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s12">
<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 -->
</tbody>
<tbody id="s12.#issue-5f192247">
<!-- 0 tests -->
</tbody>
<tbody id="s12.#propdef-backface-visibility">
<!-- 8 tests -->
<tr id="backface-visibility-hidden-001-12.#propdef-backface-visibility" class="">
<td>
<a href="backface-visibility-hidden-001.htm">backface-visibility-hidden-001</a></td>
<td><a href="reference/backface-visibility-hidden-ref.htm">=</a> </td>
<td></td>
<td>transform property with backface visibility = hidden
<ul class="assert">
<li>When the value of backface visibility property is 'hidden', the back side of a transformed element is invisible when facing the viewer.</li>
</ul>
</td>
</tr>
<tr id="transform3d-backface-visibility-001-12.#propdef-backface-visibility" class="primary">
<td><strong>
<a href="transform3d-backface-visibility-001.htm">transform3d-backface-visibility-001</a></strong></td>
<td><a href="reference/transform-lime-square-ref.htm">=</a> </td>
<td></td>
<td>Simple Backface-Visibility, rotatex(180deg)
<ul class="assert">
<li>This tests that a very simple case of backface-visibility causes the element to disappear: rotateX(180deg) is specified on the same element that has backface-visibility: hidden.</li>
</ul>
</td>
</tr>
<tr id="transform3d-backface-visibility-002-12.#propdef-backface-visibility" class="primary">
<td><strong>
<a href="transform3d-backface-visibility-002.htm">transform3d-backface-visibility-002</a></strong></td>
<td><a href="reference/transform-lime-square-ref.htm">=</a> </td>
<td></td>
<td>Backface-Visibility With Transformed Parent and Child in Different Rendering Contexts
<ul class="assert">
<li>This tests that if an element has 'backface-visibility: hidden' and is rotated 180deg, so it would normally disappear, it doesn't reappear just because its parent also has a 180deg rotation. The rotations don't cancel, since the parent doesn't have 'transform-style: preserve-3d' and is in a different rendering context.</li>
</ul>
</td>
</tr>
<tr id="transform3d-backface-visibility-003-12.#propdef-backface-visibility" class="primary">
<td><strong>
<a href="transform3d-backface-visibility-003.htm">transform3d-backface-visibility-003</a></strong></td>
<td><a href="reference/transform-lime-square-ref.htm">=</a> </td>
<td></td>
<td>Simple Backface-Visibility, rotatex(180deg) on Table
<ul class="assert">
<li>This is identical to transform3d-backface-visibility-001.html, except that display: table is specified too. This is motivated by a real-world UA bug: &lt;https://bugzilla.mozilla.org/show_bug.cgi?id=724750&gt;.</li>
</ul>
</td>
</tr>
<tr id="transform3d-backface-visibility-004-12.#propdef-backface-visibility" class="primary">
<td><strong>
<a href="transform3d-backface-visibility-004.htm">transform3d-backface-visibility-004</a></strong></td>
<td><a href="reference/transform-lime-square-ref.htm">=</a> </td>
<td></td>
<td>Backface-Visibility With Transformed Parent in Same Rendering Context, Split Transform
<ul class="assert">
<li>This tests that if a parent and child are in the same 3D rendering context, and a 60deg rotation on the parent combines with a 60deg rotation on the child to make a 120deg rotation, the child will disappear if 'backface-visibility: hidden' is specified, just like if the 120deg rotation were specified on the child to start with.</li>
</ul>
</td>
</tr>
<tr id="transform3d-backface-visibility-005-12.#propdef-backface-visibility" class="primary">
<td><strong>
<a href="transform3d-backface-visibility-005.htm">transform3d-backface-visibility-005</a></strong></td>
<td><a href="reference/transform-lime-square-ref.htm">=</a> </td>
<td></td>
<td>Backface-Visibility With Transformed Parent in Different Rendering Context
<ul class="assert">
<li>This tests that if an element is not transformed, but its parent is rotated 180deg in a different rendering context, the child's 'backface-visibility: hidden' does not make it disappear. Only transforms that affect the child itself are relevant to 'backface-visibility'.</li>
</ul>
</td>
</tr>
<tr id="transform3d-backface-visibility-006-12.#propdef-backface-visibility" class="primary">
<td><strong>
<a href="transform3d-backface-visibility-006.htm">transform3d-backface-visibility-006</a></strong></td>
<td><a href="reference/transform-lime-square-ref.htm">=</a> </td>
<td></td>
<td>Backface-Visibility With Transformed Parent in Same Rendering Context
<ul class="assert">
<li>This is the same as transform3d-backface-visibility-005.html, except that the parent has 'transform-style: preserve-3d'. Thus the child is affected by the parent's transform and should not be visible.</li>
</ul>
</td>
</tr>
<tr id="transform3d-backface-visibility-007-12.#propdef-backface-visibility" class="primary">
<td><strong>
<a href="transform3d-backface-visibility-007.htm">transform3d-backface-visibility-007</a></strong></td>
<td><a href="reference/transform-lime-square-ref.htm">=</a> </td>
<td></td>
<td>Simple Backface-Visibility, scalez(-1)
<ul class="assert">
<li>This is the same as transform3d-backface-visibility-001.html, except it uses scalez(-1) instead of rotatex(180deg). scalez(-1) has no visible effect when applied by itself to a box, since the box's Z-coordinates are all 0, but it still causes it to be affected by 'backface-visibility'.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>