blob: ecbb71e2a7bee2b103e2b496c0757c832f169260 [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 This tests elements affected by CSS pseudo class selectors are
* updated after a dynamic DOM change.
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">
li:only-child { color: red; }
''', treeSanitizer: new NullTreeSanitizer());
<ul id="list"><li id="orig">Original.</li></ul>
''', treeSanitizer: new NullTreeSanitizer());
makeDynamicChanges() {
var x = document.createElement('li');
x.append(new Text('Generated content.'));
var ul = document.getElementById('list');
ul.insertBefore(x, ul.firstChild);
shouldBe(getComputedStyle(document.getElementById("orig")).color, "rgb(255, 0, 0)");
shouldBe(getComputedStyle(document.getElementById("orig")).color, "rgb(0, 0, 0)");