Template:Userbox/testcases

Standard boxes

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
xpfoodddd bar	xpfoodddd bar	xpfoodddd bar

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user has different colors of eyes.	This user has different colors of eyes.	This user has different colors of eyes.

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
ALAThis User Lives or Lived in Alameda, California	ALAThis User Lives or Lived in Alameda, California	ALAThis User Lives or Lived in Alameda, California

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
TSThis user likes Taylor Swift	TSThis user likes Taylor Swift	TSThis user likes Taylor Swift

Border width

Border width test cases

border-s=10px

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=-9

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=-2

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=-1

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=0

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=1

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=2

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=3

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=5

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

border-s=12

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.	This user honours Samuel Johnson for his enduring contributions to the English language.

---

border-s=10

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=50

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=21

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=0

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=1

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=2

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=15

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=100

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

border-s=150

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

Body margin

Body margin test cases

no float specified, no margin specified

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

no float, user-specified bodymargin=0 20px 0 0

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

float=left, default margin

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

float=left, user-specified bodymargin=0 22px 0 0

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

float=right, default margin

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

float=right, user-specified bodymargin=0 0 0 22px

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.	This user honours Samuel Johnson for his enduring contributions to the English language. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Maths

Math testcases

Side by side

{{Userbox}} to the left of {{Userbox/sandbox}}

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
π3.1415926535897932384626433832795028841941693993751058209749445923808162...	π3.1415926535897932384626433832795028841941693993751058209749445923808162...	π3.1415926535897932384626433832795028841941693993751058209749445923808162...

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
42The Answer to Great Question of the Universe, Life, and Everything	42The Answer to Great Question of the Universe, Life, and Everything	42The Answer to Great Question of the Universe, Life, and Everything

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
$TeX$;This user thinks TeX is cool.	$TeX$;This user thinks TeX is cool.	$TeX$;This user thinks TeX is cool.

Floating

3 instances of {{Userbox}} precede 3 instances of {{Userbox/sandbox}} and 3 instances of {{Userbox/sandbox2}}.

π3.1415926535897932384626433832795028841941693993751058209749445923808162...

42The Answer to Great Question of the Universe, Life, and Everything

$TeX$;This user thinks TeX is cool.

{{Userbox/sandbox}}

π3.1415926535897932384626433832795028841941693993751058209749445923808162...

42The Answer to Great Question of the Universe, Life, and Everything

$TeX$;This user thinks TeX is cool.

{{Userbox/sandbox2}}

π3.1415926535897932384626433832795028841941693993751058209749445923808162...

42The Answer to Great Question of the Universe, Life, and Everything

$TeX$;This user thinks TeX is cool.

Stacked

{{Userbox}} precedes {{Userbox/sandbox}} followed by {{Userbox/sandbox2}} in each case.

π3.1415926535897932384626433832795028841941693993751058209749445923808162...

π3.1415926535897932384626433832795028841941693993751058209749445923808162...

π3.1415926535897932384626433832795028841941693993751058209749445923808162...

42The Answer to Great Question of the Universe, Life, and Everything

42The Answer to Great Question of the Universe, Life, and Everything

42The Answer to Great Question of the Universe, Life, and Everything

$TeX$;This user thinks TeX is cool.

$TeX$;This user thinks TeX is cool.

$TeX$;This user thinks TeX is cool.

Long text

Lorem ipsum 1

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
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.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.	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.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.	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.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.

Lorem ipsum 2

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
Mr. Lorem, I don't feel so good...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.	Mr. Lorem, I don't feel so good...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.	Mr. Lorem, I don't feel so good...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.

Blank parameters

{{userbox
| border-width=
| border-s=10
}}

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

{{userbox
| 
| border-c=blue
}}

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

{{userbox
| id = id
| info-background =
}}

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
id{{{info}}}	id{{{info}}}	id{{{info}}}

{{userbox
| id = id
| id-w = 
}}

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
id{{{info}}}	id{{{info}}}	id{{{info}}}

{{userbox
| info-color = 
| info-fc = red
}}

Side by side comparison

{{Userbox}}	{{Userbox/sandbox}}	{{Userbox/sandbox2}}
{{{info}}}	{{{info}}}	{{{info}}}

Multiple boxes together

Test default floating style with 3 userboxes together.

{{Userbox}}

1{{{info}}}

2{{{info}}}

3{{{info}}}

{{Userbox/sandbox}}

1{{{info}}}

2{{{info}}}

3{{{info}}}

{{Userbox|float=left}}

1{{{info}}}

2{{{info}}}

3{{{info}}}

{{Userbox/sandbox|float=left}}

1{{{info}}}

2{{{info}}}

3{{{info}}}

{{Userbox|float=right}}

1{{{info}}}

2{{{info}}}

3{{{info}}}

{{Userbox/sandbox|float=right}}

1{{{info}}}

2{{{info}}}

3{{{info}}}

{{Userbox|float=none}}

1{{{info}}}

2{{{info}}}

3{{{info}}}

{{Userbox/sandbox|float=none}}

1{{{info}}}

2{{{info}}}

3{{{info}}}