| <!DOCTYPE html> |
| <html> |
| <body> |
| <p id="description">This test verifies that setting an empty suggested value removes/resets the shadow placeholder value.</p> |
| <pre><input id="test" type="text" value="initial value"><br> |
| <input id="inputwithplaceholder" type="text" placeholder="initial placeholder"><br> |
| <textarea id="textarea">initial value</textarea><br> |
| <textarea id="textareaWithPlaceholder" placeholder="initial placeholder"></textarea><br> |
| <select id="select"><option>CA</option><option>TX</option></select></pre> |
| <script src="../../resources/dump-as-markup.js"></script> |
| <script> |
| |
| var input = document.getElementById('test'); |
| var inputWithPlaceholder = document.getElementById('inputwithplaceholder'); |
| var textarea = document.getElementById('textarea'); |
| //textarea.value = "initial value" |
| var textareaWithPlaceholder = document.getElementById('textareaWithPlaceholder'); |
| var select = document.getElementById('select'); |
| select.selectedIndex = -1; |
| var result = document.getElementById('result'); |
| if (!window.internals) |
| testFailed('This test requires internals object'); |
| else { |
| input.focus(); |
| input.selectionStart = input.selectionEnd = 0; |
| |
| function addText(text) { |
| input.parentNode.appendChild(document.createTextNode(text)); |
| } |
| |
| function log() { |
| function addTextResult(value) { addText(value + ': ' + eval(value)); } |
| addTextResult('input.value'); |
| addTextResult('internals.suggestedValue(input)'); |
| addTextResult('inputWithPlaceholder.value'); |
| addTextResult('internals.suggestedValue(inputWithPlaceholder)'); |
| addTextResult('textarea.value'); |
| addTextResult('internals.suggestedValue(textarea)'); |
| addTextResult('textareaWithPlaceholder.value'); |
| addTextResult('internals.suggestedValue(textareaWithPlaceholder)'); |
| addTextResult('select.value'); |
| addTextResult('internals.suggestedValue(select)'); |
| } |
| |
| function getSelectedValues(select) { |
| var selectedValues = []; |
| for (var i = 0; i < select.options.length; i++) { |
| var option = select.options[i]; |
| if (option.selected) |
| selectedValues.push(option.value); |
| } |
| return selectedValues.join(','); |
| } |
| |
| Markup.description(document.getElementById('description').textContent) |
| |
| log(); |
| Markup.dump(input.parentNode, 'Input before setting suggested values'); |
| |
| // Set some suggested value to all the fields. |
| internals.setSuggestedValue(input, 'suggested value'); |
| internals.setSuggestedValue(inputWithPlaceholder, 'suggested value'); |
| internals.setSuggestedValue(textarea, 'suggested value'); |
| internals.setSuggestedValue(textareaWithPlaceholder, 'suggested value'); |
| internals.setSuggestedValue(select, 'TX'); |
| log(); |
| Markup.dump(input.parentNode, 'Input after setting suggestedValue'); |
| |
| // Set an empty suggested value to all the fields. |
| internals.setSuggestedValue(input, ''); |
| internals.setSuggestedValue(inputWithPlaceholder, ''); |
| internals.setSuggestedValue(textarea, ''); |
| internals.setSuggestedValue(textareaWithPlaceholder, ''); |
| internals.setSuggestedValue(select, ''); |
| |
| log(); |
| var innerTextValue = internals.shadowRoot(input).lastChild.innerText; |
| var innerTextWithPlaceholderValue = internals.shadowRoot(inputWithPlaceholder).lastChild.innerText; |
| var innerTextAreaValue = internals.shadowRoot(textarea).lastChild.innerText; |
| var innerTextAreaWithPlaceholderValue = internals.shadowRoot(textareaWithPlaceholder).lastChild.innerText; |
| var selectedValues = getSelectedValues(select); |
| addText(innerTextValue == 'initial value' && |
| innerTextWithPlaceholderValue == '' && |
| innerTextAreaValue == 'initial value' && |
| innerTextAreaWithPlaceholderValue == '' && |
| selectedValues == '' ? 'PASS' : 'FAIL'); |
| Markup.dump(input.parentNode, 'After resetting suggestedValue value'); |
| } |
| |
| </script> |
| </body> |
| </html> |
