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 edit

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 edit

Container tests edit

Style tests edit

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

Group width tests edit

Using new groupwidth parameter edit


Navbar and state tests edit

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}}


Missing parameter tests edit

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 edit


Additional tests edit

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

Using Navbox with columns / Navbox with collapsible groups edit

Span hack edit

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

Lists with in-list images edit

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

Horizontal/plain lists edit

{{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-000000F7-QINU`"''"`UNIQ--templatestyles-000000F8-QINU`"''"`UNIQ--templatestyles-00000007-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-000000F5-QINU`"''"`UNIQ--templatestyles-000000F6-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>

{{Navbox/sandbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-000000FC-QINU`"''"`UNIQ--templatestyles-000000FD-QINU`"''"`UNIQ--templatestyles-00000007-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-000000FA-QINU`"''"`UNIQ--templatestyles-000000FB-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 edit

{{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-00000101-QINU`"''"`UNIQ--templatestyles-00000007-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-000000FF-QINU`"''"`UNIQ--templatestyles-00000100-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>

{{Navbox/sandbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-00000104-QINU`"''"`UNIQ--templatestyles-00000007-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-00000102-QINU`"''"`UNIQ--templatestyles-00000103-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 edit

{{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-00000109-QINU`"''"`UNIQ--templatestyles-00000007-QINU`"''"`UNIQ--templatestyles-00000105-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-00000107-QINU`"''"`UNIQ--templatestyles-00000108-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>

{{Navbox/sandbox}}

<div class="navbox-styles">'"`UNIQ--templatestyles-0000010C-QINU`"''"`UNIQ--templatestyles-00000007-QINU`"''"`UNIQ--templatestyles-00000105-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-0000010A-QINU`"''"`UNIQ--templatestyles-0000010B-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 edit