blob: 626c1bf97fde681ff1fc555fafbc65f0f01d377b [file] [log] [blame]
* 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 type="text/css">
div[attr="caseSensitiveAttr"] {color: green;}
div[attr="caseSensitiveATTR"] {color: blue;}
div[dir="ltr"] {color: red};
''', treeSanitizer: new NullTreeSanitizer());
<div id="attr1" attr="caseSensitiveAttr">
This line should be green (attribute value is case sensitive).
<div id="attr2" attr="caseSensitiveATTR">
This line should be purple (attribute value is case sensitive).
<div id="attr3" attr="casesensitiveattr">
This line should be black (attribute value is case sensitive).
<div id="dir1" dir="LTR">
This line should be green (dir attribute is case insensitive).
<div id="dir2" dir="ltr">
This line should be green (dir attribute is case insensitive).
''', treeSanitizer: new NullTreeSanitizer());
var attr1 = document.getElementById("attr1");
var attr2 = document.getElementById("attr2");
var attr3 = document.getElementById("attr3");
var dir1 = document.getElementById("dir1");
var dir2 = document.getElementById("dir2");
// green
shouldBeEqualToString(getComputedStyle(attr1).color, "rgb(0, 128, 0)");
// blue
shouldBeEqualToString(getComputedStyle(attr2).color, "rgb(0, 0, 255)");
// black
shouldBeEqualToString(getComputedStyle(attr3).color, "rgb(0, 0, 0)");
// red
shouldBeEqualToString(getComputedStyle(dir1).color, "rgb(255, 0, 0)");
// red
shouldBeEqualToString(getComputedStyle(dir2).color, "rgb(255, 0, 0)");