View source for Template:Clickable button/testcases

{{#invoke:Clickable button/sandbox|main|link=Clickable button/testcases3|label=Go to testcases3|weight=primary|action=progressive}}
{{template test cases notice}}
<!-- {{#invoke:Clickable button/sandbox
|main
|1=Label1
|2=Label2
|3=Mistake3
|label=Explicit label
|url=https://done.org
|action=progressive
|weight=primary
|size=large
|icon=success
|aria-label=Download example
}}

 --><!-- {{cdx-message|mbox=true|type=warning|1=Wiki syntax does not allow raw HTML ({{tag|span|o}}) inside the link label. The parser strips it, and the label falls back to the target title (Main Page). That's why you see:
<code><nowiki>{{#invoke:Clickable button/sandbox|main|Main Page|Explicit label}}</nowiki></code> {{Clickable button/sandbox|Main Page|Explicit label}} → "Explicit label" works (parser treats 2nd arg as link label before HTML gets stripped).
<code><nowiki>{{#invoke:Clickable button/sandbox|main|Main Page|label=Explicit label}}</nowiki></code> {{Clickable button/sandbox|Main Page|label=Explicit label}} → "Explicit label" is ignored (the HTML span is stripped, leaving only "Main Page").}} -->
<!-- {{cdx-message|mbox=true|type=info|1=<code>aria-disabled="true"</code> gets stripped if the element is wrapped in <code>[[link|...]]</code> or <code>[url label]</code> it seems, because MediaWiki interprets it as "wiki link markup," not raw HTML. Arbitrary attributes aren't preserved in that conversion.}} -->

<syntaxhighlight lang=wikitext>
{{test case |_output=nowiki+ |_showcode = yes |_format = inline |_collapsible = yes |_titlecode = yes
| 1       = <!-- Alias for wikilink -->
| 2       = <!-- Alias for label -->
| label   = <!-- Button label -->
| link    = <!-- Wikilink -->
| url     = <!-- URL -->
<!-- Inputs are case-insensitive -->
| action  = <!-- Progressive | Destructive | default: Default -->
| weight  = <!-- Primary | Quiet | default: Normal -->
| size    = <!-- Small | Large | default: Medium. Automatically chooses size based on line-height and device. -->
| icon    = <!-- Per stored icon-list on [[Template:Clickable button/styles.css]].  -->
| aria-label = 
| nocat      =
| category   =
}}
</syntaxhighlight>

== Live testcases ==
=== {{tl|User sandbox}} ===
;Old
{{Ombox
    |type = notice
    |image = [[File:Essay.svg|50px|link=]]
    |class = noprint
    |text = 
      <div><!--
      -->This is '''{{#if:{{{list|}}}{{{a|}}}|a|the}} user [[Help:My sandbox|sandbox]] of [[{{NAMESPACE}}:{{{1|{{ROOTPAGENAME}}}}}|{{{1|{{ROOTPAGENAME}}}}}]]'''. <!--
      -->A user sandbox is a subpage of the user's [[Wikipedia:User pages|user page]]. <!--
      -->It serves as a testing spot and page development space for the user and is <em>not an encyclopedia article</em>. <!--
      -->{{#ifeq: {{{plain|}}} | all 
          | <!--blank-->
          | <small>Create or edit your own sandbox [{{fullurl:Special:MyPage/sandbox|action=edit&preload=Template:User_sandbox/preload}} here].</small>
         }}<!--
      -->{{#if: {{{list|}}}
          | <br/>This user's sandboxes: {{{list}}}
         }}<!--
      -->{{#if: {{{plain|}}}
          | <!--blank-->
          | {{#if:{{{navbox|}}}||<p><!--
            -->Other sandboxes: <!--
            -->[[Draft:Sandbox|Main sandbox]] &#x7c; <!--
            -->[[Template:Template sandbox|Template sandbox]]<!--
         --></p>}}
         }}</div><!--
   -->{{#if: {{{selectskin|}}}
       | <div style="font-size: 85%; text-align:center;">{{selectskin}}</div>
      }}<!--
   -->{{#ifeq: {{{afc|}}} | no 
       | <!-- blank -->
       | {{#if: {{{plain|}}}
          | <!-- blank -->
          | <hr />
             Finished writing a draft article? Are you ready to request review of it by an experienced editor for possible inclusion in Wikipedia? 
<span class="afc-draft-submit-button">{{Clickable button|Submit your draft for review!|url={{fullurl:Wikipedia:Articles_for_creation/Submitting|withJS=MediaWiki:AFC-submit-wizard.js&page={{FULLPAGENAMEE}}}}|class=mw-ui-progressive|style=line-height: 1.9em; padding: 0 1.6em 0 1.6em}}</span>
                | Save your work by pressing the "<bdi>{{int:Publishpage}}</bdi>" button below, and a button will appear here allowing you to submit your draft for review.


           {{#if:{{{plain|}}}|<!--blank-->|{{#if:{{{navbox|}}}|<hr />{{Sandbox heading/Navigation}}}}}}
         }}
      }}
   }}
;New
{{Ombox
    |type = notice
    |image = [[File:Essay.svg|50px|link=]]
    |class = noprint
    |text = 
      <div><!--
      -->This is '''{{#if:{{{list|}}}{{{a|}}}|a|the}} user [[Help:My sandbox|sandbox]] of [[{{NAMESPACE}}:{{{1|{{ROOTPAGENAME}}}}}|{{{1|{{ROOTPAGENAME}}}}}]]'''. <!--
      -->A user sandbox is a subpage of the user's [[Wikipedia:User pages|user page]]. <!--
      -->It serves as a testing spot and page development space for the user and is <em>not an encyclopedia article</em>. <!--
      -->{{#ifeq: {{{plain|}}} | all 
          | <!--blank-->
          | <small>Create or edit your own sandbox [{{fullurl:Special:MyPage/sandbox|action=edit&preload=Template:User_sandbox/preload}} here].</small>
         }}<!--
      -->{{#if: {{{list|}}}
          | <br/>This user's sandboxes: {{{list}}}
         }}<!--
      -->{{#if: {{{plain|}}}
          | <!--blank-->
          | {{#if:{{{navbox|}}}||<p><!--
            -->Other sandboxes: <!--
            -->[[Draft:Sandbox|Main sandbox]] &#x7c; <!--
            -->[[Template:Template sandbox|Template sandbox]]<!--
         --></p>}}
         }}</div><!--
   -->{{#if: {{{selectskin|}}}
       | <div style="font-size: 85%; text-align:center;">{{selectskin}}</div>
      }}<!--
   -->{{#ifeq: {{{afc|}}} | no 
       | <!-- blank -->
       | {{#if: {{{plain|}}}
          | <!-- blank -->
          | <hr />
             Finished writing a draft article? Are you ready to request review of it by an experienced editor for possible inclusion in Wikipedia? 
<span class="afc-draft-submit-button">{{Clickable button/sandbox|Submit your draft for review!|url={{fullurl:Wikipedia:Articles_for_creation/Submitting|withJS=MediaWiki:AFC-submit-wizard.js&page={{FULLPAGENAMEE}}}}|class=mw-ui-progressive|style=line-height: 1.9em; padding: 0 1.6em 0 1.6em}}</span>
                | Save your work by pressing the "<bdi>{{int:Publishpage}}</bdi>" button below, and a button will appear here allowing you to submit your draft for review.


           {{#if:{{{plain|}}}|<!--blank-->|{{#if:{{{navbox|}}}|<hr />{{Sandbox heading/Navigation}}}}}}
         }}
      }}
   }}
=== [[Floccinaucinihilipilification]] ===
==== Old ====
{{ombox
| class = tpl-wiki-redirect
| templatestyles = Template:Wiktionary redirect/styles.css
| style = 
| textstyle = 
| image = none
| imageright = <div aria-hidden="true" class="tpl-wiki-redirect-img">[[File:Wiktionary-logo-en-v2.svg|x50px|link=|alt=]]</div>
| text =<div class="tpl-wiki-redirect-text">
'''Wikipedia does not have an article on "Floccinaucinihilipilification{{#if:{{{italic|}}}|''}}"''', but its sister project [[wiktionary:|Wiktionary]] does:
{{pb}}
<div class="tpl-wiki-redirect-button">{{Clickable button|1=Read the Wiktionary {{#if:{{{many|}}}|entries|entry}} "{{#if:{{{italic|}}}|''}}{{{1|{{lc:{{PAGENAME}}}}}}}{{#if:{{{italic|}}}|''}}"|url={{fullurl:wiktionary:{{{1|Special:Search/Floccinaucinihilipilification}}}}}|class=mw-ui-progressive|weight=primary|style=text-align: left;}}</div>
You can also:
* [{{fullurl:Special:Search|search=Floccinaucinihilipilification&fulltext=Search}} Search for ''Floccinaucinihilipilification'' in Wikipedia] to check for alternative titles or spellings.
<div class="{{#switch: {{PROTECTIONLEVEL: edit}}
    | sysop | templateeditor | autoconfirmed | extendedconfirmed = {{PROTECTIONLEVEL:edit}}-show
    }}">
* [[Special:EditPage/Floccinaucinihilipilification|Start the ''Floccinaucinihilipilification'' article]], using the [[Wikipedia:Article wizard|Article Wizard]] if you wish, or [[Wikipedia:Requested articles|create a request for it]]; but please remember that Wikipedia is [[WP:WINAD|not a dictionary]].</div></div>}}
==== New ====
{{ombox
| class = tpl-wiki-redirect
| templatestyles = Template:Wiktionary redirect/styles.css
| style = 
| textstyle = 
| image = none
| imageright = <div aria-hidden="true" class="tpl-wiki-redirect-img">[[File:Wiktionary-logo-en-v2.svg|x50px|link=|alt=]]</div>
| text =<div class="tpl-wiki-redirect-text">
'''Wikipedia does not have an article on "Floccinaucinihilipilification{{#if:{{{italic|}}}|''}}"''', but its sister project [[wiktionary:|Wiktionary]] does:
{{pb}}
<div class="tpl-wiki-redirect-button">{{Clickable button/sandbox|1=Read the Wiktionary {{#if:{{{many|}}}|entries|entry}} "{{#if:{{{italic|}}}|''}}{{{1|{{lc:{{PAGENAME}}}}}}}{{#if:{{{italic|}}}|''}}"|url={{fullurl:wiktionary:{{{1|Special:Search/Floccinaucinihilipilification}}}}}|class=mw-ui-progressive|weight=primary|style=text-align: left;}}</div>
You can also:
* [{{fullurl:Special:Search|search=Floccinaucinihilipilification&fulltext=Search}} Search for ''Floccinaucinihilipilification'' in Wikipedia] to check for alternative titles or spellings.
<div class="{{#switch: {{PROTECTIONLEVEL: edit}}
    | sysop | templateeditor | autoconfirmed | extendedconfirmed = {{PROTECTIONLEVEL:edit}}-show
    }}">
* [[Special:EditPage/Floccinaucinihilipilification|Start the ''Floccinaucinihilipilification'' article]], using the [[Wikipedia:Article wizard|Article Wizard]] if you wish, or [[Wikipedia:Requested articles|create a request for it]]; but please remember that Wikipedia is [[WP:WINAD|not a dictionary]].</div></div>}}
<!-- Place categories on /doc page; interwikis go to Wikidata, thank you! -->
===[[Damned if you do, damned if you don't]]===
==== Old ====
{{wi|damned if one does and damned if one doesn't|nocat=true}}
==== New ====
{{ombox
| class = tpl-wiki-redirect
| templatestyles = Template:Wiktionary redirect/styles.css
| style = 
| textstyle = 
| image = none
| imageright = <div aria-hidden="true" class="tpl-wiki-redirect-img">[[File:Wiktionary-logo-en-v2.svg|x50px|link=|alt=]]</div>
| text =<div class="tpl-wiki-redirect-text">
'''Wikipedia does not have an article on "{{#if:{{{italic|}}}|''}}Damned if you do, damned if you don't{{#if:{{{italic|}}}|''}}"''', but its sister project [[wiktionary:|Wiktionary]] does:
{{pb}}
<div class="tpl-wiki-redirect-button">{{Clickable button/sandbox|1=Read the Wiktionary {{#if:{{{many|}}}|entries|entry}} "{{#if:{{{italic|}}}|''}}{{{1|Damned if you do, damned if you don't}}}{{#if:{{{italic|}}}|''}}"|url={{fullurl:wiktionary:{{{1|Special:Search/damned if you do, damned if you don't}}}}}|class=mw-ui-progressive|weight=quiet|style=text-align: left;}}</div>
You can also:
* [{{fullurl:Special:Search|search=Damned if you do, damned if you don't&fulltext=Search}} Search for ''Damned if you do, damned if you don't'' in Wikipedia] to check for alternative titles or spellings.
<div class="{{#switch: {{PROTECTIONLEVEL: edit}}
    | sysop | templateeditor | autoconfirmed | extendedconfirmed = {{PROTECTIONLEVEL:edit}}-show
    }}">
* [[Special:EditPage/Damned if you do, damned if you don't|Start the ''Damned if you do, damned if you don't'' article]], using the [[Wikipedia:Article wizard|Article Wizard]] if you wish, or [[Wikipedia:Requested articles|create a request for it]]; but please remember that Wikipedia is [[WP:WINAD|not a dictionary]].</div></div>}}
<!-- Place categories on /doc page; interwikis go to Wikidata, thank you! -->
==== With <code>cdx-button--word-wrap</code> ====
{{ombox
| class = tpl-wiki-redirect
| templatestyles = Template:Wiktionary redirect/styles.css
| style = 
| textstyle = 
| image = none
| imageright = <div aria-hidden="true" class="tpl-wiki-redirect-img">[[File:Wiktionary-logo-en-v2.svg|x50px|link=|alt=]]</div>
| text =<div class="tpl-wiki-redirect-text">
'''Wikipedia does not have an article on "{{#if:{{{italic|}}}|''}}Damned if you do, damned if you don't{{#if:{{{italic|}}}|''}}"''', but its sister project [[wiktionary:|Wiktionary]] does:
{{pb}}
<div class="tpl-wiki-redirect-button cdx-button--word-wrap">{{Clickable button/sandbox|class=cdx-button--word-wrap|1=Read the Wiktionary {{#if:{{{many|}}}|entries|entry}} "{{#if:{{{italic|}}}|''}}{{{1|Damned if you do, damned if you don't}}}{{#if:{{{italic|}}}|''}}"|url={{fullurl:wiktionary:{{{1|Special:Search/damned if you do, damned if you don't}}}}}|class=mw-ui-progressive|weight=quiet|style=text-align: left;}}</div>
You can also:
* [{{fullurl:Special:Search|search=Damned if you do, damned if you don't&fulltext=Search}} Search for ''Damned if you do, damned if you don't'' in Wikipedia] to check for alternative titles or spellings.
<div class="{{#switch: {{PROTECTIONLEVEL: edit}}
    | sysop | templateeditor | autoconfirmed | extendedconfirmed = {{PROTECTIONLEVEL:edit}}-show
    }}">
* [[Special:EditPage/Damned if you do, damned if you don't|Start the ''Damned if you do, damned if you don't'' article]], using the [[Wikipedia:Article wizard|Article Wizard]] if you wish, or [[Wikipedia:Requested articles|create a request for it]]; but please remember that Wikipedia is [[WP:WINAD|not a dictionary]].</div></div>}}
<!-- Place categories on /doc page; interwikis go to Wikidata, thank you! -->

===[[Talk:Roberts County, Texas]]===
{{Photo requested|date=September 2025 |in=Roberts County, Texas |nocat=true}}
{{ {{{|safesubst:}}}#invoke:Unsubst||date=September 2025 |$B=
{{check talk wp}}{{tmbox
|small={{{small|}}}
|image= [[File:Camera-photo.svg|none|alt=|link=|{{#ifeq:{{{small|}}}|yes|30px|40px}}]]
|text= {{yesno|{{{free|}}}
 |yes = It is requested that a freely-licensed photograph {{#ifeq: {{{of| }}}|{{{of|u}}}| of '''{{{of}}}'''}} be [[Wikipedia:Uploading images|included]] in this article to replace copyrighted images in order to better comply with our [[Wikipedia:Non-free content|policy for non-free content]]. Many copyright-free image sources are listed at [[c:Commons:Free media resources/Photography|Wikimedia Commons]], or you could create your own. Alternatively, you may [[Wikipedia:Example requests for permission|request permission]] from the copyright holder of the original images to release them under a free license.
 |no = It is requested that a '''photograph''' {{#if:{{{of|}}}| of '''{{{of}}}'''}} be [[Wikipedia:Uploading images|included]] in this article to [[Wikipedia:Article development|improve its quality]].
}}
{{#if: {{{in2|}}} |<div class="mw-collapsible {{#ifeq:{{{collapsed|{{#if: {{{in7|}}}|yes|no}}}}} | yes | mw-collapsed}}">
<div>Wikipedians in the following regions may be able to help:</div>
<div class="mw-collapsible-content" style="font-size: 90%; column-count: {{#if:{{{in3|}}}|3|2}}">
{{#if:{{{in1|{{{in|Roberts County, Texas}}}}}}| * {{{in1|{{{in}}}}}}
}}{{#if:{{{in4|}}}| * {{{in4}}}
}}{{#if:{{{in7|}}}| * {{{in7}}}
}}{{#if:{{{in10|}}}| * {{{in10}}}
}}{{#if:{{{in13|}}}| * {{{in13}}}
}}{{#if:{{{in16|}}}| * {{{in16}}}
}}{{#if:{{{in19|}}}| * {{{in19}}}}}
{{#if:{{{in2|}}}| * {{{in2}}}
}}{{#if:{{{in5|}}}| * {{{in5}}}
}}{{#if:{{{in8|}}}| * {{{in8}}}
}}{{#if:{{{in11|}}}| * {{{in11}}}
}}{{#if:{{{in14|}}}| * {{{in14}}}
}}{{#if:{{{in17|}}}| * {{{in17}}}
}}{{#if:{{{in20|}}}| * {{{in20}}}}}
{{#if:{{{in3|}}}| * {{{in3}}}
}}{{#if:{{{in6|}}}| * {{{in6}}}
}}{{#if:{{{in9|}}}| * {{{in9}}}
}}{{#if:{{{in12|}}}| * {{{in12}}}
}}{{#if:{{{in15|}}}| * {{{in15}}}
}}{{#if:{{{in18|}}}| * {{{in18}}}
}}{{#if:{{{in21|}}}| * {{{in21}}}}}
</div>
</div>|{{#if:{{{in1|{{{in|Roberts County, Texas}}}}}}
  | {{#ifexist:Category:Wikipedians in {{{in1|{{{in}}}}}}
    |'''[[:Category:Wikipedians in {{{in1|{{{in}}}}}}|Wikipedians in {{{in1|{{{in}}}}}}]]''' may be able to help!
    | {{#ifexist:Category:Wikipedians in {{#invoke:String|replace|source={{{in1|{{{in}}}}}}|pattern=.*,|replace=|plain=false}}
      |'''[[:Category:Wikipedians in {{#invoke:String|replace|source={{{in1|{{{in}}}}}}|pattern=.*,|replace=|plain=false}}|Wikipedians in {{#invoke:String|replace|source={{{in1|{{{in}}}}}}|pattern=.*,|replace=|plain=false}}]]''' may be able to help!}} }} }} }}<br><small>The <!--[https://fist.toolforge.org/fist.php?doit=1&language=en&project=wikipedia&data={{urlencode:{{PAGENAME}}}}&datatype=articles&params%5Bcatdepth%5D=0&params%5Brandom%5D=50&params%5Bll_max%5D=5&params%5Bcommons_max%5D=5&params%5Bflickr_max%5D=5&params%5Binclude_flickr_id%5D=1&params%5Bwts_max%5D=5&params%5Bgimp_max%5D=5&params%5Besp_max%5D=5&params%5Besp_skip_flickr%5D=1&params%5Bgeograph_max%5D=5&params%5Bforarticles%5D=noimage&params%5Blessthan_images%5D=3&params%5Bdefault_thumbnail_size%5D=&params%5Bjpeg%5D=1&params%5Bpng%5D=1&params%5Bgif%5D=1&params%5Bsvg%5D=1&params%5Bogg%5D=1&params%5Bmin_width%5D=80&params%5Bmin_height%5D=80&sources%5Blanguagelinks%5D=1&sources%5Bcommons%5D=1&sources%5Bflickr%5D=1 Free Image Search Tool] or-->external tool [https://openverse.org/search/?{{#if:{{{of|}}}|q={{urlencode:{{{of}}} }}&}}license=cc0,pdm,by,by-sa WordPress Openverse] may be able to locate suitable images on [[Flickr]] and other web sites.</small>
|imageright={{Clickable button/sandbox|Upload|url={{fullurl:commons:special:uploadWizard|&descriptionlang=en&description={{urlencode:[[:en:{{PAGENAME}}|{{PAGENAME}}]]}}&categories={{#if:{{{1|}}}|{{urlencode:{{{1}}}}}|{{urlencode:{{{in1|{{{in}}}}}}}}}}}}|class=mw-ui-progressive}}
}}
}}

===[[Attention whore]]===
==== Old ====
<!-- 
  The reason {{ambox}} isn't used is because it is inaccessible to mobile users
-->{{Wiktionary redirect|nocat=true}}<!-- 
  The reason {{ambox}} isn't used is because it is inaccessible to mobile users
-->
==== New ====
{{ombox
| class = tpl-wiki-redirect
| templatestyles = Template:Wiktionary redirect/styles.css
| style = 
| textstyle = 
| image = none
| imageright = <div aria-hidden="true" class="tpl-wiki-redirect-img">[[File:Wiktionary-logo-en-v2.svg|x50px|link=|alt=]]</div>
| text =<div class="tpl-wiki-redirect-text">
'''Wikipedia does not have an article on "{{#if:{{{italic|}}}|''}}Attention whore{{#if:{{{italic|}}}|''}}"''', but its sister project [[wiktionary:|Wiktionary]] does:
{{pb}}
<div class="tpl-wiki-redirect-button">{{Clickable button/sandbox|1=Read the Wiktionary {{#if:{{{many|}}}|entries|entry}} "{{#if:{{{italic|}}}|''}}{{{1|Attention whore}}}{{#if:{{{italic|}}}|''}}"|url={{fullurl:wiktionary:{{{1|Special:Search/Attention whore}}}}}|class=mw-ui-progressive|weight=quiet|style=text-align: left;}}</div>
You can also:
* [{{fullurl:Special:Search|search=Attention whore&fulltext=Search}} Search for ''Attention whore'' in Wikipedia] to check for alternative titles or spellings.
<div class="{{#switch: {{PROTECTIONLEVEL: edit}}
    | sysop | templateeditor | autoconfirmed | extendedconfirmed = {{PROTECTIONLEVEL:edit}}-show
    }}">
* [[Special:EditPage/Attention whore|Start the ''Attention whore'' article]], using the [[Wikipedia:Article wizard|Article Wizard]] if you wish, or [[Wikipedia:Requested articles|create a request for it]]; but please remember that Wikipedia is [[WP:WINAD|not a dictionary]].</div></div>}}

== Basic tests ==
===Blank button===
{{test case
|_output=nowiki+
|_collapsible = yes
|_titlecode = yes
}}

===Label only===
{{test case |_output=nowiki+ |_showcode = yes
|_showcode = yes
|_collapsible = yes
|_titlecode = yes

|label=Click me
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Click me
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|2=Click me
}}

== Link button ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Main Page
|label=Go Home
|1=Main Page
}}

== URL button ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=https://www.wikipedia.org/

}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=http:/www.wikipedia.org/

}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=https:/www.wikipedia.org/

}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=https://w.wikipedia.org

}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=https://wiki.org

}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=htps://www.wikipedia.org/

}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=//www.wikipedia.org/

}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=www.wikipedia.org/

}}

== Disabled tests ==
; Disabled via parameter
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=wiki
|label=Disabled
|disabled=1
|1=wiki
|2=wiki
|url=example.org
}}

; Disabled via link=no
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=wiki
|label=No link
|link=no
|1=wiki
|2=wiki
|url=example.org
}}

== Action / Color tests ==
; Progressive (blue/green)
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Progressive
|color=blue
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Progressive
|class=ui-button-green
|link=Main Page
}}

; Destructive (red)
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Delete
|color=red
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Delete
|class=ui-button-red
}}

== Weight tests ==
; Normal
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|link=[[]]
|label=Normal
|weight=normal
}}

; Primary
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|link=[[]]
|label=Primary
|weight=primary
|action=destructive
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|link=[[]]
|label=Primary
|weight=primary
|action=progressive
}}

; Quiet
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Quiet
|weight=quiet
}}

== Size tests ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Small
|size=small
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Medium
|size=medium
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Large
|size=large
}}

== Icon tests ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|link=test
|icon=sEarch
|label=Search
|nocat=truE
}}
; Icon only (should error without aria-label)
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|weight=quiet
|link=special:search
|icon=Search
|nocat=true
}}

; Icon with label
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Search
|icon=search
|nocat=true
}}

; Icon only with aria-label
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|nocat=true

|icon=search
|aria-label=Search
}}

== Accessibility tests ==
; Missing label and aria-label (should error)
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Main Page
}}

; With aria-label
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Main Page
|aria-label=Main page link
}}

== Combination tests ==
; Full example
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Label1
|2=Label2
|3=Mistake3
|label=Explicit label
|url=https://done.org
|action=progressive
|weight=primary
|size=large
|icon=success
|aria-label=Download example
}}

== Label precedence tests ==
; Case 1: Only 1= given → uses 1=
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=MainPage
}}

; Case 2: Only 2= given → uses 2=
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|2=Second label
}}

; Case 3: 1= and 2= given → uses 2= (priority over 1=)
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Fallback label
|2=Second label
}}

; Case 4: label= given only → uses label=
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|label=Explicit label
}}

; Case 5: label= and 1= given → uses label= (priority over 1=)
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Fallback label
|label=Explicit label
}}

; Case 6: label= and 2= given → uses label= (priority over 2=)
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|2=Second label
|label=Explicit label
}}

