LayoutTests/fast/dom/shadow/host-context-pseudo-class-css-text_t01.dart

/*
 * Copyright (c) 2014, 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.
 */
/**
 * @description Test for cssText of ':host-context()' rule.
 */
import "dart:html";
import "../../../testcommon.dart";

main() {
  var style = new DocumentFragment.html(''' 
    <style id="style1">
    .foo:host-context(div, body.mytheme, p#myid, div::before, span:hover) > div { display: block; }
    :host-context(*) { display: block; }
    </style>
    <style id="style-invalid">
    :host-context(div div) { display: block }
    :host-context(div > div) { display: block }
    :host-context(div + div) { display: block }
    :host-context(div ~ div) { display: block }
    :host-context) { display: block }
    :host-context() { display: block; }
    </style>
    ''', treeSanitizer: new NullTreeSanitizer());
  document.head.append(style);

  StyleElement se1 = document.getElementById('style1');
  CssStyleSheet sh1 = se1.sheet;

  shouldBeLikeString(sh1.cssRules[0].cssText,
      ":host-context(*) { display: block; }");

  StyleElement se2 = document.getElementById('style-invalid');
  CssStyleSheet sh2 = se2.sheet;
  shouldBe(sh2.cssRules.length, 0);
}