Except for the side by side comparisons, these all use the {{sandbox version}} of the {{Navbox}} (and subsequently {{Navbar}}) code; please ensure that all of them look correct here before saving sandbox tests to the live template.

Basic tests

lemba
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}

Subgroup tests

lemba

Container tests

lemba

Style tests

lemba
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}

Group width tests

lemba

Using new groupwidth parameter

lemba


lemba
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}

Titlegroup tests

lemba


Missing parameter tests

lemba
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}

Row striping tests

lemba


Additional tests

lemba
  1. Test margin with references
  2. Second reference
  3. Third reference

Using Navbox with columns / Navbox with collapsible groups

lemba

Span hack

lemba
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}

Lists with in-list images

lemba
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}
Side by side comparison
{{Navbox}}{{Navbox/sandbox}}

Horizontal/plain lists

lemba
{{Navbox|above=* Item 1
** Item 1.1
** Item 1.2|aboveclass=hlist|below=* Item 1
** Item 1.1
** Item 1.2|belowclass=hlist|category=no|group1=List 1|imageclass=plainlist|list1=* Item 1
** Item 1.1
** Item 1.2|listclass=hlist|name=Template:Navbox/testcases|title=hlist & plainlist}}

{{Navbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-000000FD-QINU`"''"`UNIQ--templatestyles-000000FE-QINU`"''"`UNIQ--templatestyles-00000004-QINU`"'</div><div role="navigation" class="navbox" aria-labelledby="hlist_&amp;amp;_plainlist" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tr><th scope="col" class="navbox-title" colspan="2">'"`UNIQ--templatestyles-000000FB-QINU`"''"`UNIQ--templatestyles-000000FC-QINU`"'<div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view">[[Template:Navbox/testcases|<abbr title="View this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">v</abbr>]]</li><li class="nv-talk">[[Template talk:Navbox/testcases|<abbr title="Discuss this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">t</abbr>]]</li><li class="nv-edit">[[Special:EditPage/Template:Navbox/testcases|<abbr title="Edit this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">e</abbr>]]</li></ul></div><div id="hlist_&amp;amp;_plainlist" style="font-size:114%;margin:0 4em">hlist & plainlist</div></th></tr><tr><td class="navbox-abovebelow hlist" colspan="2"><div>
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">List 1</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr><tr><td class="navbox-abovebelow hlist" colspan="2"><div>
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr></table></div>

{{Navbox/sandbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-00000102-QINU`"''"`UNIQ--templatestyles-00000103-QINU`"''"`UNIQ--templatestyles-00000004-QINU`"'</div><div role="navigation" class="navbox" aria-labelledby="hlist_&amp;amp;_plainlist" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tr><th scope="col" class="navbox-title" colspan="2">'"`UNIQ--templatestyles-00000100-QINU`"''"`UNIQ--templatestyles-00000101-QINU`"'<div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view">[[Template:Navbox/testcases|<abbr title="View this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr>]]</li><li class="nv-talk">[[Template talk:Navbox/testcases|<abbr title="Discuss this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">t</abbr>]]</li><li class="nv-edit">[[Special:EditPage/Template:Navbox/testcases|<abbr title="Edit this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">e</abbr>]]</li></ul></div><div id="hlist_&amp;amp;_plainlist" style="font-size:114%;margin:0 4em">hlist & plainlist</div></th></tr><tr><td class="navbox-abovebelow hlist" colspan="2"><div>
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">List 1</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr><tr><td class="navbox-abovebelow hlist" colspan="2"><div>
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr></table></div>

Currently doesn't find it in list1class

lemba
{{Navbox|category=no|group1=List 1|list1=* Item 1
** Item 1.1
** Item 1.2|list1class=hlist|name=Template:Navbox/testcases|title=list in list1class?}}

{{Navbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-00000107-QINU`"''"`UNIQ--templatestyles-00000004-QINU`"'</div><div role="navigation" class="navbox" aria-labelledby="list_in_list1class?" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tr><th scope="col" class="navbox-title" colspan="2">'"`UNIQ--templatestyles-00000105-QINU`"''"`UNIQ--templatestyles-00000106-QINU`"'<div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view">[[Template:Navbox/testcases|<abbr title="View this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">v</abbr>]]</li><li class="nv-talk">[[Template talk:Navbox/testcases|<abbr title="Discuss this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">t</abbr>]]</li><li class="nv-edit">[[Special:EditPage/Template:Navbox/testcases|<abbr title="Edit this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">e</abbr>]]</li></ul></div><div id="list_in_list1class?" style="font-size:114%;margin:0 4em">list in list1class?</div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">List 1</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr></table></div>

{{Navbox/sandbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-0000010A-QINU`"''"`UNIQ--templatestyles-00000004-QINU`"'</div><div role="navigation" class="navbox" aria-labelledby="list_in_list1class?" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tr><th scope="col" class="navbox-title" colspan="2">'"`UNIQ--templatestyles-00000108-QINU`"''"`UNIQ--templatestyles-00000109-QINU`"'<div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view">[[Template:Navbox/testcases|<abbr title="View this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr>]]</li><li class="nv-talk">[[Template talk:Navbox/testcases|<abbr title="Discuss this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">t</abbr>]]</li><li class="nv-edit">[[Special:EditPage/Template:Navbox/testcases|<abbr title="Edit this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">e</abbr>]]</li></ul></div><div id="list_in_list1class?" style="font-size:114%;margin:0 4em">list in list1class?</div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">List 1</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">
* Item 1
** Item 1.1
** Item 1.2
</div></td></tr></table></div>

Save the TemplateStyles

lemba
{{Navbox|category=no|group1=List 1|list1=<div class="plainlist " >
* Item 1
** Item 1.1
** Item 1.2

</div>|name=Template:Navbox/testcases|title=Does the TemplateStyles move where it should}}

{{Navbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-0000010F-QINU`"''"`UNIQ--templatestyles-00000004-QINU`"''"`UNIQ--templatestyles-0000010B-QINU`"'</div><div role="navigation" class="navbox" aria-labelledby="Does_the_TemplateStyles_move_where_it_should" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tr><th scope="col" class="navbox-title" colspan="2">'"`UNIQ--templatestyles-0000010D-QINU`"''"`UNIQ--templatestyles-0000010E-QINU`"'<div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view">[[Template:Navbox/testcases|<abbr title="View this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">v</abbr>]]</li><li class="nv-talk">[[Template talk:Navbox/testcases|<abbr title="Discuss this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">t</abbr>]]</li><li class="nv-edit">[[Special:EditPage/Template:Navbox/testcases|<abbr title="Edit this template" style=";;background:none transparent;color:inherit;border:none;box-shadow:none;padding:0;">e</abbr>]]</li></ul></div><div id="Does_the_TemplateStyles_move_where_it_should" style="font-size:114%;margin:0 4em">Does the TemplateStyles move where it should</div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">List 1</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><div class="plainlist " >
* Item 1
** Item 1.1
** Item 1.2

</div></div></td></tr></table></div>

{{Navbox/sandbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-00000112-QINU`"''"`UNIQ--templatestyles-00000004-QINU`"''"`UNIQ--templatestyles-0000010B-QINU`"'</div><div role="navigation" class="navbox" aria-labelledby="Does_the_TemplateStyles_move_where_it_should" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tr><th scope="col" class="navbox-title" colspan="2">'"`UNIQ--templatestyles-00000110-QINU`"''"`UNIQ--templatestyles-00000111-QINU`"'<div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view">[[Template:Navbox/testcases|<abbr title="View this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr>]]</li><li class="nv-talk">[[Template talk:Navbox/testcases|<abbr title="Discuss this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">t</abbr>]]</li><li class="nv-edit">[[Special:EditPage/Template:Navbox/testcases|<abbr title="Edit this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">e</abbr>]]</li></ul></div><div id="Does_the_TemplateStyles_move_where_it_should" style="font-size:114%;margin:0 4em">Does the TemplateStyles move where it should</div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">List 1</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><div class="plainlist " >
* Item 1
** Item 1.1
** Item 1.2

</div></div></td></tr></table></div>

Longterm: Div version

lemba