/*
 * 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 
 */
import "dart:html";
import "../../testcommon.dart";
import "../../../Utils/async_utils.dart";

getComputedStyle(x, [pseudoElement]) => x.getComputedStyle(pseudoElement);

main() {
  var style = new Element.html('''
      <style>
      #one + nav { color: green; }
      #two+nav { color: green; }
      #three +nav { color: green; }
      #four+ nav { color: green; }
      label+nav { color: green; }
      </style>
      ''', treeSanitizer: new NullTreeSanitizer());
  document.head.append(style);

  document.body.setInnerHtml('''
      <p>Testing label+nav selector. The test passes if all NAVs are green.</p>

      <div id="one"></div>
      <nav id="nav1">NAV1</nav>

      <div id="two"></div>
      <nav id="nav2">NAV2</nav>

      <div id="three"></div>
      <nav id="nav3">NAV4</nav>

      <div id="four"></div>
      <nav id="nav4">NAV5</nav>

      <label></label>
      <nav id="nav5">NAV6</nav>
      ''', treeSanitizer: new NullTreeSanitizer());

  runTest(element)
  {
    var greenValues = [
      "rgb(0, 128, 0)", // WebKit, Firefox 4, IE9
      "#008000" // Opera 11.11
    ];

    var elem = document.getElementById(element);
    var val = getComputedStyle(elem).getPropertyValue("color");

    if (greenValues.indexOf(val.toLowerCase()) != -1)
      testPassed("Pass: " + element);
    else
      testFailed("Fail: " + element + " actual color is " + val);
  }

  runTest("nav1");
  runTest("nav2");
  runTest("nav3");
  runTest("nav4");
  runTest("nav5");
}