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

Side by Side Diff: LayoutTests/fast/multicol/layers-in-multicol.html

Issue 615573003: Convert layer-related tests in fast/multicol to ref-tests. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase. Created 6 years, 2 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
OLDNEW
1 <body style="overflow: hidden;"> 1 <!DOCTYPE html>
2 LTR Version: 2 <style>
3 3 .multicol {
4 <div style="-moz-column-width:200px; -webkit-column-width:200px; column-width:20 0px; column-fill:auto; height:300px; border:5px solid maroon;"> 4 -moz-column-width: 100px;
5 This is some text<br> 5 -webkit-column-width: 100px;
6 This is some text<br> 6 column-width: 100px;
7 This is some text<br> 7 column-fill: auto;
8 This is some text<br> 8 -webkit-column-gap: 0;
9 This is some text<br> 9 -moz-column-gap: 0;
10 This is some text<br> 10 column-gap: 0;
11 This is some text<br> 11 height: 100px;
12 This is some text<br> 12 line-height: 20px;
13 This is some text<br> 13 border: 5px solid maroon;
14 This is some text<br> 14 width: 300px;
15 This is some text<br> 15 }
16 This is some text<br> 16 .block {
17 This is some text<br> 17 display: inline-block;
18 <div> 18 width: 1em;
19 <div style="display:inline-block;background-color:green;position:relative;height :270px;width:100px"></div> 19 height: 10px;
20 </div> 20 background-color: green;
21 This is some text<br> 21 }
22 This is some text<br> 22 .opacity {
23 This is some text<br> 23 opacity: 0.5;
24 This is some text<br> 24 color: green;
25 This is some text<br> 25 }
26 This is some text<br> 26 .relative {
27 This is some text<br> 27 position: relative;
28 This is some text<br> 28 top: -4px;
29 This is some text<br> 29 color: green;
30 This is some text<br> 30 }
31 This is some text<br> 31 </style>
32 This is some text<br> 32 <p>
33 This is some text<br> 33 Test layers which are fully contained within a single column.
34 This is some text<br> 34 </p>
35 This is some text<br> 35 LTR:
36 This is some text<br> 36 <div class="multicol">
37 This is some text<br> 37 line1<br>
38 This is some text<br> 38 line2<br>
39 This is some text<br> 39 line3<br>
40 This is some text<br> 40 line4<br>
41 This is some text<br> 41 line5<br>
42 This is some text<br> 42 line6<br>
43 This is some text<br> 43 <div class="block"></div> line7<br>
44 This is some text<br> 44 line8<br>
45 This is some text<br> 45 <span class="relative">relative9</span><br>
46 This is some text<br> 46 line10<br>
47 This is some text<br> 47 line11<br>
48 <span style="opacity:0.7"> 48 line12<br>
49 This is some transparent text.<br></span> 49 <span class="opacity">opacity13</span><br>
50 <div style="position:relative; left:10px"> 50 line14
51 This is relative positioned text.
52 </div>
53 This is some text<br>
54 This is some text<br>
55 This is some text<br>
56 This is some text<br>
57 This is some text<br>
58 This is some text<br>
59 This is some text<br>
60 This is some text<br>
61 This is some text<br>
62 This is some text<br>
63 This is some text<br>
64 This is some text<br>
65 This is some text<br>
66 This is some text<br>
67 </div> 51 </div>
68 52
69 RTL Version: 53 RTL:
70 <div style="-moz-column-width:200px; -webkit-column-width:200px; column-width:20 0px; column-fill:auto; height:300px; border:5px solid maroon; direction:rtl"> 54 <div class="multicol" dir="rtl">
71 This is some text<br> 55 line1<br>
72 This is some text<br> 56 line2<br>
73 This is some text<br> 57 line3<br>
74 This is some text<br> 58 line4<br>
75 This is some text<br> 59 line5<br>
76 This is some text<br> 60 line6<br>
77 This is some text<br> 61 <div class="block"></div> line7<br>
78 This is some text<br> 62 line8<br>
79 This is some text<br> 63 <span class="relative">relative9</span><br>
80 This is some text<br> 64 line10<br>
81 This is some text<br> 65 line11<br>
82 This is some text<br> 66 line12<br>
83 This is some text<br> 67 <span class="opacity">opacity13</span><br>
84 <div> 68 line14
85 <div style="display:inline-block;background-color:green;position:relative;height :270px;width:100px"></div>
86 </div> 69 </div>
87 This is some text<br>
88 This is some text<br>
89 This is some text<br>
90 This is some text<br>
91 This is some text<br>
92 This is some text<br>
93 This is some text<br>
94 This is some text<br>
95 This is some text<br>
96 This is some text<br>
97 This is some text<br>
98 This is some text<br>
99 This is some text<br>
100 This is some text<br>
101 This is some text<br>
102 This is some text<br>
103 This is some text<br>
104 This is some text<br>
105 This is some text<br>
106 This is some text<br>
107 This is some text<br>
108 This is some text<br>
109 This is some text<br>
110 This is some text<br>
111 This is some text<br>
112 This is some text<br>
113 This is some text<br>
114 <span style="opacity:0.7">
115 This is some transparent text.<br></span>
116 <div style="position:relative; left:10px">
117 This is relative positioned text.
118 </div>
119 This is some text<br>
120 This is some text<br>
121 This is some text<br>
122 This is some text<br>
123 This is some text<br>
124 This is some text<br>
125 This is some text<br>
126 This is some text<br>
127 This is some text<br>
128 This is some text<br>
129 This is some text<br>
130 This is some text<br>
131 This is some text<br>
132 This is some text<br>
133 </div>
134 </body>
OLDNEW
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/multicol/layers-in-multicol-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698