fix(test): use a not expandable CSS rule in ShadowCSS spec (Firefox)

marclaval · marclaval · commit 588fbfd8486f · 2015-05-22T13:32:24.000+02:00
Closes angular#2061
diff --git a/modules/angular2/test/render/dom/shadow_dom/shadow_css_spec.js b/modules/angular2/test/render/dom/shadow_dom/shadow_css_spec.js
@@ -84,19 +84,19 @@ export function main() {
     });
 
     it('should support polyfill-unscoped-rule', () => {
-      var css = s("polyfill-unscoped-rule {content: '#menu > .bar';background: blue;}", 'a');
-      expect(StringWrapper.contains(css, '#menu > .bar {;background: blue;}')).toBeTruthy();
+      var css = s("polyfill-unscoped-rule {content: '#menu > .bar';color: blue;}", 'a');
+      expect(StringWrapper.contains(css, '#menu > .bar {;color: blue;}')).toBeTruthy();
 
-      css = s('polyfill-unscoped-rule {content: "#menu > .bar";background: blue;}', 'a');
-      expect(StringWrapper.contains(css, '#menu > .bar {;background: blue;}')).toBeTruthy();
+      css = s('polyfill-unscoped-rule {content: "#menu > .bar";color: blue;}', 'a');
+      expect(StringWrapper.contains(css, '#menu > .bar {;color: blue;}')).toBeTruthy();
     });
 
     it('should support polyfill-rule', () => {
-      var css = s("polyfill-rule {content: ':host.foo .bar';background: blue;}", 'a', 'a-host');
-      expect(css).toEqual('[a-host].foo .bar {background: blue;}');
+      var css = s("polyfill-rule {content: ':host.foo .bar';color: blue;}", 'a', 'a-host');
+      expect(css).toEqual('[a-host].foo .bar {color: blue;}');
 
-      css = s('polyfill-rule {content: ":host.foo .bar";background: blue;}', 'a', 'a-host');
-      expect(css).toEqual('[a-host].foo .bar {background: blue;}');
+      css = s('polyfill-rule {content: ":host.foo .bar";color: blue;}', 'a', 'a-host');
+      expect(css).toEqual('[a-host].foo .bar {color: blue;}');
     });
 
     it('should handle ::shadow', () => {
