Template:Image frame/testcases

Test align

{{Image frame|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]] |caption=Example usage|link=Hello world|align=left}}
{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]] |caption=Example usage|link=Hello world}}
{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]] |caption=Example usage|link=Hello world|align=center|pos=top}}
{{clr}}
# One
# Two 
{{Image frame|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]]|align=none}}
# Three

{{Image frame}}

Example usage

Example usage

Example usage

1. One
2. Two

1. Three

{{Image frame/sandbox}}

Example usage

Example usage

Example usage

1. One
2. Two

1. Three

Test scrollable rtl content

{{Image frame}}

Original manuscript of the Imperial Rescript on the Termination of the War, written vertically in columns going from top to bottom and ordered from right to left, with the Privy Seal imprinted

{{Image frame/sandbox}}

Original manuscript of the Imperial Rescript on the Termination of the War, written vertically in columns going from top to bottom and ordered from right to left, with the Privy Seal imprinted

Test plain text content

Side by side comparison

{{Image frame}}

{{Image frame/sandbox}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Example caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Example caption

Test math formula content

From SQL#Syntax, mentioned in Template talk:Image frame#Issues with dark theme and <math> tag.

Side by side comparison

{{Image frame}}

{{Image frame/sandbox}}

$\underbrace {\left.{\begin{array}{rl}\textstyle {\mathtt {UPDATE~clause{\mathtt {:}}}}&\{{\mathtt {UPDATE\ \overbrace {\mathtt {countries}} ^{\mathtt {table}}}}\}\\\textstyle {\mathtt {SET~clause:}}&\{{{\mathtt {SET\ \overbrace {\mathtt {population}} ^{\mathtt {column}}=~}}\overbrace {\mathtt {{population}+\underbrace {\mathtt {1}} _{\mathtt {literal}}}} ^{\mathtt {expression}}}\}\\\textstyle {\mathtt {WHERE~clause:}}&\{{{\mathtt {WHERE\ \underbrace {\overbrace {\mathtt {name}} ^{\mathtt {column}}{\mathtt {=}}\overbrace {\overbrace {\mathtt {'USA'}} ^{\mathtt {literal}}} ^{\mathtt {expression}}} _{\mathtt {predicate}}}}\}{\texttt {;}}}\end{array}}\right\}{\textstyle {\texttt {statement}}}} _{\textstyle {\mathtt {SQL~query}}}$ A chart showing several of the SQL language elements comprising a single statement

$\underbrace {\left.{\begin{array}{rl}\textstyle {\mathtt {UPDATE~clause{\mathtt {:}}}}&\{{\mathtt {UPDATE\ \overbrace {\mathtt {countries}} ^{\mathtt {table}}}}\}\\\textstyle {\mathtt {SET~clause:}}&\{{{\mathtt {SET\ \overbrace {\mathtt {population}} ^{\mathtt {column}}=~}}\overbrace {\mathtt {{population}+\underbrace {\mathtt {1}} _{\mathtt {literal}}}} ^{\mathtt {expression}}}\}\\\textstyle {\mathtt {WHERE~clause:}}&\{{{\mathtt {WHERE\ \underbrace {\overbrace {\mathtt {name}} ^{\mathtt {column}}{\mathtt {=}}\overbrace {\overbrace {\mathtt {'USA'}} ^{\mathtt {literal}}} ^{\mathtt {expression}}} _{\mathtt {predicate}}}}\}{\texttt {;}}}\end{array}}\right\}{\textstyle {\texttt {statement}}}} _{\textstyle {\mathtt {SQL~query}}}$ A chart showing several of the SQL language elements comprising a single statement

Test tree chart content

From Debian#Organization, mentioned in phab:T399413.

Side by side comparison

{{Image frame}}	{{Image frame/sandbox}}
General Resolution elect↓ override↓ Leader ↓appoint Delegate ↓decide Developer propose↑ Simplified organizational structure	General Resolution elect↓ override↓ Leader ↓appoint Delegate ↓decide Developer propose↑ Simplified organizational structure

Test switchable content

From Template:Time zones of Canada.

Side by side comparison

{{Image frame}}	{{Image frame/sandbox}}
Time zones in Canada	Time zones in Canada