/*
 * 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";
import "pwd.dart";

main() {
  var count = 0;
  var maxCount = 10;
  var timeout = 100;

  waitForStylesheetLoad()
  {
    count++;

    if (getComputedStyle(document.getElementById('description'), null).color == "rgb(0, 128, 0)") {
      //shouldBe(getComputedStyle(document.getElementById('description'), null).color, 'rgb(0, 128, 0)');
      asyncEnd();
      return;
    }

    if (count > maxCount) {
      testFailed("Stylesheet did not load in ${(maxCount * timeout / 1000)} second(s).");
      return;
    }

    setTimeout(waitForStylesheetLoad, timeout);
  }

  doTest()
  {
    var headElement = document.head;
    var linkElement = document.createElement("link");
    linkElement.rel = "stylesheet";
    var width;
    var height;
    if (window.screen.width > window.screen.height) {
      // For a landscape screen, a ratio of 1/1 will always be less than the screen (e.g., 16/9)
      width = 1;
      height = 1;
    } else {
      // For a portrait screen, a ratio of 1/100 should always be less than the screen (e.g., 9/16)
      // For a square screen, a ratio of 1/100 will always be less than the screen (e.g., 9/9)
      width = 1;
      height = 100;
    }
    linkElement.media = "screen and (min-device-aspect-ratio: $width/$height)";
    linkElement.href = "$root/resources/device-aspect-ratio.css";
    headElement.append(linkElement);
    description("This text is green if the min-device-aspect-ratio media query works properly.");
    setTimeout(waitForStylesheetLoad, timeout);
  }

  asyncStart();
  doTest();
}