mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
Ms2ger
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property">
|
||||
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.htm">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
|
||||
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
|
||||
<style>
|
||||
/**/
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property">
|
||||
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.htm">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
|
||||
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
|
||||
<style>
|
||||
/**/
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property">
|
||||
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.htm">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
|
||||
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
|
||||
<style>
|
||||
/**/
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
width: 110px;
|
||||
height: 110px;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
#content {
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
|
|
@ -35,11 +35,12 @@
|
|||
|
||||
<div id="content"><span id="linesAbove">A<br>B<br>C<br></span><span id="linesBelow">D<br>E</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
test(function() {assert_equals(checkLinePos("linesBelow",150,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
width: 60px;
|
||||
height: 25px;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
#content {
|
||||
width: 400px;
|
||||
line-height: 12px;
|
||||
|
|
@ -38,14 +38,15 @@
|
|||
<span id="lineLeft2">sed</span>
|
||||
<span id="linesBelow">Vegan<br>cliche<br>retro</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
test(function() {assert_equals(checkLinePos("lineLeft1",36,"top"), true)}, "Verify top of the 'lineLeft1' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("lineLeft2",48,"top"), true)}, "Verify top of the 'lineLeft2' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("lineLeft2",36,"right"), true)}, "Verify right of the 'lineLeft2' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("linesBelow",65,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
width: 60px;
|
||||
height: 25px;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
#content {
|
||||
width: 400px;
|
||||
line-height: 12px;
|
||||
|
|
@ -38,10 +38,10 @@
|
|||
<span id="line3">food truck in marfa</span><br>
|
||||
<span id="line4">american apparel squid</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
test(function() {assert_equals(checkLinePos("line1",216,"right"), true)}, "Verify right of the 'line1' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line2",192,"right"), true)}, "Verify right of the 'line2' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line3",228,"right"), true)}, "Verify right of the 'line3' span is positioned correctly");
|
||||
|
|
@ -49,4 +49,5 @@
|
|||
test(function() {assert_equals(checkLinePos("line4",264,"right"), true)}, "Verify right of the 'line4' span is positioned correctly");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
width: 60px;
|
||||
height: 25px;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
#content {
|
||||
width: 400px;
|
||||
line-height: 12px;
|
||||
|
|
@ -39,13 +39,13 @@
|
|||
<span id="line4Left">swags </span><span id="line4Right">unami</span><br>
|
||||
<span id="line5">american apparel squid</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
/* Line 1 */
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
|
||||
/* Line 2 */
|
||||
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
|
||||
|
|
@ -56,8 +56,9 @@
|
|||
test(function() {assert_equals(checkLinePos("line4Left",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line4Right",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
|
||||
/* Line 5 */
|
||||
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify right of the 'line5' span is positioned correctly");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
width: 60px;
|
||||
height: 25px;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
#content {
|
||||
width: 400px;
|
||||
line-height: 12px;
|
||||
|
|
@ -39,13 +39,13 @@
|
|||
<span id="line4">swags</span><br>
|
||||
<span id="line5">american apparel squid</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
/* Line 1 */
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
|
||||
/* Line 2 */
|
||||
test(function() {assert_equals(checkLinePos("line2",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line2",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
|
||||
|
|
@ -56,8 +56,9 @@
|
|||
test(function() {assert_equals(checkLinePos("line4",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line4",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
|
||||
/* Line 5 */
|
||||
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify left of the 'line5' span is positioned correctly");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
width: 60px;
|
||||
height: 25px;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
#content {
|
||||
width: 400px;
|
||||
line-height: 12px;
|
||||
|
|
@ -38,10 +38,10 @@
|
|||
<span id="line3">sed</span>
|
||||
<span id="line4">Vegan<br>cliche<br>retro</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
/*Line 1*/
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
|
||||
|
|
@ -56,4 +56,5 @@
|
|||
test(function() {assert_equals(checkLinePos("line4",0,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
width: 60px;
|
||||
height: 36px;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
#content1, #content2 {
|
||||
width: 400px;
|
||||
line-height: 12px;
|
||||
|
|
@ -41,17 +41,17 @@
|
|||
<span id="line2Left">jean </span><span id="line2Right">vegan</span><br>
|
||||
<span id="line3Left">fund </span><span id="line3Right">selvage</span><br>
|
||||
</div>
|
||||
<div id="content2">
|
||||
<div id="content2">
|
||||
<span id="line4Left">swags </span><span id="line4Right">unami</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<script type="text/javascript">
|
||||
/* Line 1 */
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the first line above the exclusion");
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
|
||||
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
|
||||
/* Line 2 */
|
||||
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the second line on the left of the exclusion");
|
||||
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the second line on the right of the exclusion");
|
||||
|
|
@ -63,4 +63,5 @@
|
|||
test(function() {assert_equals(checkLinePos("line4Right",72,"left"), true)}, "Verify left of the fourth line with wrapping-through = none");
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue