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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012.xht

Issue 1213063003: update-w3c-deps import using blink 3b531d5bb326db09a7298b222030cf274590473d: (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Add rtcpeerconnection-idl-expected.txt Created 5 years, 5 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 unified diff | Download patch
« no previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/text-emphasis-001-expected.htm ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-014.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <?xml version="1.0" encoding="UTF-8"?> 1 <?xml version="1.0" encoding="UTF-8"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/ DTD/xhtml11.dtd"> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/ DTD/xhtml11.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">» 3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head> 4 <head>
5 <title>CSS Writing Modes Test: text-orientation - sideways-right </title> 5 <title>CSS Writing Modes Test: text-orientation - sideways-right </title>
6 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiya ma@gmail.com" /> 6 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiya ma@gmail.com" />
7 <link rel="help" title="5.1. Orienting Text: the‘text-orientatio n’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" /> 7 <link rel="help" title="5.1. Orienting Text: the‘text-orientatio n’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" />
8 » » <link rel="match" href="reftest/text-orientation-012-ref.xht" /> 8 » » <link rel="match" href="reference/text-orientation-012-ref.xht" />
9 <meta http-equiv="content-language" content="en" /> 9 <meta http-equiv="content-language" content="en" />
10 <meta name="flags" content="ahem" /> 10 <meta name="flags" content="ahem" />
11 » » <meta name="assert" content="This test checks that 'text-orienta tion: sideways-right' causes text to be set as if in a horizontal layout, but ro tated 90° clockwise, in vertical writing modes. This is effective to verify 1.bl ock flow direction, 2.inline direction and 3.glyph orientation." />» 11 » » <meta name="assert" content="This test checks that 'text-orienta tion: sideways-right' causes text to be set as if in a horizontal layout, but ro tated 90° clockwise, in vertical writing modes. This is effective to verify 1.bl ock flow direction, 2.inline direction and 3.glyph orientation." />
12 <style type="text/css"> 12 <style type="text/css">
13 .view_ahem 13 .view_ahem
14 { 14 {
15 background: pink; 15 background: pink;
16 border: 1px solid black; 16 border: 1px solid black;
17 color: blue; 17 color: blue;
18 font: 20px/1 "Ahem"; 18 font: 20px/1 "Ahem";
19 height: 3em; 19 height: 3em;
20 » » » » » margin: 10px; 20 » » » » » margin: 10px;
21 width: 3em; 21 width: 3em;
22 white-space: pre; 22 white-space: pre;
23 } 23 }
24 #test_ahem 24 #test_ahem
25 { 25 {
26 -webkit-text-orientation: sideways-right ; /* The property to be tested */ 26 -webkit-text-orientation: sideways-right ; /* The property to be tested */
27 -webkit-text-orientation:sideways-right; 27 -webkit-text-orientation:sideways-right;
28 -webkit-writing-mode: vertical-rl; 28 -webkit-writing-mode: vertical-rl;
29 -webkit-writing-mode: vertical-rl; 29 -webkit-writing-mode: vertical-rl;
30 } 30 }
31 #control_ahem 31 #control_ahem
32 { 32 {
33 -webkit-writing-mode: horizontal-tb; 33 -webkit-writing-mode: horizontal-tb;
34 -webkit-writing-mode: horizontal-tb; 34 -webkit-writing-mode: horizontal-tb;
35 } 35 }
36 » » » » .view 36 » » » » .view
37 { 37 {
38 border: 1px solid gray; 38 border: 1px solid gray;
39 font-size: 1.5em; 39 font-size: 1.5em;
40 line-height: 1.5; 40 line-height: 1.5;
41 margin-bottom: 10px; 41 margin-bottom: 10px;
42 width: 3em; 42 width: 3em;
43 -webkit-writing-mode: vertical-rl; 43 -webkit-writing-mode: vertical-rl;
44 -webkit-writing-mode: vertical-rl; 44 -webkit-writing-mode: vertical-rl;
45 } 45 }
46 » » » » #test 46 » » » » #test
47 { 47 {
48 -webkit-text-orientation: sideways-right ; /* The property to be tested */ 48 -webkit-text-orientation: sideways-right ; /* The property to be tested */
49 -webkit-text-orientation:sideways-right; 49 -webkit-text-orientation:sideways-right;
50 } 50 }
51 » » » » #control 51 » » » » #control
52 { 52 {
53 -webkit-text-combine: none; 53 -webkit-text-combine: none;
54 } 54 }
55 </style> 55 </style>
56 </head> 56 </head>
57 <body lang="en"> 57 <body lang="en">
58 <!-- 58 <!--
59 This test consists of a pair of sub-tests which compleme nts each other. 59 This test consists of a pair of sub-tests which compleme nts each other.
60 Logically, the test should verify 1.block flow direction , 2.inline direction 60 Logically, the test should verify 1.block flow direction , 2.inline direction
61 » » » and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. , 61 » » » and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. ,
62 whereas "glyph" sub-test comes later and also checks 3. 62 whereas "glyph" sub-test comes later and also checks 3.
63 --> 63 -->
64 <p>Test passes if a pair of rectangles is <strong>identical</str ong> including <strong>layout</strong> and <strong>orientation</strong>.</p> 64 <p>Test passes if a pair of rectangles is <strong>identical</str ong> including <strong>layout</strong> and <strong>orientation</strong>.</p>
65 » » <div class="view_ahem"><span id="test_ahem">123 65 » » <div class="view_ahem"><span id="test_ahem">123
66 56 66 56
67 7 </span></div> 67 7 </span></div>
68 <div class="view_ahem"><span id="control_ahem">7 1 68 <div class="view_ahem"><span id="control_ahem">7 1
69 52 69 52
70 63</span></div> 70 63</span></div>
71 <hr /> 71 <hr />
72 <div class="view"><span id="test">123Abc<br />def456</span></div > 72 <div class="view"><span id="test">123Abc<br />def456</span></div >
73 <div class="view"><span id="control">123Abc<br />def456</span></ div> 73 <div class="view"><span id="control">123Abc<br />def456</span></ div>
74 </body> 74 </body>
75 </html> 75 </html>
OLDNEW
« no previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/text-emphasis-001-expected.htm ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-014.xht » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698