/*
 * 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 When contentEditable is set to a new value, the new value can 
 * be case-insensitive.
 */
import "dart:html";
import "../../../../Utils/expect.dart";
import "../../../testcommon.dart";

main() {
  document.body.setInnerHtml('''
    <p id="description"></p>
    <div id="console"></div>
    <div id="result"></div>
    <div id="div1" contenteditable="false"></div>
    <p id="p1" contenteditable="true"></p>
    <div id="div2" contenteditable="true">
        <p id="p2" contenteditable="false"></p>
    </div>
    <div id="div3" contenteditable="true">
        <p id="p3" contenteditable="false"></p>
    </div>
    ''', treeSanitizer: new NullTreeSanitizer());

  document.getElementById("div1").contentEditable = "TRue";
  document.getElementById("p1").contentEditable = "faLSE";
  document.getElementById("p2").contentEditable = "inHERIT";
  document.getElementById("div3").contentEditable = "PlainText-Only";
  document.getElementById("p3").contentEditable = "Inherit";

  shouldBe(document.getElementById("div1").getAttribute("contentEditable"), "true");
  shouldBe(document.getElementById("div1").contentEditable, "true");
  shouldBe(document.getElementById("div1").isContentEditable, true);
  //debug("FIXME: isContentEditable is not working properly. Related to https://bugs.webkit.org/show_bug.cgi?id=52058");
  var div1 = document.getElementById('div1');
  shouldBe(div1.getComputedStyle().getPropertyValue("-webkit-user-modify"),
      "read-write");

  shouldBe(document.getElementById("p1").getAttribute("contentEditable"), "false");
  shouldBe(document.getElementById("p1").contentEditable, "false");
  shouldBe(document.getElementById("p1").isContentEditable, false);
  var p1 = document.getElementById('p1');
  shouldBe(p1.getComputedStyle().getPropertyValue("-webkit-user-modify"),
      "read-only");

  shouldBe(document.getElementById("p2").contentEditable, "inherit");
  shouldBe(document.getElementById("p2").isContentEditable, true);
  var p2 = document.getElementById('p2');
  shouldBe(p2.getComputedStyle().getPropertyValue("-webkit-user-modify"),
      "read-write");

  shouldBe(document.getElementById("div3").contentEditable, "plaintext-only");
  shouldBe(document.getElementById("div3").isContentEditable, true);
  var div3 = document.getElementById('div3');
  shouldBe(div3.getComputedStyle().getPropertyValue("-webkit-user-modify"),
      "read-write-plaintext-only");

  shouldBe(document.getElementById("p3").contentEditable, "inherit");
  shouldBe(document.getElementById("p3").isContentEditable, true);
  var p3 = document.getElementById('p3');
  shouldBe(p3.getComputedStyle().getPropertyValue("-webkit-user-modify"),
      "read-write-plaintext-only");

  document.getElementById("div1").style.display= 'none';
  document.getElementById("p1").style.display= 'none';
  document.getElementById("div2").style.display= 'none';
  document.getElementById("div3").style.display= 'none';
}