OLD | NEW |
| (Empty) |
1 <head> | |
2 <script src="../../resources/js-test.js"></script> | |
3 <script> | |
4 function test() { | |
5 if (window.testRunner) { | |
6 testRunner.dumpAsText(); | |
7 } | |
8 | |
9 if (!window.internals) { | |
10 testFailed('This test requires the test harness to run.'); | |
11 return; | |
12 } | |
13 | |
14 var field = document.getElementById('field'); | |
15 var textarea = document.getElementById('textarea'); | |
16 var select = document.getElementById('select'); | |
17 | |
18 var computedStyleField = document.defaultView.getComputedStyle(field); | |
19 var computedStyleTextarea = document.defaultView.getComputedStyle(textar
ea); | |
20 var computedStyleSelect = document.defaultView.getComputedStyle(select); | |
21 var originalForeground = computedStyleField.color; | |
22 var originalBackground = computedStyleField.backgroundColor; | |
23 | |
24 if (originalForeground != computedStyleTextarea.color) { | |
25 testFailed('Unexpected initial foreground color for <textarea> field
.'); | |
26 return; | |
27 } | |
28 if (originalForeground != computedStyleTextarea.backgroundColor) { | |
29 testFailed('Unexpected initial background color for <textarea> field
.'); | |
30 return; | |
31 } | |
32 | |
33 if (window.internals) { | |
34 window.internals.setAutofilled(field, true); | |
35 window.internals.setAutofilled(textarea, true); | |
36 window.internals.setAutofilled(select, true); | |
37 } | |
38 | |
39 // Both the foreground and background colors should change. | |
40 computedStyleField = document.defaultView.getComputedStyle(field); | |
41 computedStyleTextarea = document.defaultView.getComputedStyle(textarea); | |
42 computedStyleSelect = document.defaultView.getComputedStyle(select); | |
43 if (computedStyleField.color == originalForeground) { | |
44 testFailed('Foreground color for <input> element did not change when
autofilled.'); | |
45 return; | |
46 } | |
47 if (computedStyleField.backgroundColor == originalBackground) { | |
48 testFailed('Background color for <input> element did not change when
autofilled.'); | |
49 return; | |
50 } | |
51 if (computedStyleTextarea.color == originalForeground) { | |
52 testFailed('Foreground color for <textarea> element did not change w
hen autofilled.'); | |
53 return; | |
54 } | |
55 if (computedStyleTextarea.backgroundColor == originalBackground) { | |
56 testFailed('Background color for <textarea> element did not change w
hen autofilled.'); | |
57 return; | |
58 } | |
59 if (computedStyleSelect.color == originalForeground) { | |
60 testFailed('Foreground color for <select> element did not change whe
n autofilled.'); | |
61 return; | |
62 } | |
63 if (computedStyleSelect.backgroundColor == originalBackground) { | |
64 testFailed('Background color for <select> element did not change whe
n autofilled.'); | |
65 return; | |
66 } | |
67 | |
68 if (window.internals) { | |
69 window.internals.setAutofilled(field, false); | |
70 window.internals.setAutofilled(textarea, false); | |
71 window.internals.setAutofilled(select, false); | |
72 } | |
73 | |
74 // Colors should be restored. | |
75 computedStyleField = document.defaultView.getComputedStyle(field); | |
76 computedStyleTextarea = document.defaultView.getComputedStyle(textarea); | |
77 computedStyleSelect = document.defaultView.getComputedStyle(select); | |
78 if (computedStyleField.color != originalForeground) { | |
79 testFailed('Foreground color for <input> element did not revert when
un-autofilled.'); | |
80 return; | |
81 } | |
82 if (computedStyleField.backgroundColor != originalBackground) { | |
83 testFailed('Background color for <input> element did not revert when
un-autofilled.'); | |
84 return; | |
85 } | |
86 if (computedStyleTextarea.color != originalForeground) { | |
87 testFailed('Foreground color for <textarea> element did not revert w
hen un-autofilled.'); | |
88 return; | |
89 } | |
90 if (computedStyleTextarea.backgroundColor != originalBackground) { | |
91 testFailed('Background color for <textarea> element did not revert w
hen un-autofilled.'); | |
92 return; | |
93 } | |
94 if (computedStyleSelect.color != originalForeground) { | |
95 testFailed('Foreground color for <select> element did not revert whe
n un-autofilled.'); | |
96 return; | |
97 } | |
98 if (computedStyleSelect.backgroundColor != originalBackground) { | |
99 testFailed('Background color for <select> element did not revert whe
n un-autofilled.'); | |
100 return; | |
101 } | |
102 | |
103 testPassed(''); | |
104 } | |
105 </script> | |
106 | |
107 <style> | |
108 #field, #textarea, #select { | |
109 color: #FFFFFF; | |
110 background-color: #FFFFFF; | |
111 } | |
112 </style> | |
113 </head> | |
114 <body onload="test()"> | |
115 This tests that foreground and background colors properly change for autofil
led inputs or select options. It can only be run using the test harness.<br> | |
116 <form name="fm"> | |
117 <input type="text" id="field" value="Field value"> | |
118 <textarea id="textarea"></textarea> | |
119 <select id="select"></select> | |
120 </form> | |
121 <div id="console"></div> | |
122 </body> | |
OLD | NEW |