Difference between revisions of "Template:Bar box/testcases"
Jump to navigation
Jump to search
imported>Frietjes (←Created page with '{{Testcases notice <!--|toc=on-->}} == Test 1 == {{Test case|_collapsible=yes|_showcode=yes |float=right |caption=distribution of stuff |bars= {{bar percent|foo...') |
imported>Frietjes |
||
| Line 4: | Line 4: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=right | |float=right | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
| Line 16: | Line 18: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=left | |float=left | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
| Line 28: | Line 32: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=none | |float=none | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
| Line 40: | Line 46: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=center | |float=center | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
| Line 52: | Line 60: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=right|width=200px | |float=right|width=200px | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
| Line 64: | Line 74: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=left|width=200px | |float=left|width=200px | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
| Line 76: | Line 88: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=none|width=200px | |float=none|width=200px | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
| Line 88: | Line 102: | ||
{{Test case|_collapsible=yes|_showcode=yes | {{Test case|_collapsible=yes|_showcode=yes | ||
|float=center|width=200px | |float=center|width=200px | ||
| + | |title=Quantity of stuff | ||
| + | |titlebar=#DDD | ||
|caption=distribution of stuff | |caption=distribution of stuff | ||
|bars= | |bars= | ||
Revision as of 15:11, 13 February 2018
| This is the template test cases page for the sandbox of Template:Bar box. Script error: No such module "Purge". to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki, see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins with these links: |
Test 1
| {{Bar box}} |
|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=right|title=Quantity of stuff|titlebar=#DDD}}
{{Bar box}} {{Bar box/sandbox}} |
Test 2
| {{Bar box}} |
|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=left|title=Quantity of stuff|titlebar=#DDD}}
{{Bar box}} {{Bar box/sandbox}} |
Test 3
| {{Bar box}} | ||
|---|---|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=none|title=Quantity of stuff|titlebar=#DDD}}
{{Bar box}} {{Bar box/sandbox}} |
Test 4
| {{Bar box}} | ||
|---|---|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=center|title=Quantity of stuff|titlebar=#DDD}}
{{Bar box}} {{Bar box/sandbox}} |
Test 5
| {{Bar box}} |
|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=right|title=Quantity of stuff|titlebar=#DDD|width=200px}}
{{Bar box}} {{Bar box/sandbox}} |
Test 6
| {{Bar box}} |
|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=left|title=Quantity of stuff|titlebar=#DDD|width=200px}}
{{Bar box}} {{Bar box/sandbox}} |
Test 7
| {{Bar box}} | ||
|---|---|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=none|title=Quantity of stuff|titlebar=#DDD|width=200px}}
{{Bar box}} {{Bar box/sandbox}} |
Test 8
| {{Bar box}} | ||
|---|---|---|
{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr>|caption=distribution of stuff|float=center|title=Quantity of stuff|titlebar=#DDD|width=200px}}
{{Bar box}} {{Bar box/sandbox}} |