LayoutTests/fast/dom/HTMLStyleElement/style-onerror-with-existent-and-non-existent-import_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 This tests that a Error event is fired at an HTML Style 
 * element whose @import style sheet failed to load.
 */
import "dart:html";
import "../../../../Utils/expect.dart";
import "../../../../Utils/async_utils.dart";
import "../../../testcommon.dart";
import "../HTMLLinkElement/resources/link-load-utilities.dart";
import "pwd.dart";

main() {
  document.body.setInnerHtml('''
    <h1 id="test"><!-- Test element --></h1>
    ''', treeSanitizer: new NullTreeSanitizer());

  var style = new Element.html('''
    <style>
    @import "$root/../HTMLLinkElement/resources/stylesheet.css";
    @import "IntentionallyMissingFile.css";
    #test { color: yellow; }
    </style>
    ''', treeSanitizer: new NullTreeSanitizer());

  style.onLoad.listen((_) {
    testFailed('Load event fired. Should have fired Error event.');
  });

  style.onError.listen((_) {
    shouldComputedColorOfElementBeEqualToRGBString(
      document.getElementById("test"),
      "rgb(0, 0, 255)" /* blue */); // i.e. stylesheet.css successfully loaded
    asyncEnd();
  });
  
  asyncStart();
  document.head.append(style);
}