Difference between revisions of "Template:Font color/testcases"
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. | ||
| − | + | '''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| | + | {{ font color | orange | orange }}+{{ font color | green | green | link = yes }}, |
| − | {{font color|green|green}}*{{font color|blue|blue|link=cat}} | + | {{ 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 | + | '''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| | + | {{ font color/sandbox | orange | orange }}+{{ font color/sandbox | green | green | link = yes }}, |
| − | {{font color/sandbox|green|green}}*{{font color|blue|blue|link=cat}} | + | {{ 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 == | ||
| − | :{{ | + | :<code>{<nowiki/>{ Font color | green | Aristotle }}</code> → {{ Font color | green | Aristotle }} |
| − | :{{ | + | :<code>{<nowiki/>{ Font color | green | Aristotle | link = yes }}</code> → {{ Font color | green | Aristotle | link = yes }} |
| − | :{{ | + | :<code>{<nowiki/>{ Font color | green | text = Aristotle | link = Plato }}</code> → {{ Font color | green | text = Aristotle | link = Plato }} |
| − | :{{ | + | :<code>{<nowiki/>{ Font color | text = Aristotle | fg = green }}</code> → {{ Font color | text = Aristotle | fg = green }} |
| − | {{ | + | {<nowiki/>{ Font color/sandbox | green | Aristotle }} → {{ Font color/sandbox | green | Aristotle}} |
| − | {{ | + | {<nowiki/>{ Font color/sandbox | green | Aristotle | link = yes }} → {{ Font color/sandbox | green | Aristotle | link = yes }} |
| − | {{ | + | {<nowiki/>{ Font color/sandbox | green | text = Aristotle | link = Plato }} → {{ Font color/sandbox | green | text = Aristotle | link = Plato }} |
| − | {{ | + | {<nowiki/>{ Font color/sandbox | text = Aristotle | fg = green }} → {{ Font color/sandbox | text = Aristotle | fg = green }} |
== Two color == | == Two color == | ||
| − | : {{ | + | :<code> {<nowiki/>{ font color | white | blue | Aristotle }}</code> → {{ font color | white | blue | Aristotle}} |
| − | : {{ | + | :<code> {<nowiki/>{ font color | white | bg = blue | text = Aristotle }}</code> → {{ font color | white | bg = blue | text = Aristotle }} |
| − | : {{ | + | :<code> {<nowiki/>{ font color | white | blue | Aristotle | link = yes }}</code> → {{ font color | white | blue | Aristotle | link = yes }} |
| − | : {{ | + | :<code> {<nowiki/>{ font color | white | blue | text = Aristotle | link = yes }}</code> → {{ font color | white | blue | text = Aristotle | link = yes }} |
| − | : {{ | + | :<code> {<nowiki/>{ font color | white | blue | Aristotle | link = Plato }}</code> → {{ font color | white | blue | Aristotle | link = Plato }} |
| − | : {{ | + | :<code> {<nowiki/>{ font color | link = Plato | bg = blue | fg = white | text = Aristotle }}</code> → {{ font color | link = Plato | bg = blue | fg = white | text = Aristotle }} |
| − | {{ | + | {<nowiki/>{ font color/sandbox | white | blue | Aristotle }} → {{ font color/sandbox | white | blue | Aristotle }} |
| − | {{ | + | {<nowiki/>{ font color/sandbox | white | bg = blue | text = Aristotle }} → {{ font color/sandbox | white | bg = blue | text = Aristotle }} |
| − | {{ | + | {<nowiki/>{ font color/sandbox | white | blue | Aristotle | link = yes }} → {{ font color/sandbox | white | blue | Aristotle | link = yes }} |
| − | {{ | + | {<nowiki/>{ font color/sandbox | white | blue | text = Aristotle | link = yes }} → {{ font color/sandbox | white | blue | text = Aristotle | link = yes }} |
| − | {{ | + | {<nowiki/>{ font color/sandbox | white | blue | Aristotle | link = Plato }} → {{ font color/sandbox | white | blue | Aristotle | link = Plato }} |
| − | {{ | + | {<nowiki/>{ font color/sandbox | link = Plato | bg = blue | fg = white | text=Aristotle }} → {{ 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 }}. |
| − | |||
| − | |||
| − | |||
| − | |||
== 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.
Contents
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>