; Case 7: label=, 1=, and 2= all given → still uses label=
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Fallback label
|2=Second label
|label=Explicit label
}}

== Disabled and link=no tests ==
; Case A: link=no → no link should be formed
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Example page
|link=no
}}

; Case B: disabled=1 → button should look disabled, but check if it still links
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Example page
|disabled=1
}}

; Case C: link=no and disabled=1 together → should render a non-clickable element, not a link
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Example page
|link=no
|disabled=1
}}

; Case D: Explicit label with link=no → label shows but no link
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Example page
|label=Explicit label
|link=no
}}

== Examples ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Click this
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Lorem
|action=destructive
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Test1progressive
|action=progressive
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=222
|label=Test2
|action=progressive
|weight=primary
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Test1
|action=destructive
|weight=quiet
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=222
|label=Test2
|action=progressive
|weight=primary
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Lorem
|action=destructive
|weight=primary
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Ipsum
|weight=quiet
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Foo bar
|weight=primary
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Click!
|action=progressive
|weight=primary
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Add me
|action=progressive
|weight=primary
|icon=add
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=https://example.org
|label=Visit example.org
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=Example
|label=Disabled
|disabled=1
}}

=== Wikilinks ===
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Main Page
|link=Main Page
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
|label=Main Page
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
|label=Click here to visit the main page
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
}}

