Difference between revisions of "Template:Hidden/testcases"

From blackwiki
Jump to navigation Jump to search
imported>Anomie
(Replace link to https://secure.wikimedia.org/wikipedia/en with link to //en.wikipedia.org)
imported>Frietjes
Line 17: Line 17:
 
== Testing jQuery.makeCollapsible version ==
 
== Testing jQuery.makeCollapsible version ==
 
=== Example 0 ===
 
=== Example 0 ===
 +
 +
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>}}</nowiki></code>
 +
 +
{{{{BASEPAGENAME}}}}
 +
 +
{{clear}}
  
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>/sandbox}}</nowiki></code>
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>/sandbox}}</nowiki></code>
Line 28: Line 34:
  
 
{{{{BASEPAGENAME}}/sandbox|Title text here|Body text line 1<br/>Body text line 2}}
 
{{{{BASEPAGENAME}}/sandbox|Title text here|Body text line 1<br/>Body text line 2}}
 +
 +
{{clear}}
 +
 +
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>|Title text here|Body text line 1<br/>Body text line 2}}</nowiki></code>
 +
 +
{{{{BASEPAGENAME}}|Title text here|Body text line 1<br/>Body text line 2}}
  
 
{{clear}}
 
{{clear}}
Line 39: Line 51:
  
 
{{{{BASEPAGENAME}}/sandbox|Title text here
 
{{{{BASEPAGENAME}}/sandbox|Title text here
 +
|Body text line 1<br/>Body text line 2
 +
|headerstyle=background:#ccccff
 +
|style=text-align:center;
 +
}}
 +
 +
{{clear}}
 +
 +
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>|Title text here
 +
|Body text line 1<br/>Body text line 2
 +
|headerstyle=background:#ccccff
 +
|style=text-align:center;
 +
}}</nowiki></code>
 +
 +
{{{{BASEPAGENAME}}|Title text here
 
|Body text line 1<br/>Body text line 2
 
|Body text line 1<br/>Body text line 2
 
|headerstyle=background:#ccccff
 
|headerstyle=background:#ccccff
Line 63: Line 89:
 
{{clear}}
 
{{clear}}
  
=== Example 4 ===
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>/sandbox|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}</nowiki></code>
 
 
{{{{BASEPAGENAME}}/sandbox|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}
 
 
{{clear}}
 
 
== Testing original template ==
 
=== Example 0 ===
 
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>}}</nowiki></code>
 
 
{{ {{BASEPAGENAME}} }}
 
 
{{clear}}
 
 
=== Example 1 ===
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>|Title text here|Body text line 1<br/>Body text line 2}}</nowiki></code>
 
 
{{{{BASEPAGENAME}}|Title text here|Body text line 1<br/>Body text line 2}}
 
 
{{clear}}
 
 
=== Example 2 ===
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>|Title text here
 
|Body text line 1<br/>Body text line 2
 
|headerstyle=background:#ccccff
 
|style=text-align:center;
 
}}</nowiki></code>
 
 
{{{{BASEPAGENAME}}|Title text here
 
|Body text line 1<br/>Body text line 2
 
|headerstyle=background:#ccccff
 
|style=text-align:center;
 
}}
 
 
{{clear}}
 
 
=== Example 3 ===
 
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>| style = border:1px dashed red; width: 50%;
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>| style = border:1px dashed red; width: 50%;
 
| headerstyle = background: #ccccff; font-size: 110%;
 
| headerstyle = background: #ccccff; font-size: 110%;
Line 119: Line 106:
  
 
=== Example 4 ===
 
=== Example 4 ===
 +
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>/sandbox|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}</nowiki></code>
 +
 +
{{{{BASEPAGENAME}}/sandbox|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}
 +
 +
{{clear}}
 +
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}</nowiki></code>
 
<code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}</nowiki></code>
  
 
{{{{BASEPAGENAME}}|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}
 
{{{{BASEPAGENAME}}|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}
 +
 +
{{clear}}

Revision as of 22:38, 22 December 2014

Compatibility

The new version was tested below and is working fine in the following browsers (except for some small issues):

Issues

  • As reported on this topic, the header is jumping left when expanded. For the default collapsible text, could be fixed by using the CSS provided on that topic. See also bug #30402;
  • As reported on other topic, on Windows, "the cursor takes the form of an up-and-down arrow rather than the pointing-index-finger form". See bug #30327.

Testing jQuery.makeCollapsible version

Example 0

{{Hidden}}

{{{{BASEPAGENAME}}}}

{{Hidden/sandbox}}

{{{1}}}
{{{2}}}

Example 1

{{Hidden/sandbox|Title text here|Body text line 1<br/>Body text line 2}}

Title text here
Body text line 1
Body text line 2

{{Hidden|Title text here|Body text line 1<br/>Body text line 2}}

Title text here
Body text line 1
Body text line 2

Example 2

{{Hidden/sandbox|Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff |style=text-align:center; }}

Title text here

Body text line 1
Body text line 2

{{Hidden|Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff |style=text-align:center; }}

Title text here

Body text line 1
Body text line 2

Example 3

{{Hidden/sandbox| style = border:1px dashed red; width: 50%; | headerstyle = background: #ccccff; font-size: 110%; | contentstyle = text-align: center; color:green; | header = Title text here | content = Body text line 1<br />Body text line 2<br />Body text line 3 }}

Title text here
Body text line 1
Body text line 2
Body text line 3

{{Hidden| style = border:1px dashed red; width: 50%; | headerstyle = background: #ccccff; font-size: 110%; | contentstyle = text-align: center; color:green; | header = Title text here | content = Body text line 1<br />Body text line 2<br />Body text line 3 }}

Title text here
Body text line 1
Body text line 2
Body text line 3

Example 4

{{Hidden/sandbox|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
def

{{Hidden|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
def