TD Browse

Browse Test Resources

File Picker test cases

Inline <input type="file"/> variants

Generic file picker

Input element with *.*

Single image picker

Input element with accept="image/jpeg,image/gif,image/png,.pdf"

Multi image picker

Input element with accept="image/*" and the multiple attribute

Multiple images through directory picker

Input element with accept="image/*" and the webkitdirectory attribute

Word document picker

Hidden input element wrapped in a label with accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"

Generic file picker opened with a 3s delay

Hidden input element accessed via javascript click through label onclick attribute

Script using window.showOpenFilePicker variants

Single image picker

Button triggering showOpenFilePicker with { multiple: false, excludeAcceptAllOption: true, startIn: "pictures", accept: { "image/gif": [.gif], "image/png": [.png] }}

Generic multi file picker

Button triggering showOpenFilePicker with {multiple: true, excludeAcceptAllOption: false, id: "show-open-file-picker-2"}

Script using document.createElement("input") variants

Multi image picker

Button triggering construction of input using document.createElement(" input") and accept=" image/*" with multiple attribute

Iframe: inline <input type="file"> variants

Single image picker in iframe with src content

Generic file picker in iframe using srcdoc

Generic file picker in nested iframe (using srcdoc inside nested iframe)

Iframe: inline <input type="file" /> variants in cross origin frames

Single image picker

Cross origin example using our hosted test resource via a different DNS name. src="https://test-resources-v2.tdxpegasus.net/subpages/file-input.html"

External source which we don't have control over it. Inform the team if something is not working

Cross origin example using Mozilla's example resource. src="https://interactive-examples.mdn.mozilla.net/pages/tabbed/input-file.html"