mirror of
https://github.com/servo/servo.git
synced 2025-08-05 21:50:18 +01:00
Update CSS tests to revision 135b269a1d9f5ce7862ab7426578bd56e2add740
This commit is contained in:
parent
7f2d81933a
commit
bff545d198
1882 changed files with 16167 additions and 10909 deletions
|
@ -29,7 +29,7 @@
|
|||
<p>You should only see one block with color green, and you should not see any red</p>
|
||||
<section>
|
||||
<article></article>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" width="300" version="1.1" height="200">
|
||||
<svg width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="200">
|
||||
<style type="text/css">
|
||||
rect{
|
||||
stroke-width: 10;
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Regions: animating content flowed into a region</title>
|
||||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-animations/#animations" rel="help">
|
||||
<meta content="Test checks that content that has an animated 3D transform renders and animates when flowed in a region." name="assert">
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Regions: rendering 3D canvas elements inside regions</title>
|
||||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-functions" rel="help">
|
||||
<meta content="Test checks that when a 3D (webGL) canvas element is flowed in a region it renders as it would render if it wouldn't be flowed in the region." name="assert">
|
||||
<meta content="dom" name="flags">
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Regions: rendering text flowed in a region on top of 3D content</title>
|
||||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-functions" rel="help">
|
||||
<meta content="Test checks that text flowed in a region renders without artifacts when the region overlaps a 3D (webGL) canvas element. This can be problematic in browsers that don't handle layers and/or 3D acceleration correctly." name="assert">
|
||||
<meta content="dom" name="flags">
|
||||
|
|
|
@ -6985,7 +6985,7 @@
|
|||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>transform translate with invalid translation value
|
||||
<ul class="assert">
|
||||
<li>Check if transform sets translate(null, null) that an expection is to be thrown</li>
|
||||
<li>Check if transform sets translate(null, null), transform property returns initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
@ -6996,7 +6996,7 @@
|
|||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>transform translate with maximum translation value
|
||||
<ul class="assert">
|
||||
<li>Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown</li>
|
||||
<li>Check if transform sets translate(INFINITE, INFINITE), transform property returns initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
@ -7007,7 +7007,7 @@
|
|||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>transform translate with minimum translation value
|
||||
<ul class="assert">
|
||||
<li>Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown</li>
|
||||
<li>Check if transform sets translate(-INFINITE, -INFINITE), transform property returns initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
@ -942,7 +942,7 @@
|
|||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>transform translate with invalid translation value
|
||||
<ul class="assert">
|
||||
<li>Check if transform sets translate(null, null) that an expection is to be thrown</li>
|
||||
<li>Check if transform sets translate(null, null), transform property returns initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
@ -953,7 +953,7 @@
|
|||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>transform translate with maximum translation value
|
||||
<ul class="assert">
|
||||
<li>Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown</li>
|
||||
<li>Check if transform sets translate(INFINITE, INFINITE), transform property returns initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
@ -964,7 +964,7 @@
|
|||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>transform translate with minimum translation value
|
||||
<ul class="assert">
|
||||
<li>Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown</li>
|
||||
<li>Check if transform sets translate(-INFINITE, -INFINITE), transform property returns initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Regions: flowing an iframe that loads content with 3D transform</title>
|
||||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-functions" rel="help">
|
||||
<meta content="Test checks that flowing an iframe that loads content with 3D transforms in a region renders without artifacts." name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
<p>You should only see one block with color green, and you should not see any red</p>
|
||||
<section>
|
||||
<article></article>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" width="300" version="1.1" height="200">
|
||||
<svg width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="200">
|
||||
<style type="text/css">
|
||||
rect{
|
||||
stroke-width: 10;
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
<body>
|
||||
<p>You should only see one block with color green, and you should not see any red</p>
|
||||
<section>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" width="300" version="1.1" height="200">
|
||||
<svg width="300" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="200">
|
||||
<style type="text/css">
|
||||
rect{
|
||||
stroke-width: 10;
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
<h4>
|
||||
There should be a green block on the page.
|
||||
</h4>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon>
|
||||
</svg>
|
||||
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-001-ref.htm" rel="match">
|
||||
<meta content="This test checks that the transform is applied to the named flow non-text content." name="assert">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-001-ref.htm" rel="match">
|
||||
<meta content="This test checks that the child is transformed along with the parent when the
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-001-ref.htm" rel="match">
|
||||
<meta content="This tests checks that when a transform is applied to a parent outside of the named
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-001-ref.htm" rel="match">
|
||||
<meta content="This test checks that a 3D transform can be applied to a region" name="assert">
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help">
|
||||
<!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers -
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help">
|
||||
<meta content="Test checks that content flowed in a region and overflowing it is still rendered
|
||||
if the region has a 3D transform applied." name="assert">
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer author" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="Test checks that if both the content flowed in a region and the region have a
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer author" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-008-ref.htm" rel="match">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-008-ref.htm" rel="match">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-010-ref.htm" rel="match">
|
||||
<meta content="This test checks that the transform can be applied on relative positioned region." name="assert">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-010-ref.htm" rel="match">
|
||||
<meta content="This test checks that the region is transformed when a parent and its child are
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-010-ref.htm" rel="match">
|
||||
<meta content="This test checks that named flow text content is transformed when it flows into
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#breaking-rules" rel="help">
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help">
|
||||
<link href="reference/regions-transforms-014-ref.htm" rel="match">
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-014-ref.htm" rel="match">
|
||||
<meta content="This test checks that the transform and transform-origin are applied to named flow
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-016-ref.htm" rel="match">
|
||||
<meta content="This test checks that a 3D transform is applied with perspective to named flow content." name="assert">
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
||||
<link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <!-- 07-15-2013 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="reference/regions-transforms-017-ref.htm" rel="match">
|
||||
<meta content="This test checks that multiple named flow content nodes are transformed into a region
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help">
|
||||
<meta content="Test checks that content that is transformed does not clip when flowed in a region." name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Regions: 3D transform on named flow (text) content with perspective property set on region</title>
|
||||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#perspective-origin-property" rel="help">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#breaking-rules" rel="help">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-020-ref.htm" rel="match">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan"> <!-- 2013-07-24 -->
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-020-ref.htm" rel="match">
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
<h4>
|
||||
There should be a green block on the page
|
||||
</h4>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||||
<svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon style="fill:red" points="0,0 150,55 235,205 88,150"></polygon>
|
||||
</svg>
|
||||
|
||||
|
|
|
@ -5,9 +5,9 @@
|
|||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Check if transform supports translate(100px, 100px)" name="assert">
|
||||
<meta content="Check if transform supports translate(100px, 100px)" name="assert">
|
||||
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test"></div>
|
||||
|
@ -15,10 +15,10 @@
|
|||
<script type="text/javascript">
|
||||
test(function() {
|
||||
document.getElementById("test").style.transform = "translate(100px, 100px)";
|
||||
var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText;
|
||||
assert_equals(value, "translate(100px, 100px)")
|
||||
var value = window.getComputedStyle(document.getElementById("test")).getPropertyValue("transform");
|
||||
assert_equals(value, "matrix(1, 0, 0, 1, 100, 100)")
|
||||
}, "transform_translate_100px_100px");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -5,9 +5,10 @@
|
|||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Check if transform sets translate(null, null) that an expection is to be thrown" name="assert">
|
||||
<meta content="Check if transform sets translate(null, null),
|
||||
transform property returns initial value." name="assert">
|
||||
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test"></div>
|
||||
|
@ -15,12 +16,10 @@
|
|||
<script type="text/javascript">
|
||||
test(function() {
|
||||
document.getElementById("test").style.transform = "translate(null, null)";
|
||||
|
||||
assert_throws(null, function() {
|
||||
document.getElementById("test").style.getPropertyCSSValue("transform").cssText;
|
||||
});
|
||||
var value = window.getComputedStyle(document.getElementById("test")).getPropertyValue("transform");
|
||||
assert_equals(value, "none", "transform property value should be none");
|
||||
}, "transform_translate_null_null");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -5,9 +5,10 @@
|
|||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown" name="assert">
|
||||
<meta content="Check if transform sets translate(INFINITE, INFINITE),
|
||||
transform property returns initial value." name="assert">
|
||||
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test"></div>
|
||||
|
@ -15,11 +16,10 @@
|
|||
<script type="text/javascript">
|
||||
test(function() {
|
||||
document.getElementById("test").style.transform = "translate(INFINITE, INFINITE)";
|
||||
assert_throws(null, function() {
|
||||
document.getElementById("test").style.getPropertyCSSValue("transform").cssText
|
||||
})
|
||||
var value = window.getComputedStyle(document.getElementById("test")).getPropertyValue("transform");
|
||||
assert_equals(value, "none", "transform property value should be none");
|
||||
}, "transform_translate_max");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -5,9 +5,10 @@
|
|||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown" name="assert">
|
||||
<meta content="Check if transform sets translate(-INFINITE, -INFINITE),
|
||||
transform property returns initial value." name="assert">
|
||||
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test"></div>
|
||||
|
@ -15,11 +16,10 @@
|
|||
<script type="text/javascript">
|
||||
test(function() {
|
||||
document.getElementById("test").style.transform = "translate(-INFINITE, -INFINITE)";
|
||||
assert_throws(null, function() {
|
||||
document.getElementById("test").style.getPropertyCSSValue("transform").cssText
|
||||
})
|
||||
var value = window.getComputedStyle(document.getElementById("test")).getPropertyValue("transform");
|
||||
assert_equals(value, "none", "transform property value should be none");
|
||||
}, "transform_translate_min");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -5,9 +5,9 @@
|
|||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Check if transform supports translate(-1px, -1px)" name="assert">
|
||||
<meta content="Check if transform supports translate(-1px, -1px)" name="assert">
|
||||
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test"></div>
|
||||
|
@ -15,10 +15,10 @@
|
|||
<script type="text/javascript">
|
||||
test(function() {
|
||||
document.getElementById("test").style.transform = "translate(-1px, -1px)";
|
||||
var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText;
|
||||
assert_equals(value, "translate(-1px, -1px)")
|
||||
var value = window.getComputedStyle(document.getElementById("test")).getPropertyValue("transform");
|
||||
assert_equals(value, "matrix(1, 0, 0, 1, -1, -1)")
|
||||
}, "transform_translate_-1px_-1px");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -5,9 +5,9 @@
|
|||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Check if transform supports translate(100px)" name="assert">
|
||||
<meta content="Check if transform supports translate(100px)" name="assert">
|
||||
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test"></div>
|
||||
|
@ -15,10 +15,10 @@
|
|||
<script type="text/javascript">
|
||||
test(function() {
|
||||
document.getElementById("test").style.transform = "translate(100px)";
|
||||
var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText;
|
||||
assert_equals(value, "translate(100px)")
|
||||
var value = window.getComputedStyle(document.getElementById("test")).getPropertyValue("transform");
|
||||
assert_equals(value, "matrix(1, 0, 0, 1, 100, 0)")
|
||||
}, "transform_translate_100px");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -5,9 +5,9 @@
|
|||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Check if transform supports translate(0, 0)" name="assert">
|
||||
<meta content="Check if transform supports translate(0, 0)" name="assert">
|
||||
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="test"></div>
|
||||
|
@ -15,10 +15,10 @@
|
|||
<script type="text/javascript">
|
||||
test(function() {
|
||||
document.getElementById("test").style.transform = "translate(0, 0)";
|
||||
var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText;
|
||||
assert_equals(value, "translate(0px, 0px)")
|
||||
var value = window.getComputedStyle(document.getElementById("test")).getPropertyValue("transform");
|
||||
assert_equals(value, "matrix(1, 0, 0, 1, 0, 0)")
|
||||
}, "transform_translate_0_0");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Regions: flowing a video in a region</title>
|
||||
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#transform-functions" rel="help">
|
||||
<meta content="Test checks videos flowed in regions render smoothly and without artifacts." name="assert">
|
||||
<style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue