eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-30 19:37:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision c68e4df16362489debde94340cc6f54945a72f2f

Browse Source
This commit is contained in:
Ms2ger
2015-11-17 10:00:53 +01:00
parent 32efe41299
commit 53608a60a4
1543 changed files with 42190 additions and 14617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
tests/wpt/css-tests/css21_dev/html4/line-box-height-vrl-010.htm Normal file
View File

@@ -0,0 +1,58 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (upright)</title>
<!--
Test inspired by
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
<link rel="match" href="reference/line-box-height-vrl-010-ref.htm">
<meta content="" name="flags">
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert">
<style type="text/css">
body
{
margin-left: 32px;
}
div
{
border: blue solid 2px;
font-size: 32px;
margin: 1em;
writing-mode: vertical-rl;
text-orientation: upright;
}
span#border-left
{
border-left: 1.5em solid transparent;
}
span#border-right
{
border-right: 1.5em solid transparent;
}
</style>
</head>
<body>
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
<div id="reference">123456</div>
</body>
</html>