blob: 134ad96158439164d59e31835a38392c07b953df (
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
|
<!DOCTYPE html>
<body>
<script src="../../resources/js-test.js"></script>
<div id="container">
<input type="email">
<input type="email" style="visibility: hidden;">
<input type="email" style="display: none;">
<input type="email" value="parsing☺"><!-- This should show one warning. -->
<input value="value-before-type☺" type="email"><!-- This should show one warning. -->
<input value="valid@example.com, invalid-in-multiple☺" type="email" multiple><!-- This should show one warning. -->
</div>
<script>
var inputs = document.querySelectorAll('input');
var visibleInput = inputs[0];
var invisibleInput2 = inputs[1];
var invisibleInput3 = inputs[2];
// Force layout. The warning message behavior depends on computed style.
visibleInput.offsetWidth;
debug('Invisible INPUT element should not show a format warning.');
invisibleInput2.value = ':)';
invisibleInput3.value = ':)';
debug('');
debug('Visible INPUT element should show a format warning. We\'ll see three warnings.');
visibleInput.setAttribute('value', 'Invalid attribute value'); // This shows a warning.
visibleInput.type = 'text';
visibleInput.type = 'email'; // This shows a warning again.
visibleInput.offsetWidth;
visibleInput.value = 'Invalid IDL value'; // This shows a warning.
visibleInput.type = 'text';
visibleInput.type = 'email'; // This doesn't show a warning.
document.querySelector('#container').remove();
</script>
</body>
|
