Hwɛ bea a Nhwɛdo:Side box/testcases fi

{{Template test cases notice}}

== Test no parameters ==

<code><nowiki>{{side box}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox}}

{{clear}}

'''Main'''

{{side box}}

{{clear}}

== Text only ==

<code><nowiki>{{side box|text = {{lorem}}}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = {{lorem}}}}

{{clear}}

'''Main'''

{{side box|text = {{lorem}}}}

{{clear}}

== Above text ==

<code><nowiki>{{side box|text = The body text|above = The above text}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|above = The above text}}

{{clear}}

'''Main'''

{{side box|text = The body text|above = The above text}}

{{clear}}

== Above and imageright ==

<code><nowiki>{{side box|text = The body text|above = The above text|imageright = [[File:Bad Title Example.png|30px]]}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|above = The above text|imageright = [[File:Bad Title Example.png|30px]]}}

{{clear}}

'''Main'''

{{side box|text = The body text|above = The above text|imageright = [[File:Bad Title Example.png|30px]]}}

{{clear}}

== Image and imageright ==

<code><nowiki>{{side box|text = The body text|image = [[File:Bad Title Example.png|30px]]|imageright = [[File:Bad Title Example.png|30px]]}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|image = [[File:Bad Title Example.png|30px]]|imageright = [[File:Bad Title Example.png|30px]]}}

{{clear}}

'''Main'''

{{side box|text = The body text|image = [[File:Bad Title Example.png|30px]]|imageright = [[File:Bad Title Example.png|30px]]}}

{{clear}}

== Below ==

<code><nowiki>{{side box|text = The body text|below = The below text}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|below = The below text}}

{{clear}}

'''Main'''

{{side box|text = The body text|below = The below text}}

{{clear}}

== Below and imageright ==

<code><nowiki>{{side box|text = The body text|below = The below text|imageright = [[File:Bad Title Example.png|30px]]}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|below = The below text|imageright = [[File:Bad Title Example.png|30px]]}}

{{clear}}

'''Main'''

{{side box|text = The body text|below = The below text|imageright = [[File:Bad Title Example.png|30px]]}}

{{clear}}

== Image ==

<code><nowiki>{{side box|text = The body text|image = [[File:Bad Title Example.png|32px]]}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|image = [[File:Bad Title Example.png|32px]]}}

{{clear}}

'''Main'''

{{side box|text = The body text|image = [[File:Bad Title Example.png|32px]]}}

{{clear}}

== Image = none ==

<code><nowiki>{{side box|text = The body text|image = none}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|image = none}}

{{clear}}

'''Main'''

{{side box|text = The body text|image = none}}

{{clear}}

== Style ==

<code><nowiki>{{side box|text = The body text|style = width:100px}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|style = width:100px}}

{{clear}}

'''Main'''

{{side box|text = The body text|style = width:100px}}

{{clear}}

== Textstyle ==

<code><nowiki>{{side box|text = The body text|below = The below text|above = The above text|textstyle = color:red}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|below = The below text|above = The above text|textstyle = color:red}}

{{clear}}

'''Main'''

{{side box|text = The body text|below = The below text|above = The above text|textstyle = color:red}}

{{clear}}

== Abovestyle ==

<code><nowiki>{{side box|text = The body text|below = The below text|above = The above text|textstyle = color:red|abovestyle = font-weight:bold}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|below = The below text|above = The above text|textstyle = color:red|abovestyle = font-weight:bold}}

{{clear}}

'''Main'''

{{side box|text = The body text|below = The below text|above = The above text|textstyle = color:red|abovestyle = font-weight:bold}}

{{clear}}

== Position ==

<code><nowiki>{{side box|text = The body text|position = left}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|position = left}}

{{clear}}

'''Main'''

{{side box|text = The body text|position = left}}

{{clear}}

== Position caps ==

<code><nowiki>{{side box|text = The body text|position = LEFT}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|position = LEFT}}

{{clear}}

'''Main'''

{{side box|text = The body text|position = LEFT}}

{{clear}}

== No metadata ==

<code><nowiki>{{side box|text = The body text|metadata = no}}</nowiki></code>

'''Sandbox'''

{{side box/sandbox|text = The body text|metadata = no}}

{{clear}}

'''Main'''

{{side box|text = The body text|metadata = no}}

{{clear}}

== plainlist = no ==

<syntaxhighlight lang=text>{{side box |plainlist=no |text =The body text
*item one
*item two
*item three
}}</syntaxhighlight>

'''Sandbox'''

{{side box/sandbox |plainlist=no |text =The body text
*item one
*item two
*item three
}}

{{clear}}

'''Main'''

{{side box |plainlist=no |text =The body text
*item one
*item two
*item three
}}

{{clear}}

== ARIA attributes ==

<syntaxhighlight lang=text>{{side box |role=note |text =This note is parenthetic or ancillary to the main content.}}</syntaxhighlight>

'''Sandbox'''

{{side box/sandbox |role=note |text =This note is parenthetic or ancillary to the main content.}}

{{clear}}

'''Main'''

{{side box |role=note |text =This note is parenthetic or ancillary to the main content.}}

{{clear}}

<syntaxhighlight lang=text>{{side box |role=figure |labelledby=test-figure-label-1 |text =<span id="test-figure-label-1">Label.</span> This figure puts across information in a different way to a regular flow of text.}}</syntaxhighlight>

'''Sandbox'''

{{side box/sandbox |role=figure |labelledby=test-figure-label-2 |text =<span id="test-figure-label-2">Label.</span> This figure puts across information in a different way to a regular flow of text.}}

{{clear}}

'''Main'''

{{side box |role=figure |labelledby=test-figure-label-3 |text =<span id="test-figure-label-3">Label.</span> This figure puts across information in a different way to a regular flow of text.}}

{{clear}}