| OLD | NEW |
|---|
| (Empty) | |
| 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. |
| 4 |
| 5 library polymer.test.build.html_finalizer_test; |
| 6 |
| 7 import 'package:polymer/src/build/common.dart'; |
| 8 import 'package:polymer/src/build/html_finalizer.dart'; |
| 9 import 'package:polymer/src/build/messages.dart'; |
| 10 import 'package:unittest/compact_vm_config.dart'; |
| 11 import 'package:unittest/unittest.dart'; |
| 12 import 'common.dart'; |
| 13 |
| 14 final phases = [[new HtmlFinalizer(new TransformOptions())]]; |
| 15 |
| 16 void main() { |
| 17 useCompactVMConfiguration(); |
| 18 group('csp', cspTests); |
| 19 group('rel=stylesheet', stylesheetTests); |
| 20 group('url attributes', urlAttributeTests); |
| 21 } |
| 22 |
| 23 cspTests() { |
| 24 final cspPhases = |
| 25 [[new HtmlFinalizer(new TransformOptions(contentSecurityPolicy: true))]]; |
| 26 testPhases('extract Js scripts in CSP mode', cspPhases, { |
| 27 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 28 '<script type="text/javascript">/*first*/</script>' |
| 29 '<script src="second.js"></script>' |
| 30 '<script>/*third*/</script>' |
| 31 '<script type="application/dart">/*fourth*/</script>' |
| 32 '</head><body>' |
| 33 '<script>/*fifth*/</script>' |
| 34 '</body></html>', |
| 35 'a|web/second.js': '/*second*/' |
| 36 }, { |
| 37 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 38 '<script type="text/javascript" src="test.html.0.js"></script>' |
| 39 '<script src="second.js"></script>' |
| 40 '<script src="test.html.1.js"></script>' |
| 41 '<script type="application/dart">/*fourth*/</script>' |
| 42 '</head><body>' |
| 43 '<script src="test.html.2.js"></script>' |
| 44 '</body></html>', |
| 45 'a|web/test.html.0.js': '/*first*/', |
| 46 'a|web/test.html.1.js': '/*third*/', |
| 47 'a|web/test.html.2.js': '/*fifth*/', |
| 48 }); |
| 49 } |
| 50 |
| 51 void stylesheetTests() { |
| 52 testPhases('empty stylesheet', phases, { |
| 53 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 54 '<link rel="stylesheet" href="">' // empty href |
| 55 '</head></html>', |
| 56 'a|web/test2.html': '<!DOCTYPE html><html><head>' |
| 57 '<link rel="stylesheet">' // no href |
| 58 '</head></html>', |
| 59 }, { |
| 60 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 61 '<link rel="stylesheet" href="">' // empty href |
| 62 '</head></html>', |
| 63 'a|web/test2.html': '<!DOCTYPE html><html><head>' |
| 64 '<link rel="stylesheet">' // no href |
| 65 '</head></html>', |
| 66 }); |
| 67 |
| 68 testPhases('shallow, inlines css', phases, { |
| 69 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 70 '<link rel="stylesheet" href="test2.css">' |
| 71 '</head></html>', |
| 72 'a|web/test2.css': 'h1 { font-size: 70px; }', |
| 73 }, { |
| 74 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 75 '<style>h1 { font-size: 70px; }</style>' |
| 76 '</head><body>' |
| 77 '</body></html>', |
| 78 }); |
| 79 |
| 80 testPhases('deep, inlines css', phases, { |
| 81 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 82 '<link rel="stylesheet" href="assets/b/test3.css">' |
| 83 '</head></html>', |
| 84 'b|asset/test3.css': |
| 85 'body {\n background: #eaeaea url("../../assets/b/test4.png");\n}\n' |
| 86 '.foo {\n background: url("../../packages/c/test5.png");\n}', |
| 87 'b|asset/test4.png': 'PNG', |
| 88 'c|lib/test5.png': 'PNG', |
| 89 }, { |
| 90 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 91 '<style>' |
| 92 'body {\n background: #eaeaea url(assets/b/test4.png);\n}\n' |
| 93 '.foo {\n background: url(packages/c/test5.png);\n}' |
| 94 '</style>' |
| 95 '</head><body>' |
| 96 '</body></html>', |
| 97 }); |
| 98 |
| 99 testPhases('shallow, inlines css and preserves order', phases, { |
| 100 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 101 '<style>.first { color: black }</style>' |
| 102 '<link rel="stylesheet" href="test2.css">' |
| 103 '<style>.second { color: black }</style>' |
| 104 '</head></html>', |
| 105 'a|web/test2.css': 'h1 { font-size: 70px; }', |
| 106 }, { |
| 107 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 108 '<style>.first { color: black }</style>' |
| 109 '<style>h1 { font-size: 70px; }</style>' |
| 110 '<style>.second { color: black }</style>' |
| 111 '</head><body>' |
| 112 '</body></html>', |
| 113 }); |
| 114 |
| 115 testPhases('inlined tags keep original attributes', phases, { |
| 116 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 117 '<link rel="stylesheet" href="foo.css" no-shim>' |
| 118 '<link rel="stylesheet" href="bar.css" shim-shadow foo>' |
| 119 '</head></html>', |
| 120 'a|web/foo.css': 'h1 { font-size: 70px; }', |
| 121 'a|web/bar.css': 'h2 { font-size: 35px; }', |
| 122 }, { |
| 123 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 124 '<style no-shim="">h1 { font-size: 70px; }</style>' |
| 125 '<style shim-shadow="" foo="">h2 { font-size: 35px; }</style>' |
| 126 '</head><body>' |
| 127 '</body></html>', |
| 128 }); |
| 129 |
| 130 testPhases('can configure default stylesheet inlining', [ |
| 131 [ |
| 132 new HtmlFinalizer( |
| 133 new TransformOptions(inlineStylesheets: {'default': false})) |
| 134 ] |
| 135 ], { |
| 136 'a|web/test.html': '<!DOCTYPE html><html><head></head><body>' |
| 137 '<link rel="stylesheet" href="foo.css">' |
| 138 '</body></html>', |
| 139 'a|web/foo.css': 'h1 { font-size: 70px; }', |
| 140 }, { |
| 141 'a|web/test.html': '<!DOCTYPE html><html><head></head><body>' |
| 142 '<link rel="stylesheet" href="foo.css">' |
| 143 '</body></html>', |
| 144 }); |
| 145 |
| 146 testPhases('can override default stylesheet inlining', [ |
| 147 [ |
| 148 new HtmlFinalizer(new TransformOptions( |
| 149 inlineStylesheets: { |
| 150 'default': false, |
| 151 'web/foo.css': true, |
| 152 'b|lib/baz.css': true, |
| 153 })) |
| 154 ] |
| 155 ], { |
| 156 'a|web/test.html': '<!DOCTYPE html><html><head></head><body>' |
| 157 '<link rel="stylesheet" href="bar.css">' |
| 158 '<link rel="stylesheet" href="foo.css">' |
| 159 '<link rel="stylesheet" href="packages/b/baz.css">' |
| 160 '<link rel="stylesheet" href="packages/c/buz.css">' |
| 161 '</body></html>', |
| 162 'a|web/foo.css': 'h1 { font-size: 70px; }', |
| 163 'a|web/bar.css': 'h1 { font-size: 35px; }', |
| 164 'b|lib/baz.css': 'h1 { font-size: 20px; }', |
| 165 'c|lib/buz.css': 'h1 { font-size: 10px; }', |
| 166 }, { |
| 167 'a|web/test.html': '<!DOCTYPE html><html><head></head><body>' |
| 168 '<link rel="stylesheet" href="bar.css">' |
| 169 '<style>h1 { font-size: 70px; }</style>' |
| 170 '<style>h1 { font-size: 20px; }</style>' |
| 171 '<link rel="stylesheet" href="packages/c/buz.css">' |
| 172 '</body></html>', |
| 173 }); |
| 174 |
| 175 testLogOutput((options) => new HtmlFinalizer(options), |
| 176 'warns about multiple inlinings of the same css', { |
| 177 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 178 '<link rel="stylesheet" href="packages/a/foo.css">' |
| 179 '<link rel="stylesheet" href="packages/a/foo.css">' |
| 180 '</head><body></body></html>', |
| 181 'a|lib/foo.css': 'body {position: relative;}', |
| 182 }, {}, [ |
| 183 'warning: ${CSS_FILE_INLINED_MULTIPLE_TIMES.create( |
| 184 {'url': 'lib/foo.css'}).snippet}' |
| 185 ' (web/test.html 0 76)', |
| 186 ]); |
| 187 |
| 188 testPhases('doesn\'t warn about multiple css inlinings if overriden', [ |
| 189 [ |
| 190 new HtmlFinalizer( |
| 191 new TransformOptions(inlineStylesheets: {'lib/foo.css': true})) |
| 192 ] |
| 193 ], { |
| 194 'a|web/test.html': '<!DOCTYPE html><html><head>' |
| 195 '<link rel="stylesheet" href="packages/a/foo.css">' |
| 196 '<link rel="stylesheet" href="packages/a/foo.css">' |
| 197 '</head><body></body></html>', |
| 198 'a|lib/foo.css': 'body {position: relative;}', |
| 199 }, {}, []); |
| 200 } |
| 201 |
| 202 void urlAttributeTests() { |
| 203 testLogOutput((options) => new HtmlFinalizer(options), |
| 204 'warnings are given about _* attributes', { |
| 205 'a|web/test.html': '<!DOCTYPE html><html><head></head><body>' |
| 206 '<img src="foo/{{bar}}">' |
| 207 '<a _href="foo/bar">test</a>' |
| 208 '</body></html>', |
| 209 }, {}, [ |
| 210 'warning: When using bindings with the "src" attribute you may ' |
| 211 'experience errors in certain browsers. Please use the "_src" ' |
| 212 'attribute instead. (web/test.html 0 40)', |
| 213 'warning: The "_href" attribute is only supported when using ' |
| 214 'bindings. Please change to the "href" attribute. ' |
| 215 '(web/test.html 0 63)', |
| 216 ]); |
| 217 } |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1400473008:
Roll Observatory packages and add a roll script (Closed)
Base URL: git@github.com:dart-lang/observatory_pub_packages.git@master