Difference between revisions of "Template:Font color/testcases"

From blackwiki
Jump to navigation Jump to search
imported>Cpiral
(Cleanup: use markup to visually differentiate sandbox side; complete test suite removing excess; + sections Bugs ,See also)
imported>Cpiral
(add spacing for more spacing tests, demoTemplate is unusable, as it alters spacing)
Line 3: Line 3:
 
== Inline ==  
 
== Inline ==  
  
[[Rainbow]] test of spacing of red,
+
[[ Rainbow ]] test of spacing of red,
 
orange+yellow,
 
orange+yellow,
 
green*blue and
 
green*blue and
Line 9: Line 9:
 
all playing nicely.
 
all playing nicely.
  
Together test of spacing of
+
'''Spacing testing''': only the commas have there usual spacing, the other symbols don't.<br/>
{{font color|red|red}},
+
{{ font color | red | red }},
{{font color|orange|orange}}+{{font color|yellow|yellow|link=yes}},
+
{{ font color | orange | orange }}+{{ font color | green | green | link = yes }},
{{font color|green|green}}*{{font color|blue|blue|link=cat}} and
+
{{ font color | green | green }}*{{ font color | blue | blue | link = cat }},
{{font color|indigo|indigo}}#{{font color|violet|violet}},
+
{{ font color | indigo | indigo }}#{{ font color | violet | violet }},
 
all playing nicely.
 
all playing nicely.
  
Sandbox test of spacing of
+
'''Sandbox spacing testing''': only the symbols have no space, the commas have their usual spacing.<br/>
{{font color/sandbox|red|red}},
+
{{ font color/sandbox | red | red }},
{{font color/sandbox|orange|orange}}+{{font color|yellow|yellow|link=yes}},
+
{{ font color/sandbox | orange | orange }}+{{ font color/sandbox | green | green | link = yes }},
{{font color/sandbox|green|green}}*{{font color|blue|blue|link=cat}} and
+
{{ font color/sandbox | green | green }}*{{ font color/sandbox | blue | blue | link = cat }},
{{font color/sandbox|indigo|indigo}}#{{font color|violet|violet}}
+
{{ font color/sandbox | indigo | indigo }}#{{ font color/sandbox | violet | violet }},
 
all playing nicely.
 
all playing nicely.
  
 
== One color ==
 
== One color ==
  
