diff options
| author | James Graham <james@hoppipolla.co.uk> | 2015-03-27 09:18:12 +0000 |
|---|---|---|
| committer | James Graham <james@hoppipolla.co.uk> | 2015-04-03 23:29:19 +0100 |
| commit | 2c9faf5363be229498578bdeca55c0c52730f0fa (patch) | |
| tree | e070d5d12a587f1e1939410b2cd88450543d7534 /tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht | |
| parent | 1a81b18b9f22d7bc1a967d08fcc7fbcf2ee200f5 (diff) | |
| download | servo-2c9faf5363be229498578bdeca55c0c52730f0fa.tar.gz servo-2c9faf5363be229498578bdeca55c0c52730f0fa.zip | |
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
Diffstat (limited to 'tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht')
| -rw-r--r-- | tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht new file mode 100644 index 00000000000..a802d66934d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht @@ -0,0 +1,99 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: inline-block alignment - inline-block without content (alphabetical alignment with horizontal layout)</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> + <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <link rel="match" href="reference/inline-block-alignment-004-ref.xht" /> + <meta name="assert" content="This test checks the generation of empty inline-block baseline. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + div > p, div.control { + font-size: 2em; + background-color: orange; + } + img { + margin-left: -300px; + } + + /* writing-mode property */ + .horizontal-tb { + writing-mode: horizontal-tb; + } + + /* text-orientation property */ + .mixed { + text-orientation: mixed; + } + .upright { + text-orientation: upright; + } + .sideways-right { + text-orientation: sideways-right; + } + .sideways-left { + text-orientation: sideways-left; + } + .sideways { + text-orientation: sideways; + } + .use-glyph-orientation { + text-orientation: use-glyph-orientation; + } + + /* inline-block */ + .inline-block { + display: inline-block; + } + .descendant-block { + display: block; + height: 1em; + background-color: yellow; + padding-left: 1em; + padding-right: 1em; + } + ]]></style> + </head> + <body> + <p>Test passes if ...</p> + <ol> + <li>the bottom of glyph 'L' and the bottom of yellow square is touching a thin blue line in each 7 orange rectangles and</li> + <li>all 7 orange rectangles are <strong>identical</strong>.</li> + </ol> + + <div id="control"> + <p>LLLLL<span class="inline-block"> + <span class="descendant-block"></span> + <span class="descendant-block"></span> + </span>LLLLL<img src="support/blue-horiz-line-320x1.png" alt="Image download support must be enabled" /></p> + </div> + + <div class="horizontal-tb"> + <p class="mixed">LLLLL<span class="inline-block"> + <span class="descendant-block"></span> + <span class="descendant-block"></span> + </span>LLLLL<img src="support/blue-horiz-line-320x1.png" alt="Image download support must be enabled" /></p> + <p class="upright">LLLLL<span class="inline-block"> + <span class="descendant-block"></span> + <span class="descendant-block"></span> + </span>LLLLL<img src="support/blue-horiz-line-320x1.png" alt="Image download support must be enabled" /></p> + <p class="sideways-right">LLLLL<span class="inline-block"> + <span class="descendant-block"></span> + <span class="descendant-block"></span> + </span>LLLLL<img src="support/blue-horiz-line-320x1.png" alt="Image download support must be enabled" /></p> + <p class="sideways-left">LLLLL<span class="inline-block"> + <span class="descendant-block"></span> + <span class="descendant-block"></span> + </span>LLLLL<img src="support/blue-horiz-line-320x1.png" alt="Image download support must be enabled" /></p> + <p class="sideways">LLLLL<span class="inline-block"> + <span class="descendant-block"></span> + <span class="descendant-block"></span> + </span>LLLLL<img src="support/blue-horiz-line-320x1.png" alt="Image download support must be enabled" /></p> + <p class="use-glyph-orientation">LLLLL<span class="inline-block"> + <span class="descendant-block"></span> + <span class="descendant-block"></span> + </span>LLLLL<img src="support/blue-horiz-line-320x1.png" alt="Image download support must be enabled" /></p> + </div> + </body> +</html>
\ No newline at end of file |