<input type=color readonly> doesn't act per spec
[WebKit-https.git] / LayoutTests / fast / forms / color / input-color-disabled.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../../../resources/js-test.js"></script>
5 </head>
6 <body>
7 <p id="description"></p>
8 <div id="console"></div>
9 <script>
10 description("Tests that it is not possible to select a color on a input type=color that is marked as disabled.");
11
12 var input = document.createElement('input');
13 input.type = 'color';
14 input.disabled = true;
15 input.value = '#000000';
16 document.body.appendChild(input);
17
18 input.style.position = 'absolute';
19 input.style.left = '0';
20 input.style.top = '0';
21 input.style.width = '20px';
22 input.style.height = '20px';
23
24 var onChangeCount = 0;
25 input.onchange = function() {
26     debug("change event dispatched - value changed to " + input.value);
27     onChangeCount++;
28 };
29
30 input.oninput = function() {
31     debug("input event dispatched - value is:  " + input.value);
32 };
33
34 eventSender.mouseMoveTo(10, 10);
35 eventSender.mouseDown();
36 eventSender.mouseUp();
37
38 shouldBe('onChangeCount', '0');
39 internals.selectColorInColorChooser(input, '#ff0000');
40 shouldBe('onChangeCount', '0');
41 shouldBeEqualToString('input.value', '#000000');
42 </script>
43 </body>
44 </html>