:{{#invoke:DemoTemplate|Font color|green|Aristotle}}
+
:<code>{<nowiki/>{ Font color | green | Aristotle }}</code> &rarr; {{ Font color | green | Aristotle }}
:{{#invoke:DemoTemplate|Font color|green|Aristotle|link=yes}}
+
:<code>{<nowiki/>{ Font color | green | Aristotle | link = yes }}</code> &rarr; {{ Font color | green | Aristotle | link = yes }}
:{{#invoke:DemoTemplate|Font color|green|text=Aristotle|link=Plato}}
+
:<code>{<nowiki/>{ Font color | green | text = Aristotle | link = Plato }}</code> &rarr; {{ Font color | green | text = Aristotle | link = Plato }}
:{{#invoke:DemoTemplate|Font color|text=Aristotle|fg=green}}
+
:<code>{<nowiki/>{ Font color | text = Aristotle | fg = green }}</code> &rarr; {{ Font color | text = Aristotle | fg = green }}
  
  {{#invoke:DemoTemplate|Font color/sandbox|green|Aristotle}}
+
  {<nowiki/>{ Font color/sandbox | green | Aristotle }} &rarr; {{ Font color/sandbox | green | Aristotle}}
  {{#invoke:DemoTemplate|Font color/sandbox|green|Aristotle|link=yes}}
+
  {<nowiki/>{ Font color/sandbox | green | Aristotle | link = yes }} &rarr; {{ Font color/sandbox | green | Aristotle | link = yes }}
  {{#invoke:DemoTemplate|Font color/sandbox|green|text=Aristotle|link=Plato}}
+
  {<nowiki/>{ Font color/sandbox | green | text = Aristotle | link = Plato }} &rarr; {{ Font color/sandbox | green | text = Aristotle | link = Plato }}
  {{#invoke:DemoTemplate|Font color/sandbox|text=Aristotle|fg=green}}
+
  {<nowiki/>{ Font color/sandbox | text = Aristotle | fg = green }} &rarr; {{ Font color/sandbox | text = Aristotle | fg = green }}
  
 
== Two color ==
 
== Two color ==
  
: {{#invoke:DemoTemplate|font color|white|blue|Aristotle}}
+
:<code> {<nowiki/>{ font color | white | blue | Aristotle }}</code> &rarr;  {{ font color | white | blue | Aristotle}}
: {{#invoke:DemoTemplate|font color|white|bg=blue|text=Aristotle}}
+
:<code> {<nowiki/>{ font color | white | bg = blue | text = Aristotle }}</code> &rarr;  {{ font color | white | bg = blue | text = Aristotle }}
: {{#invoke:DemoTemplate|font color|white|blue|Aristotle|link=yes}}
+
:<code> {<nowiki/>{ font color | white | blue | Aristotle | link = yes }}</code> &rarr;  {{ font color | white | blue | Aristotle | link = yes }}
: {{#invoke:DemoTemplate|font color|white|blue|text=Aristotle|link=yes}}
+
:<code> {<nowiki/>{ font color | white | blue | text = Aristotle | link = yes }}</code> &rarr;  {{ font color | white | blue | text = Aristotle | link = yes }}
: {{#invoke:DemoTemplate|font color|white|blue|Aristotle|link=Plato}}
+
:<code> {<nowiki/>{ font color | white | blue | Aristotle | link = Plato }}</code> &rarr;  {{ font color | white | blue | Aristotle | link = Plato }}
: {{#invoke:DemoTemplate|font color|link=Plato|bg=blue|fg=white|text=Aristotle}}
+
:<code> {<nowiki/>{ font color | link = Plato | bg = blue | fg = white | text = Aristotle }}</code> &rarr;  {{ font color | link = Plato | bg = blue | fg = white | text = Aristotle }}
  
  {{#invoke:DemoTemplate|font color/sandbox|white|blue|Aristotle}}
+
  {<nowiki/>{ font color/sandbox | white | blue | Aristotle }} &rarr; {{ font color/sandbox | white | blue | Aristotle }}
  {{#invoke:DemoTemplate|font color/sandbox|white|bg=blue|text=Aristotle}}
+
  {<nowiki/>{ font color/sandbox | white | bg = blue | text = Aristotle }} &rarr; {{ font color/sandbox | white | bg = blue | text = Aristotle }}
  {{#invoke:DemoTemplate|font color/sandbox|white|blue|Aristotle|link=yes}}
+
  {<nowiki/>{ font color/sandbox | white | blue | Aristotle | link = yes }} &rarr; {{ font color/sandbox | white | blue | Aristotle | link = yes }}
  {{#invoke:DemoTemplate|font color/sandbox|white|blue|text=Aristotle|link=yes}}
+
  {<nowiki/>{ font color/sandbox | white | blue | text = Aristotle | link = yes }} &rarr; {{ font color/sandbox | white | blue | text = Aristotle | link = yes }}
  {{#invoke:DemoTemplate|font color/sandbox|white|blue|Aristotle|link=Plato}}
+
  {<nowiki/>{ font color/sandbox | white | blue | Aristotle | link = Plato }} &rarr; {{ font color/sandbox | white | blue | Aristotle | link = Plato }}
  {{#invoke:DemoTemplate|font color/sandbox|link=Plato|bg=blue|fg=white|text=Aristotle}}
+
  {<nowiki/>{ font color/sandbox | link = Plato | bg = blue | fg = white | text=Aristotle }} &rarr; {{ font color/sandbox | link = Plato | bg = blue | fg = white | text = Aristotle }}
  
 
== Bugs ==
 
== Bugs ==
  
:{{font color|red|Reported}} {{tlf|cross}}.  
+
:{{ font color | red | Reported }} {{ tlf | cross }}.  
:{{font color|orange|Fixed}} {{tlf|check}}.
+
:{{ font color | orange | Fixed }} {{ tlf | check }}.
 
 
 
 
# {{#invoke:DemoTemplate|font color/sandbox|orange|<br />This breaks on apostrophe'123|link=cat}} {{done}}
 
# {{#invoke:DemoTemplate|font color/sandbox|orange|<br />This breaks on<br />break}} {{done}}
 
  
 
== See also ==
 
== See also ==
* {{tl|code}} to troubleshoot HTML output, e.g. {{code|{{font color/sandbox|red|thisText}}
+
* {{ tl | code }} to troubleshoot HTML output, e.g. {{ code | {{font color/sandbox | red | thisText }}
 
}}
 
}}

Revision as of 11:03, 13 December 2015

Usage comparing sandbox and template tests: parameter naming and parameter value tests.

Inline

Rainbow test of spacing of red, orange+yellow, green*blue and indigo#violet all playing nicely.

Spacing testing: only the commas have there usual spacing, the other symbols don't.
red, orange+green, green*blue, indigo#violet, all playing nicely.

Sandbox spacing testing: only the symbols have no space, the commas have their usual spacing.
red, orange+green, green*blue, indigo#violet, all playing nicely.

One color

{{ Font color | green | Aristotle }}Aristotle
{{ Font color | green | Aristotle | link = yes }}Aristotle
{{ Font color | green | text = Aristotle | link = Plato }}Aristotle
{{ Font color | text = Aristotle | fg = green }}Aristotle
{{ Font color/sandbox | green | Aristotle }} → Aristotle
{{ Font color/sandbox | green | Aristotle | link = yes }} → Aristotle
{{ Font color/sandbox | green | text = Aristotle | link = Plato }} → Aristotle
{{ Font color/sandbox | text = Aristotle | fg = green }} → Aristotle

Two color

{{ font color | white | blue | Aristotle }}Aristotle
{{ font color | white | bg = blue | text = Aristotle }}Aristotle
{{ font color | white | blue | Aristotle | link = yes }}Aristotle
{{ font color | white | blue | text = Aristotle | link = yes }}Aristotle
{{ font color | white | blue | Aristotle | link = Plato }}Aristotle
{{ font color | link = Plato | bg = blue | fg = white | text = Aristotle }}Aristotle
{{ font color/sandbox | white | blue | Aristotle }} → Aristotle
{{ font color/sandbox | white | bg = blue | text = Aristotle }} → Aristotle
{{ font color/sandbox | white | blue | Aristotle | link = yes }} → Aristotle
{{ font color/sandbox | white | blue | text = Aristotle | link = yes }} → Aristotle
{{ font color/sandbox | white | blue | Aristotle | link = Plato }} → Aristotle
{{ font color/sandbox | link = Plato | bg = blue | fg = white | text=Aristotle }} → Aristotle

Bugs

Reported {{cross}}.
Fixed {{check}}.

See also

  • {{ code }} to troubleshoot HTML output, e.g. <span style="color:red;">thisText</span>