LayoutTests/fast/forms/script-tests/validationMessage.js

   1 description("Test for validationMessage DOM property.");
   2
   3 var form = document.createElement("form");
   4
   5 // An input element with a pattern set and a mismatched value
   6 var patternInput = document.createElement("input");
   7 patternInput.name = "patternInput";
   8 patternInput.pattern = "lorem ipsum";
   9 patternInput.value = "lorem";
  10 form.appendChild(patternInput);
  11 shouldBe("patternInput.validationMessage", "'pattern mismatch'");
  12
  13 // A required input with an empty value
  14 var requiredInput = document.createElement("input");
  15 requiredInput.name = "requiredInput";
  16 requiredInput.required = true;
  17 form.appendChild(requiredInput);
  18 shouldBe("requiredInput.validationMessage", "'value missing'");
  19
  20 // A required textarea with an empty value
  21 var requiredTextArea = document.createElement("textarea");
  22 requiredTextArea.name = "requiredTextArea";
  23 requiredTextArea.required = true;
  24 form.appendChild(requiredTextArea);
  25 shouldBe("requiredTextArea.validationMessage", "'value missing'");
  26
  27 // A required select with an empty value
  28 var requiredSelect = document.createElement("select");
  29 requiredSelect.name = "requiredSelect";
  30 requiredSelect.required = true;
  31 form.appendChild(requiredSelect);
  32 shouldBe("requiredSelect.validationMessage", "'value missing'");
  33
  34 // A type=email input for the "type mismatch" flag
  35 var emailInput = document.createElement("input");
  36 emailInput.name = "emailInput";
  37 emailInput.type = "email";
  38 emailInput.value = "incorrectValue";
  39 form.appendChild(emailInput);
  40 shouldBe("emailInput.validationMessage", "'type mismatch'");
  41
  42 // A button can't be valited and, thus, has a blank validationMessage
  43 var but = document.createElement("button");
  44 but.name = "button";
  45 form.appendChild(but);
  46 shouldBe("but.validationMessage", "''");
  47
  48 // An input control with no name, so it can't be validated (willValidate = false)
  49 var anoninput = document.createElement("input");
  50 form.appendChild(anoninput);
  51 shouldBe("anoninput.validationMessage", "''")
  52
  53 // Fieldsets can't be validated
  54 var happyFieldset = document.createElement("fieldset");
  55 happyFieldset.name = "fieldset";
  56 form.appendChild(happyFieldset);
  57 shouldBe("happyFieldset.validationMessage", "''");
  58
  59 // Select controls can't be validated too
  60 var happySelect = document.createElement("select");
  61 happySelect.name = "select";
  62 form.appendChild(happySelect);
  63 shouldBe("happySelect.validationMessage", "''");
  64
  65 // Output elements can't be validated
  66 var happyOutput = document.createElement("output");
  67 happySelect.name = "output";
  68 form.appendChild(happyOutput);
  69 shouldBe("happyOutput.validationMessage", "''");
  70
  71 // Object elements can't be validated
  72 var happyObject = document.createElement("object");
  73 happySelect.name = "object";
  74 form.appendChild(happyObject);
  75 shouldBe("happyObject.validationMessage", "''");
  76
  77 // Keygen controls can't be validated
  78 var happyKeygen = document.createElement("keygen");
  79 happySelect.name = "keygen";
  80 form.appendChild(happyKeygen);
  81 shouldBe("happyKeygen.validationMessage", "''");