=== No link ===
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link=no
|label=Click here
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link=no
}}

=== Colors ===
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
|color=blue
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
|color=red
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
|class=mw-ui-progressive
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link={{BASEPAGENAME}}
|class=mw-ui-destructive
}}

=== URLs ===
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|url=https://example.com
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|url=https://example.com
|aria-label=
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|2=Example
|url=https://example.com
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|2=Example
|url=https://example.com
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|url=https://example.com
}}

=== Dummy buttons ===
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link=no
|class=blue
|label=Main Page
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1={{BASEPAGENAME}}
|link=no
|class=blue
|label=Main Page
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|link=no
|label=Main Page
}}

----

== Generic ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|full=yes
|link=Wikipedia
|1=Wikipedia
}}

== Generic 2 ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=[[Wikipedia]]
}}

== Blank ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

}}

== Color set to red ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Foo
|color=red
}}

== Color set to green ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Foo
|color=green
|category=Example categorization
}}

== Color set to BLUE ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes

|1=Foo
|color=BLUE
}}

== Categories ==
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|label=text
|category=Testing categorization
|nocat=true
}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|nocat=true
}}

== Lowercasing ==
'''But not of class'''.

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|label=Search
|link=Special:Search
|icon=SEARch
|class=metadata
|nocat=true
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|label=Search
|link=Special:Search
|icon=search
|class=METAdata
|nocat=true
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|label=Search
|wikilink=Special:Search
|color=BLUE
|nocat=true
}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|label=Search
|wikilink=Special:Search
|color=blue
|nocat=true
}}

{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|label=Search
|wikilink=Special:Search
|class=UI-button-Green
|nocat=true
}}
{{test case |_output=nowiki+ |_showcode = yes
|_format = inline
|_collapsible = yes
|_titlecode = yes
|label=Search
|wikilink=Special:Search
|class=ui-button-green
|nocat=true
}}