Merge pull request #581 from kevmoo/polymer

test/css_test.dart

 // Copyright (c) 2013, 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 css_test;
 
 import 'package:html5lib/dom.dart';
 import 'package:logging/logging.dart' show Level;
 import 'package:unittest/compact_vm_config.dart';
 import 'package:unittest/unittest.dart';
@@ skipping 19 matching lines @@
             '<style>'
               '.test { color: var(main_color); }'
             '</style>'
             '<script type="application/dart">main() {}</script>'
           '</body>'
         '</html>',
     };
   }
 
   var messages = new Messages.silent();
-  var compiler = createCompiler(createFiles(), messages, errors: true);
+  var compiler = createCompiler(createFiles(), messages, errors: true,
+      scopedCss: true);
 
   compiler.run().then(expectAsync1((e) {
     MockFileSystem fs = compiler.fileSystem;
     expect(fs.readCount, equals({
       'index.html': 1,
     }), reason: 'Actual:\n  ${fs.readCount}');
 
     var htmlInfo = compiler.info['index.html'];
     expect(htmlInfo.styleSheets.length, 2);
     expect(prettyPrintCss(htmlInfo.styleSheets[0]), '');
@@ skipping 57 matching lines @@
               '.test-20 { border: var(border-2);}'
               '.test-21 { border: var(blue-border);}'
             '</style>'
             '<script type="application/dart">main() {}</script>'
           '</body>'
         '</html>',
     };
   }
 
   var messages = new Messages.silent();
-  var compiler = createCompiler(createFiles(), messages, errors: true);
+  var compiler = createCompiler(createFiles(), messages, errors: true,
+    scopedCss: true);
 
   compiler.run().then(expectAsync1((e) {
     MockFileSystem fs = compiler.fileSystem;
     expect(fs.readCount, equals({
       'index.html': 1,
     }), reason: 'Actual:\n  ${fs.readCount}');
 
     var htmlInfo = compiler.info['index.html'];
     expect(htmlInfo.styleSheets.length, 2);
     expect(prettyPrintCss(htmlInfo.styleSheets[0]), '');
@@ skipping 46 matching lines @@
               '@import "foo.css";'
               '.test { color: var(main_color); }'
             '</style>'
             '<script type="application/dart">main() {}</script>'
           '</body>'
         '</html>',
     };
   }
 
   var messages = new Messages.silent();
-  var compiler = createCompiler(createFiles(), messages, errors: true);
+  var compiler = createCompiler(createFiles(), messages, errors: true,
+      scopedCss: true);
 
   compiler.run().then(expectAsync1((e) {
     MockFileSystem fs = compiler.fileSystem;
     expect(fs.readCount, equals({
       'foo.css': 1,
       'index.html': 1,
     }), reason: 'Actual:\n  ${fs.readCount}');
 
     var cssInfo = compiler.info['foo.css'];
     expect(cssInfo.styleSheets.length, 1);
@@ skipping 50 matching lines @@
               '.test-1 { color: var(main-color); }'
               '.test-2 { width: var(main-width); }'
             '</style>'
             '<script type="application/dart">main() {}</script>'
           '</body>'
         '</html>',
     };
   }
 
   var messages = new Messages.silent();
-  var compiler = createCompiler(createFiles(), messages, errors: true);
+  var compiler = createCompiler(createFiles(), messages, errors: true,
+      scopedCss: true);
 
   compiler.run().then(expectAsync1((e) {
     MockFileSystem fs = compiler.fileSystem;
     expect(fs.readCount, equals({
       'first.css': 1,
       'second.css': 1,
       'third.css': 1,
       'fourth.css': 1,
       'index.html': 1,
     }), reason: 'Actual:\n  ${fs.readCount}');
@@ skipping 82 matching lines @@
                       @six: var(four);
 
                       @def-1: var(def-2);
                       @def-2: var(def-3);
                       @def-3: var(def-2);''',
     };
   }
 
   test('var- and Less @define', () {
     var messages = new Messages.silent();
-    var compiler = createCompiler(createFiles(), messages, errors: true);
+    var compiler = createCompiler(createFiles(), messages, errors: true,
+      scopedCss: true);
 
     compiler.run().then(expectAsync1((e) {
       MockFileSystem fs = compiler.fileSystem;
       expect(fs.readCount, equals({
         'index.html': 1,
         'foo.html': 1,
         'foo.css': 1
       }), reason: 'Actual:\n  ${fs.readCount}');
 
       var cssInfo = compiler.info['foo.css'];
@@ skipping 17 matching lines @@
 
       for (var file in compiler.output) {
         if (file.path == 'out/index.html.css') {
           expect(file.contents,
               '/* Auto-generated from components style tags. */\n'
               '/* DO NOT EDIT. */\n\n'
               '/* ==================================================== \n'
               '   Component x-foo stylesheet \n'
               '   ==================================================== */\n'
               '@import "foo.css";\n'
-              '.x-foo_main {\n'
+              '[is="x-foo"] .main {\n'
               '  color: #f00;\n'
               '}\n'
-              '.x-foo_test-background {\n'
+              '[is="x-foo"] .test-background {\n'
               '  background: url("http://www.foo.com/bar.png");\n'
               '}\n\n');
         } else if (file.path == 'out/foo.css') {
           expect(file.contents,
               '/* Auto-generated from style sheet href = foo.css */\n'
               '/* DO NOT EDIT. */\n\n\n\n');
         }
       }
 
       // Check for warning messages about var- cycles.
@@ skipping 75 matching lines @@
     'foo.html': '<head>'
                 '<body><polymer-element name="x-foo" constructor="Foo">'
                 '<template>'
                   '<div pseudo="x-foo">'
                     '<div>Test</div>'
                   '</div>'
                   '<div pseudo="x-foo1 x-foo2">'
                   '<div>Test</div>'
                   '</div>'
                 '</template>',
-    }, messages);
+    }, messages, scopedCss: true);
 
     compiler.run().then(expectAsync1((e) {
       MockFileSystem fs = compiler.fileSystem;
       expect(fs.readCount, equals({
         'index.html': 1,
         'foo.html': 1,
       }), reason: 'Actual:\n  ${fs.readCount}');
 
       var outputs = compiler.output.map((o) => o.path);
       expect(outputs, equals([
@@ skipping 28 matching lines @@
 main() {
   useCompactVMConfiguration();
 
   test('test_simple_var', test_simple_var);
   test('test_var', test_var);
   test('test_simple_import', test_simple_import);
   test('test_imports', test_imports);
   test('test_component_var', test_component_var);
   test('test_pseudo_element', test_pseudo_element);
 }