LayoutTests/fast/css/outline-currentcolor_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 that outline-color is non-inherit and currentColor is
 * handled correctly.
 */
import "dart:html";
import "../../testcommon.dart";
import "../../../Utils/async_utils.dart";
import "pwd.dart";

main() {
  var style = new Element.html('''
      <style>
      #test3 { color: blue; }
      </style>
      ''', treeSanitizer: new NullTreeSanitizer());
  document.head.append(style);

  document.body.setInnerHtml('''
      <div id="test-container">
        <div id="test1" id="one" style="color:green; outline: solid 1em currentColor"></div>
        <div id="test2" id="two" style="color:red; outline: solid 1em currentColor"></div>
        <div style="color:green">
          <div id="test3" style="color:currentColor; outline: solid 1em currentColor"></div>
        </div>
      </div>
      ''', treeSanitizer: new NullTreeSanitizer());

  var test1 = document.getElementById("test1");
  var test2 = document.getElementById("test2");
  var test3 = document.getElementById("test3");
  test2.style.color = "green";
  shouldBeEqualToString(getComputedStyle(test1).outlineColor, 'rgb(0, 128, 0)');
  shouldBeEqualToString(getComputedStyle(test2).outlineColor, 'rgb(0, 128, 0)');
  shouldBeEqualToString(getComputedStyle(test3).outlineColor, 'rgb(0, 128, 0)');
}