Testing - File Tile

Sub-optimal Attributes

Empty Element

Name Only (no extension)

Name Only (with extension)

Details Only

Very Long Details Only

Unknown Icon

icon = "shenanigans"

Success without HREF

Default State (Success)

No Truncation

28 characters

Logically Truncated

29 characters, no visual truncation

Visually Truncated no Spaces

many characters without spaces, center truncation applied

Visually Truncated with Spaces

many characters with spaces, center truncation applied

Downloadable with Custom Name

href defined

Visually Truncated, Downloadable and Readonly

visually truncated with many characters, downloadable and readonly

Loading State

[progress]
[progress=""]
[progress="soon"]
[progress="-7"]
[progress="0"]
[progress="42"]
[progress="100"]
[progress="110"]
[progress="100" and readonly]
[progress="100", visually truncated and readonly]

Error State

Error

Error, Visually Truncated and Readonly