Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(223)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-004.xht

Issue 1161223002: Import csswg-test/css-writing-modes-3/ (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Comments updated Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/horizontal-rule-vrl-004-expected.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-004-expected.xht » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-004.xht
diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-004.xht b/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-004.xht
new file mode 100644
index 0000000000000000000000000000000000000000..692cf173aae11c59d3f68537d891d3533ceb8845
--- /dev/null
+++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/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>
+ <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="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 {
+ -webkit-writing-mode: horizontal-tb;
+ }
+
+ /* text-orientation property */
+ .mixed {
+ -webkit-text-orientation: mixed;
+ }
+ .upright {
+ -webkit-text-orientation: upright;
+ }
+ .sideways-right {
+ -webkit-text-orientation: sideways-right;
+ }
+ .sideways-left {
+ -webkit-text-orientation: sideways-left;
+ }
+ .sideways {
+ -webkit-text-orientation: sideways;
+ }
+ .use-glyph-orientation {
+ -webkit-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 previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/horizontal-rule-vrl-004-expected.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-004-expected.xht » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698