| 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 |