LayoutTests/fast/css/getComputedStyle/computed-style-cross-fade_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 
 */
import "dart:html";
import "../../../testcommon.dart";
import "../../../../Utils/async_utils.dart";
import "pwd.dart";

main() {
  testCrossfade(css, queryProp)
  {
    var div = document.createElement('div');
    div.setAttribute('style', css);
    document.body.append(div);

    var result = getComputedStyle(div).getPropertyValue(queryProp);
    div.remove();
    return result;
  }

  debug('<p>-webkit-cross-fade</p>');

  // Valid

  shouldBe(testCrossfade("opacity: 500%", "opacity"), "1");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"\"dummy://example.png\"\"), url(\"\"dummy://example.png\"\"), 50%)", "background-image"), "-webkit-cross-fade(url(\"\"dummy://example.png\"\"), url(\"\"dummy://example.png\"\"), 0.5)");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(-webkit-cross-fade(url(dummy://a.png), url(dummy://b.png), 25%), url(\"dummy://example.png\"), 50%)", "background-image"), "-webkit-cross-fade(-webkit-cross-fade(url(dummy://a.png), url(dummy://b.png), 0.25), url(\"dummy://example.png\"), 0.5)");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(dummy://c.png), -webkit-cross-fade(url(dummy://a.png), url(dummy://b.png), 25%), 50%)", "background-image"), "-webkit-cross-fade(url(dummy://c.png), -webkit-cross-fade(url(dummy://a.png), url(dummy://b.png), 0.25), 0.5)");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(-webkit-linear-gradient(black, white), url(\"dummy://example.png\"), 10%)", "background-image"), "-webkit-cross-fade(-webkit-linear-gradient(top, black, white), url(\"dummy://example.png\"), 0.1)");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 1.0)", "background-image"), "-webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 1)");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 0.5)", "background-image"), "-webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 0.5)");

  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 5.0)", "background-image"), "-webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 1)");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 700%)", "background-image"), "-webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 1)");

  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), -20)", "background-image"), "-webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"), 0)");

  // Invalid

  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"))", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"), url(\"dummy://example.png\"),)", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(\"dummy://example.png\"))", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(), url(\"dummy://example.png\"))", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(10px 20% 5px #bbb)", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(-webkit-cross-fade(-webkit-cross-fade()))", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(20%, url(dummy://a.png), url(dummy://b.png))", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(url(dummy://a.png),)", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(,)", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(,url(dummy://a.png))", "background-image"), "none");
  shouldBe(testCrossfade("background-image: -webkit-cross-fade(,,,,,)", "background-image"), "none");
}