Chromium Code Reviews Chromium Code Reviews
Issue 615573003:
Convert layer-related tests in fast/multicol to ref-tests. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| OLD | NEW |
|---|---|
| 1 <body style="overflow: hidden;"> | 1 <!doctype html> |
|
rune
2014/10/03 12:48:14
minor nit: we normally up-case <!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> | |
| OLD | NEW |
