| This test verifies that setting an empty suggested value removes/resets the shadow placeholder value. |
| |
| Input before setting suggested values: |
| | <input> |
| | id="test" |
| | type="text" |
| | value="initial value" |
| | this.value="initial value" |
| | <shadow:root> |
| | <div> |
| | id="inner-editor" |
| | "initial value" |
| | <br> |
| | " |
| " |
| | <input> |
| | id="inputwithplaceholder" |
| | placeholder="initial placeholder" |
| | type="text" |
| | this.value="" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: block !important; text-overflow: clip;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "initial placeholder" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <textarea> |
| | id="textarea" |
| | this.value="initial value" |
| | "initial value" |
| | <shadow:root> |
| | <div> |
| | id="inner-editor" |
| | "initial value" |
| | <br> |
| | " |
| " |
| | <textarea> |
| | id="textareaWithPlaceholder" |
| | placeholder="initial placeholder" |
| | this.value="" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: block !important;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "initial placeholder" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <select> |
| | id="select" |
| | <option> |
| | "CA" |
| | <shadow:root> |
| | "CA" |
| | <option> |
| | "TX" |
| | <shadow:root> |
| | "TX" |
| | <shadow:root> |
| | <content> |
| | select="option,optgroup,hr" |
| | "input.value: initial value" |
| | "internals.suggestedValue(input): " |
| | "inputWithPlaceholder.value: " |
| | "internals.suggestedValue(inputWithPlaceholder): " |
| | "textarea.value: initial value" |
| | "internals.suggestedValue(textarea): " |
| | "textareaWithPlaceholder.value: " |
| | "internals.suggestedValue(textareaWithPlaceholder): " |
| | "select.value: " |
| | "internals.suggestedValue(select): " |
| |
| Input after setting suggestedValue: |
| | <input> |
| | id="test" |
| | type="text" |
| | value="initial value" |
| | this.value="initial value" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: none !important;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "suggested value" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <input> |
| | id="inputwithplaceholder" |
| | placeholder="initial placeholder" |
| | type="text" |
| | this.value="" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: block !important; text-overflow: clip;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "suggested value" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <textarea> |
| | id="textarea" |
| | this.value="initial value" |
| | "initial value" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: none !important;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "suggested value" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <textarea> |
| | id="textareaWithPlaceholder" |
| | placeholder="initial placeholder" |
| | this.value="" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: block !important;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "suggested value" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <select> |
| | id="select" |
| | <option> |
| | "CA" |
| | <shadow:root> |
| | "CA" |
| | <option> |
| | "TX" |
| | <shadow:root> |
| | "TX" |
| | <shadow:root> |
| | <content> |
| | select="option,optgroup,hr" |
| | "input.value: initial value" |
| | "internals.suggestedValue(input): " |
| | "inputWithPlaceholder.value: " |
| | "internals.suggestedValue(inputWithPlaceholder): " |
| | "textarea.value: initial value" |
| | "internals.suggestedValue(textarea): " |
| | "textareaWithPlaceholder.value: " |
| | "internals.suggestedValue(textareaWithPlaceholder): " |
| | "select.value: " |
| | "internals.suggestedValue(select): " |
| | "input.value: initial value" |
| | "internals.suggestedValue(input): suggested value" |
| | "inputWithPlaceholder.value: " |
| | "internals.suggestedValue(inputWithPlaceholder): suggested value" |
| | "textarea.value: initial value" |
| | "internals.suggestedValue(textarea): suggested value" |
| | "textareaWithPlaceholder.value: " |
| | "internals.suggestedValue(textareaWithPlaceholder): suggested value" |
| | "select.value: " |
| | "internals.suggestedValue(select): TX" |
| |
| After resetting suggestedValue value: |
| | <input> |
| | id="test" |
| | type="text" |
| | value="initial value" |
| | this.value="initial value" |
| | <shadow:root> |
| | <div> |
| | id="inner-editor" |
| | "initial value" |
| | <br> |
| | " |
| " |
| | <input> |
| | id="inputwithplaceholder" |
| | placeholder="initial placeholder" |
| | type="text" |
| | this.value="" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: block !important; text-overflow: clip;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "initial placeholder" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <textarea> |
| | id="textarea" |
| | this.value="initial value" |
| | "initial value" |
| | <shadow:root> |
| | <div> |
| | id="inner-editor" |
| | "initial value" |
| | <br> |
| | " |
| " |
| | <textarea> |
| | id="textareaWithPlaceholder" |
| | placeholder="initial placeholder" |
| | this.value="" |
| | <shadow:root> |
| | <div> |
| | id="placeholder" |
| | pseudo="-webkit-input-placeholder" |
| | style="display: block !important;" |
| | shadow:pseudoId="-webkit-input-placeholder" |
| | "initial placeholder" |
| | <div> |
| | id="inner-editor" |
| | <br> |
| | " |
| " |
| | <select> |
| | id="select" |
| | <option> |
| | "CA" |
| | <shadow:root> |
| | "CA" |
| | <option> |
| | "TX" |
| | <shadow:root> |
| | "TX" |
| | <shadow:root> |
| | <content> |
| | select="option,optgroup,hr" |
| | "input.value: initial value" |
| | "internals.suggestedValue(input): " |
| | "inputWithPlaceholder.value: " |
| | "internals.suggestedValue(inputWithPlaceholder): " |
| | "textarea.value: initial value" |
| | "internals.suggestedValue(textarea): " |
| | "textareaWithPlaceholder.value: " |
| | "internals.suggestedValue(textareaWithPlaceholder): " |
| | "select.value: " |
| | "internals.suggestedValue(select): " |
| | "input.value: initial value" |
| | "internals.suggestedValue(input): suggested value" |
| | "inputWithPlaceholder.value: " |
| | "internals.suggestedValue(inputWithPlaceholder): suggested value" |
| | "textarea.value: initial value" |
| | "internals.suggestedValue(textarea): suggested value" |
| | "textareaWithPlaceholder.value: " |
| | "internals.suggestedValue(textareaWithPlaceholder): suggested value" |
| | "select.value: " |
| | "internals.suggestedValue(select): TX" |
| | "input.value: initial value" |
| | "internals.suggestedValue(input): " |
| | "inputWithPlaceholder.value: " |
| | "internals.suggestedValue(inputWithPlaceholder): " |
| | "textarea.value: initial value" |
| | "internals.suggestedValue(textarea): " |
| | "textareaWithPlaceholder.value: " |
| | "internals.suggestedValue(textareaWithPlaceholder): " |
| | "select.value: " |
| | "internals.suggestedValue(select): " |
| | "PASS" |