WebPlatformTest/shadow-dom/elements-and-dom-objects/extensions-to-element-interface/attributes/test-004_t02.dart

/*
 * Copyright (c) 2013, 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.
 */
/*
 * Portions of this test are derived from code under the following license:
 *
 * Web-platform-tests are covered by the dual-licensing approach described in:
 * http://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright.html
 */
/**
 * @assertion Extensions to Element Interface:
 * pseudo of type DOMString attribute; Test setter
 */

import 'dart:html';
import "../../../../../Utils/expect.dart";
import '../../../testcommon.dart';

main() {
  test(() {
    var d = document;

    var style = new Element.html('''
      <style>
      span {
        font-size: 10px;
      }
      </style>''',
      treeSanitizer: new NullTreeSanitizer());
    d.head.append(style);

    var widget = d.createElement('div');
    d.body.append(widget);

    var s = createSR(widget);

    var thumb = d.createElement('span');
    thumb.innerHtml = 'This is a pseudo-element';

    thumb.pseudo = 'x-thumb';
    s.append(thumb);

    var height = thumb.offsetHeight;

    assert_true(height > 0, 'Element should be rendered');

    style = new Element.html('''
        <style>
        div::x-thumb {
          font-size: 30px;
        }
        div::x-thumb2 {
          font-size: 20px;
        };
        </style>''',
        treeSanitizer: new NullTreeSanitizer());

    d.body.append(style);

    var height2 = thumb.offsetHeight;

    assert_true(height2 > height, 'Pseudo-element style should be applied');

    thumb.pseudo = 'x-thumb2';

    assert_true(thumb.offsetHeight > height && thumb.offsetHeight < height2,
        'New pseudo-element style should be applied by setter');

  }, 'A_10_02_01_04_T03');
}