| Index: packages/web_components/test/build/import_inliner_test.dart
|
| diff --git a/packages/web_components/test/build/import_inliner_test.dart b/packages/web_components/test/build/import_inliner_test.dart
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f0dbef62fecf9f1c1d2d0ef5b72be50a50bf1860
|
| --- /dev/null
|
| +++ b/packages/web_components/test/build/import_inliner_test.dart
|
| @@ -0,0 +1,832 @@
|
| +// Copyright (c) 2015, the Dart project authors. Please see the AUTHORS file
|
| +// for details. All rights reserved. Use of this source code is governed by a
|
| +// BSD-style license that can be found in the LICENSE file.
|
| +library web_components.test.build.import_inliner_test;
|
| +
|
| +import 'package:code_transformers/tests.dart';
|
| +import 'package:web_components/build/import_inliner.dart';
|
| +import 'package:web_components/build/messages.dart';
|
| +import 'package:unittest/compact_vm_config.dart';
|
| +import 'package:unittest/unittest.dart';
|
| +
|
| +var transformer = new ImportInlinerTransformer(null, ['{{', '[[']);
|
| +var phases = [[transformer]];
|
| +
|
| +main() {
|
| + useCompactVMConfiguration();
|
| +
|
| + group('rel=import', importTests);
|
| + group('url attributes', urlAttributeTests);
|
| + group('deep entrypoints', entryPointTests);
|
| +}
|
| +
|
| +void importTests() {
|
| + testPhases('no imports', phases, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html><html><head></head><body></body></html>''',
|
| + }, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html><html><head></head><body></body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('one import, removes dart script', phases, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html>
|
| + <html>
|
| + <head><link rel="import" href="packages/a/foo.html"></head>
|
| + <body></body>
|
| + </html>''',
|
| + 'a|lib/foo.html': '''
|
| + <div>hello from foo!</div>
|
| + <script type="application/dart" src="foo.dart"></script>
|
| + ''',
|
| + }, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html>
|
| + <html>
|
| + <head></head>
|
| + <body>
|
| + <div hidden="">
|
| + <div>hello from foo!</div>
|
| + </div>
|
| + </body>
|
| + </html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('preserves order of scripts', phases, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <script type="text/javascript">/*first*/</script>
|
| + <script src="second.js"></script>
|
| + <link rel="import" href="packages/a/foo.html">
|
| + <script>/*forth*/</script>
|
| + </head></html>''',
|
| + 'a|lib/foo.html': '''
|
| + <!DOCTYPE html><html><head><script>/*third*/</script>
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + 'a|web/second.js': '/*second*/'
|
| + }, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <script type="text/javascript">/*first*/</script>
|
| + <script src="second.js"></script>
|
| + </head><body>
|
| + <div hidden="">
|
| + <script>/*third*/</script>
|
| + <polymer-element>2</polymer-element>
|
| + <script>/*forth*/</script>
|
| + </div>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('preserves order of scripts, extract Dart scripts', phases, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html>
|
| + <html>
|
| + <head>
|
| + <script type="text/javascript">/*first*/</script>
|
| + <script src="second.js"></script>
|
| + <link rel="import" href="test2.html">
|
| + <script type="application/dart">/*fifth*/</script>
|
| + </head>
|
| + </html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html>
|
| + <html>
|
| + <head>
|
| + <script>/*third*/</script>
|
| + <script type="application/dart">/*forth*/</script>
|
| + </head>
|
| + <body>
|
| + <polymer-element>2</polymer-element>
|
| + </body>
|
| + </html>''',
|
| + 'a|web/second.js': '/*second*/'
|
| + }, {
|
| + 'a|web/index.html': '''
|
| + <!DOCTYPE html>
|
| + <html>
|
| + <head>
|
| + <script type="text/javascript">/*first*/</script>
|
| + <script src="second.js"></script>
|
| + </head>
|
| + <body>
|
| + <div hidden="">
|
| + <script>/*third*/</script>
|
| + <polymer-element>2</polymer-element>
|
| + <script type="application/dart">/*fifth*/</script>
|
| + </div>
|
| + </body>
|
| + </html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html>
|
| + <html>
|
| + <head>
|
| + <script>/*third*/</script>
|
| + <script type="application/dart">/*forth*/</script>
|
| + </head>
|
| + <body>
|
| + <polymer-element>2</polymer-element>
|
| + </body>
|
| + </html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('no transformation outside web/', phases, {
|
| + 'a|lib/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test2.html">
|
| + </head></html>''',
|
| + 'a|lib/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + }, {
|
| + 'a|lib/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test2.html">
|
| + </head></html>''',
|
| + 'a|lib/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('shallow, elements, many', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test2.html">
|
| + <link rel="import" href="test3.html">
|
| + </head></html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + 'a|web/test3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>3</polymer-element></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + <polymer-element>3</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + 'a|web/test3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>3</polymer-element></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('deep, elements, one per file', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test2.html">
|
| + </head></html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="assets/b/test3.html">
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + 'b|asset/test3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="../../packages/c/test4.html">
|
| + </head><body><polymer-element>3</polymer-element></html>''',
|
| + 'c|lib/test4.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>4</polymer-element></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>4</polymer-element>
|
| + <polymer-element>3</polymer-element>
|
| + <polymer-element>2</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>4</polymer-element>
|
| + <polymer-element>3</polymer-element>
|
| + </div>
|
| + <polymer-element>2</polymer-element>
|
| + </body></html>''',
|
| + 'b|asset/test3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="../../packages/c/test4.html">
|
| + </head><body><polymer-element>3</polymer-element></html>''',
|
| + 'c|lib/test4.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>4</polymer-element></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('deep, elements, many imports', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test2a.html">
|
| + <link rel="import" href="test2b.html">
|
| + </head></html>''',
|
| + 'a|web/test2a.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test3a.html">
|
| + <link rel="import" href="test3b.html">
|
| + </head><body><polymer-element>2a</polymer-element></body></html>''',
|
| + 'a|web/test2b.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test4a.html">
|
| + <link rel="import" href="test4b.html">
|
| + </head><body><polymer-element>2b</polymer-element></body></html>''',
|
| + 'a|web/test3a.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>3a</polymer-element></body></html>''',
|
| + 'a|web/test3b.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>3b</polymer-element></body></html>''',
|
| + 'a|web/test4a.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>4a</polymer-element></body></html>''',
|
| + 'a|web/test4b.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>4b</polymer-element></body></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>3a</polymer-element>
|
| + <polymer-element>3b</polymer-element>
|
| + <polymer-element>2a</polymer-element>
|
| + <polymer-element>4a</polymer-element>
|
| + <polymer-element>4b</polymer-element>
|
| + <polymer-element>2b</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test2a.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>3a</polymer-element>
|
| + <polymer-element>3b</polymer-element>
|
| + </div>
|
| + <polymer-element>2a</polymer-element>
|
| + </body></html>''',
|
| + 'a|web/test2b.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>4a</polymer-element>
|
| + <polymer-element>4b</polymer-element>
|
| + </div>
|
| + <polymer-element>2b</polymer-element>
|
| + </body></html>''',
|
| + 'a|web/test3a.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <polymer-element>3a</polymer-element>
|
| + </body></html>''',
|
| + 'a|web/test3b.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <polymer-element>3b</polymer-element>
|
| + </body></html>''',
|
| + 'a|web/test4a.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <polymer-element>4a</polymer-element>
|
| + </body></html>''',
|
| + 'a|web/test4b.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <polymer-element>4b</polymer-element>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('imports cycle, 1-step lasso', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_2.html">
|
| + </head><body><polymer-element>1</polymer-element></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + <polymer-element>1</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + </div>
|
| + <polymer-element>1</polymer-element></body></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>1</polymer-element>
|
| + </div>
|
| + <polymer-element>2</polymer-element></body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('imports cycle, 1-step lasso, scripts too', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_2.html">
|
| + </head><body><polymer-element>1</polymer-element>
|
| + <script src="s1"></script></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head><body><polymer-element>2</polymer-element>
|
| + <script src="s2"></script></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + <script src="s2"></script>
|
| + <polymer-element>1</polymer-element>
|
| + <script src="s1"></script>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + <script src="s2"></script>
|
| + </div>
|
| + <polymer-element>1</polymer-element>
|
| + <script src="s1"></script></body></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>1</polymer-element>
|
| + <script src="s1"></script>
|
| + </div>
|
| + <polymer-element>2</polymer-element>
|
| + <script src="s2"></script></body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('imports cycle, 1-step lasso, Dart scripts too', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_2.html">
|
| + </head><body><polymer-element>1</polymer-element>
|
| + <script type="application/dart" src="s1.dart"></script>
|
| + </html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head><body><polymer-element>2
|
| + <script type="application/dart" src="s2.dart"></script>
|
| + </polymer-element>
|
| + </html>''',
|
| + 'a|web/s1.dart': '',
|
| + 'a|web/s2.dart': '',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + <polymer-element>1</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + </div>
|
| + <polymer-element>1</polymer-element>
|
| + <script type="application/dart" src="s1.dart"></script>
|
| + </body></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>1</polymer-element>
|
| + </div>
|
| + <polymer-element>2
|
| + <script type="application/dart" src="s2.dart"></script>
|
| + </polymer-element>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('imports with Dart script after JS script', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head><body>
|
| + <foo>42</foo><bar-baz></bar-baz>
|
| + <polymer-element>1'
|
| + <script src="s1.js"></script>
|
| + <script type="application/dart" src="s1.dart"></script>
|
| + </polymer-element>
|
| + 'FOO'</body></html>''',
|
| + 'a|web/s1.dart': '',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <foo>42</foo><bar-baz></bar-baz>
|
| + <polymer-element>1'
|
| + <script src="s1.js"></script>
|
| + </polymer-element>
|
| + 'FOO'
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <foo>42</foo><bar-baz></bar-baz>
|
| + <polymer-element>1'
|
| + <script src="s1.js"></script>
|
| + <script type="application/dart" src="s1.dart"></script>
|
| + </polymer-element>
|
| + 'FOO'</body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('imports cycle, 2-step lasso', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_2.html">
|
| + </head><body><polymer-element>1</polymer-element></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_3.html">
|
| + </head><body><polymer-element>2</polymer-element></html>''',
|
| + 'a|web/test_3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head><body><polymer-element>3</polymer-element></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>3</polymer-element>
|
| + <polymer-element>2</polymer-element>
|
| + <polymer-element>1</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>3</polymer-element>
|
| + <polymer-element>2</polymer-element>
|
| + </div>
|
| + <polymer-element>1</polymer-element></body></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>1</polymer-element>
|
| + <polymer-element>3</polymer-element>
|
| + </div>
|
| + <polymer-element>2</polymer-element></body></html>''',
|
| + 'a|web/test_3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>2</polymer-element>
|
| + <polymer-element>1</polymer-element>
|
| + </div>
|
| + <polymer-element>3</polymer-element></body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('imports cycle, self cycle', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + </head><body><polymer-element>1</polymer-element></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>1</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <polymer-element>1</polymer-element></body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('imports DAG', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_1.html">
|
| + <link rel="import" href="test_2.html">
|
| + </head></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_3.html">
|
| + </head><body><polymer-element>1</polymer-element></body></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="test_3.html">
|
| + </head><body><polymer-element>2</polymer-element></body></html>''',
|
| + 'a|web/test_3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body><polymer-element>3</polymer-element></body></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>3</polymer-element>
|
| + <polymer-element>1</polymer-element>
|
| + <polymer-element>2</polymer-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/test_1.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>3</polymer-element>
|
| + </div>
|
| + <polymer-element>1</polymer-element></body></html>''',
|
| + 'a|web/test_2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <div hidden="">
|
| + <polymer-element>3</polymer-element>
|
| + </div>
|
| + <polymer-element>2</polymer-element></body></html>''',
|
| + 'a|web/test_3.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + </head><body>
|
| + <polymer-element>3</polymer-element></body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('missing html imports throw errors', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="foo.html">
|
| + </head></html>''',
|
| + }, {}, [
|
| + 'warning: ${inlineImportFail.create({
|
| + 'error': 'Could not find asset a|web/foo.html.'
|
| + }).snippet} '
|
| + '(web/test.html 1 8)',
|
| + ], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('absolute uri', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="stylesheet" href="/foo.css">
|
| + </head></html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="stylesheet" href="http://example.com/bar.css">
|
| + </head></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="stylesheet" href="/foo.css">
|
| + </head></html>''',
|
| + 'a|web/test2.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="stylesheet" href="http://example.com/bar.css">
|
| + </head></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +}
|
| +
|
| +void urlAttributeTests() {
|
| + testPhases('url attributes are normalized', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="foo/test_1.html">
|
| + <link rel="import" href="foo/test_2.html">
|
| + </head></html>''',
|
| + 'a|web/foo/test_1.html': '''
|
| + <script src="baz.jpg"></script>''',
|
| + 'a|web/foo/test_2.html': '''
|
| + <foo-element src="baz.jpg"></foo-element>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <script src="foo/baz.jpg"></script>
|
| + <foo-element src="baz.jpg"></foo-element>
|
| + </div>
|
| + </body></html>''',
|
| + 'a|web/foo/test_1.html': '''
|
| + <script src="baz.jpg"></script>''',
|
| + 'a|web/foo/test_2.html': '''
|
| + <foo-element src="baz.jpg"></foo-element>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('paths with an invalid prefix are not normalized', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="packages/a/test.html">
|
| + </head></html>''',
|
| + 'a|lib/test.html': '''
|
| + <img src="[[bar]]">''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <img src="[[bar]]">
|
| + </div>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('relative paths followed by invalid characters are normalized',
|
| + phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="foo/test.html">
|
| + </head></html>''',
|
| + 'a|web/foo/test.html': '''
|
| + <img src="baz/{{bar}}">
|
| + <img src="./{{bar}}">''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <img src="foo/baz/{{bar}}">
|
| + <img src="foo/{{bar}}">
|
| + </div>
|
| + </body></html>''',
|
| + }, null, StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('relative paths in _* attributes are normalized', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="foo/test.html">
|
| + </head></html>''',
|
| + 'a|web/foo/test.html': '''
|
| + <img _src="./{{bar}}">
|
| + <a _href="./{{bar}}">test</a>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <img _src="foo/{{bar}}">
|
| + <a _href="foo/{{bar}}">test</a>
|
| + </div>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('paths starting with a binding are treated as absolute', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="packages/a/foo.html">
|
| + </head></html>''',
|
| + 'a|lib/foo.html': '''
|
| + <img _src="{{bar}}">
|
| + <img _src="[[bar]]">''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <img _src="{{bar}}">
|
| + <img _src="[[bar]]">
|
| + </div>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('arbitrary bindings can exist in paths', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <img src="./{{(bar[2] + baz[\'foo\']) * 14 / foobar() - 0.5}}.jpg">
|
| + <img src="./[[bar[2]]].jpg">
|
| + </body></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <img src="{{(bar[2] + baz[\'foo\']) * 14 / foobar() - 0.5}}.jpg">
|
| + <img src="[[bar[2]]].jpg">
|
| + </body></html>''',
|
| + }, null, StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('multiple bindings can exist in paths', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <img src="./{{bar[0]}}/{{baz[1]}}.{{extension}}">
|
| + </body></html>''',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <img src="{{bar[0]}}/{{baz[1]}}.{{extension}}">
|
| + </body></html>''',
|
| + }, null, StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('relative paths in deep imports', phases, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="foo/foo.html">
|
| + </head></html>''',
|
| + 'a|web/foo/foo.html': '''
|
| + <link rel="import" href="bar.html">''',
|
| + 'a|web/foo/bar.html': '''
|
| + <style rel="stylesheet" href="baz.css"></style>
|
| + <style rel="stylesheet" href="../css/zap.css"></style>''',
|
| + 'a|web/foo/baz.css': '',
|
| + 'a|web/css/zap.css': '',
|
| + }, {
|
| + 'a|web/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <style rel="stylesheet" href="foo/baz.css"></style>
|
| + <style rel="stylesheet" href="css/zap.css"></style>
|
| + </div>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +}
|
| +
|
| +void entryPointTests() {
|
| + testPhases('one level deep entry points normalize correctly', phases, {
|
| + 'a|web/test/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="../../packages/a/foo/foo.html">
|
| + </head></html>''',
|
| + 'a|lib/foo/foo.html': '''
|
| + <script rel="import" href="../../../packages/b/bar/bar.js">
|
| + </script>''',
|
| + 'b|lib/bar/bar.js': '''
|
| + console.log("here");''',
|
| + }, {
|
| + 'a|web/test/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <script rel="import" href="../packages/b/bar/bar.js"></script>
|
| + </div>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('includes in entry points normalize correctly', phases, {
|
| + 'a|web/test/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <script src="packages/a/foo/bar.js"></script>
|
| + </head></html>''',
|
| + 'a|lib/foo/bar.js': '''
|
| + console.log("here");''',
|
| + }, {
|
| + 'a|web/test/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <script src="../packages/a/foo/bar.js"></script>
|
| + </head><body>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +
|
| + testPhases('two level deep entry points normalize correctly', phases, {
|
| + 'a|web/test/well/test.html': '''
|
| + <!DOCTYPE html><html><head>
|
| + <link rel="import" href="../../../packages/a/foo/foo.html">
|
| + </head></html>''',
|
| + 'a|lib/foo/foo.html': '''
|
| + <script rel="import" href="../../../packages/b/bar/bar.js"></script>''',
|
| + 'b|lib/bar/bar.js': '''
|
| + console.log("here");''',
|
| + }, {
|
| + 'a|web/test/well/test.html': '''
|
| + <!DOCTYPE html><html><head></head><body>
|
| + <div hidden="">
|
| + <script rel="import" href="../../packages/b/bar/bar.js"></script>
|
| + </div>
|
| + </body></html>''',
|
| + }, [], StringFormatter.noNewlinesOrSurroundingWhitespace);
|
| +}
|
|
|