| OLD | NEW |
|---|
| 1 <!-- This page is used to test that CSS resources are retrieved correctly by | 1 <!-- This page is used to test that CSS resources are retrieved correctly by |
| 2 the FrameSerializer. | 2 the FrameSerializer. |
| 3 --> | 3 --> |
| 4 <html> | 4 <html> |
| 5 <head> | 5 <head> |
| 6 | 6 |
| 7 <link rel="stylesheet" type="text/css" href="link_styles.css" /> | 7 <link rel="stylesheet" type="text/css" href="link_styles.css" /> |
| 8 <link rel="stylesheet" type="text/css" href="encoding.css" /> | 8 <link rel="stylesheet" type="text/css" href="encoding.css" /> |
| 9 <!-- Data URL that contains an image URL. Note that it must be an absolute URL |
| 10 as relative ones will not work from inside a data URL. |
| 11 It's raw contents are: |
| 12 #divFuchsia { |
| 13 background-image: url('http://www.dataurl.com/fuchsia_background.png'); |
| 14 } |
| 15 --> |
| 16 <link rel="stylesheet" type="text/css" |
| 17 href="data:text/css;charset=utf-8,%23divFuchsia%20%7B%0D%0A%20%20backgroun
d-image%3A%20url%28%27http%3A%2F%2Fwww.dataurl.com%2Ffuchsia_background.png%27%2
9%3B%0D%0A%7D" /> |
| 18 <!-- This should be skipped for already being included from another frame --> |
| 19 <link rel="stylesheet" type="text/css" href="included_in_another_frame.css" /> |
| 9 | 20 |
| 10 <style> | 21 <style> |
| 11 @import url('import_styles.css'); | 22 @import url('import_styles.css'); |
| 12 | 23 |
| 13 @font-face { | 24 @font-face { |
| 14 font-family: Chunkfive; | 25 font-family: Chunkfive; |
| 15 } | 26 } |
| 16 | 27 |
| 17 #chunkfiveDiv { | 28 #chunkfiveDiv { |
| 18 font-family: Chunkfive, sans-serif; | 29 font-family: Chunkfive, sans-serif; |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 53 background-image: url('pink_background.png'); | 64 background-image: url('pink_background.png'); |
| 54 } | 65 } |
| 55 } | 66 } |
| 56 | 67 |
| 57 @supports not (invalid-css-property: invalid-css-value) { | 68 @supports not (invalid-css-property: invalid-css-value) { |
| 58 #divBrown { | 69 #divBrown { |
| 59 background-image: url('brown_background.png'); | 70 background-image: url('brown_background.png'); |
| 60 } | 71 } |
| 61 } | 72 } |
| 62 | 73 |
| 74 // Tries to import a CSS that was already previously linked. |
| 75 @import url('link_styles.css'); |
| 76 |
| 63 </style> | 77 </style> |
| 64 | 78 |
| 65 <script> | 79 <script> |
| 66 // Dynamically creates a CSS style. | 80 // Dynamically creates a CSS style. |
| 67 function onLoad() { | 81 function onLoad() { |
| 68 var styleText = "#divPurple {background-image:url('purple_background.png')}"; | 82 var styleText = "#divPurple {background-image:url('purple_background.png')}"; |
| 69 var div = document.getElementById('divPurple'); | 83 var div = document.getElementById('divPurple'); |
| 70 var styleNode= document.createElement('style'); | 84 var styleNode= document.createElement('style'); |
| 71 styleNode.type= 'text/css'; | 85 styleNode.type= 'text/css'; |
| 72 styleNode.media= 'screen'; | 86 styleNode.media= 'screen'; |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 114 <!-- Style is defined in a media query --> | 128 <!-- Style is defined in a media query --> |
| 115 <div id='divPink'> | 129 <div id='divPink'> |
| 116 This div has a pink image as its background. | 130 This div has a pink image as its background. |
| 117 </div> | 131 </div> |
| 118 | 132 |
| 119 <!-- Style is defined in a supports feature query --> | 133 <!-- Style is defined in a supports feature query --> |
| 120 <div id='divBrown'> | 134 <div id='divBrown'> |
| 121 This div has a brown image as its background. | 135 This div has a brown image as its background. |
| 122 </div> | 136 </div> |
| 123 | 137 |
| 138 <!-- Style is defined in linked data URL --> |
| 139 <div id='divFuchsia'> |
| 140 This div has a fuchsia image as its background. |
| 141 </div> |
| 142 |
| 124 Unordered list:<br> | 143 Unordered list:<br> |
| 125 <ul> | 144 <ul> |
| 126 <li>Blue</li> | 145 <li>Blue</li> |
| 127 <li>Red</li> | 146 <li>Red</li> |
| 128 <li>Yellow</li> | 147 <li>Yellow</li> |
| 129 <li>Blue</li> | 148 <li>Blue</li> |
| 130 <li>Green</li> | 149 <li>Green</li> |
| 131 <li>Red</li> | 150 <li>Red</li> |
| 132 </ul> | 151 </ul> |
| 133 <br> | 152 <br> |
| 134 | 153 |
| 135 Ordered list:<br> | 154 Ordered list:<br> |
| 136 <ol> | 155 <ol> |
| 137 <li>Blue</li> | 156 <li>Blue</li> |
| 138 <li>Red</li> | 157 <li>Red</li> |
| 139 <li>Yellow</li> | 158 <li>Yellow</li> |
| 140 <li>Blue</li> | 159 <li>Blue</li> |
| 141 <li>Green</li> | 160 <li>Green</li> |
| 142 <li>Red</li> | 161 <li>Red</li> |
| 143 </ol> | 162 </ol> |
| 144 | 163 |
| 145 </body> | 164 </body> |
| 146 | 165 |
| 147 </html> | 166 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2410693002:
Add a few more edge cases to CSS serialization test. (Closed)
