kristerkari/placekeeper

setTimeout(function() {

  // Test changing placeholder attribute value
  document
  .getElementById("handle1")
  .setAttribute("placeholder", "This value has changed");

  // Test created placeholder attribute value
  document
  .getElementById("handle2")
  .setAttribute("placeholder", "This value has been added");

  // Test input type changing after page load
  try {
    document.getElementById("handle3").type = "password";
  } catch (e) {
    // This will fail in IE < 9
  }

  setTimeout(function() {

    // The behaviour of `val` and `prop` as getters should be patched
    window.alert($("#jq1").val() === "");
    window.alert($("#jq1").prop("value") === "");

    window.alert($("#jq2").val() === "Initial value");
    window.alert($("#jq2").prop("value") === "Initial value");

    window.alert($("#handle1").val() === "");
    window.alert($("#handle1").prop("value") === "");

    window.alert($("#handle2").val() === "");
    window.alert($("#handle2").prop("value") === "");

    window.alert($("#handle3").val() === "");
    window.alert($("#handle3").prop("value") === "");

    window.alert($("#handle4").val() === "");
    window.alert($("#handle4").prop("value") === "");

    // The behaviour of `val` and `prop` as setters should not be affected)
    window.alert($("#jq1").val("set new") instanceof $);
    window.alert($("#handle3").prop("value", "another new") instanceof $);
  }, 1000);

}, 1000);