summaryrefslogtreecommitdiffstats
path: root/dom/html/test/forms/test_novalidate_attribute.html
blob: 38b789f5fca2ac5d06c14957ca84334f0c0b8f74 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=556013
-->
<head>
  <title>Test for Bug 556013</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=556013">Mozilla Bug 556013</a>
<p id="display"></p>
<iframe style='width:50px; height: 50px;' name='t'></iframe>
<div id="content">
  <form target='t' action='data:text/html,' novalidate>
    <input id='av' required>
    <input id='a' type='submit'>
  </form>
  <form target='t' action='data:text/html,' novalidate>
    <input id='bv' type='checkbox' required>
    <button id='b' type='submit'></button>
  </form>
  <form target='t' action='data:text/html,' novalidate>
    <input id='c' required>
  </form>
</div>
<pre id="test">
<script type="application/javascript">

/** Test for Bug 556013 **/

/**
 * novalidate should prevent form validation, thus not blocking form submission.
 *
 * NOTE: if there is no invalidformsubmit observer, the form submission will
 * never be blocked and this test might be a false-positive but that should not
 * be a problem.
 */
document.forms[0].addEventListener("submit", function(aEvent) {
  aEvent.target.removeEventListener("submit", arguments.callee, false);
  ok(true, "novalidate has been correctly used for first form");
  document.getElementById('b').click();
}, false);

document.forms[1].addEventListener("submit", function(aEvent) {
  aEvent.target.removeEventListener("submit", arguments.callee, false);
  ok(true, "novalidate has been correctly used for second form");
  var c = document.getElementById('c');
  c.focus();
  synthesizeKey("KEY_Enter", { code: "Enter" });
}, false);

document.forms[2].addEventListener("submit", function(aEvent) {
  aEvent.target.removeEventListener("submit", arguments.callee, false);
  ok(true, "novalidate has been correctly used for third form");
  SimpleTest.executeSoon(SimpleTest.finish);
}, false);

/**
 * We have to be sure invalid events are not send too.
 * They should be sent before the submit event so we can just create a test
 * failure if we got one. All of them should be catched if sent.
 * At worst, we got random green which isn't harmful.
 */
function invalidHandling(aEvent)
{
  aEvent.target.removeEventListener("invalid", invalidHandling, false);
  ok(false, "invalid event should not be sent");
}

document.getElementById('av').addEventListener("invalid", invalidHandling, false);
document.getElementById('bv').addEventListener("invalid", invalidHandling, false);
document.getElementById('c').addEventListener("invalid", invalidHandling, false);

SimpleTest.waitForExplicitFinish();

// This is going to call all the tests (with a chain reaction).
SimpleTest.waitForFocus(function() {
  document.getElementById('a').click();
});

</script>
</pre>
</body>
</html>