Difference between revisions of "Javascript testing"
Bugman admin (talk | contribs) m (→A second text) |
m (added Category:Testing using HotCat) |
||
| (10 intermediate revisions by one other user not shown) | |||
| Line 69: | Line 69: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | == Collapsible elements == | ||
| + | |||
| + | [https://www.mediawiki.org/wiki/Manual:Collapsible_elements Mediawiki link on Collapsible elements] | ||
| + | |||
| + | This is the code for example 1: | ||
| + | <pre> | ||
| + | <div class="toccolours mw-collapsible" style="width:400px"> | ||
| + | This text is collapsible. | ||
| + | </div> | ||
| + | </pre> | ||
| + | |||
| + | This is output for example 1 | ||
| + | <div class="toccolours mw-collapsible" style="width:400px"> | ||
| + | This text is collapsible. | ||
| + | </div> | ||
| + | |||
| + | This is the code for example 2: | ||
| + | <pre> | ||
| + | {| class="mw-collapsible mw-collapsed wikitable" | ||
| + | ! The header || remains visible | ||
| + | |- | ||
| + | | This content || is hidden | ||
| + | |- | ||
| + | | at first || load time | ||
| + | |} | ||
| + | </div> | ||
| + | </pre> | ||
| + | |||
| + | This is output for example 2 | ||
| + | {| class="mw-collapsible mw-collapsed wikitable" | ||
| + | ! The header || remains visible | ||
| + | |- | ||
| + | | This content || is hidden | ||
| + | |- | ||
| + | | at first || load time | ||
| + | |} | ||
| + | |||
| + | [[Category:Testing]] | ||
Latest revision as of 09:49, 21 October 2020
This is for testing the javascript from MediaWiki:Common.js.
Contents
mw-testing test
The following is:
<div id="mw-testing">XYZ</div>
The javascript test function should replace this with "This is test HTML". The text "XYZ" should not be seen:
A second text
The code is:
<div class="mw-testing">ABC</div>
The text "ABC" should not change:
These examples are copied and pasted from https://www.mediawiki.org/wiki/Manual:Collapsible_elements#NavFrame. These tests demonstrate the absence of the javascript processing which adds the [hide] and [show] links to the right of the titles.
Expanded
This should be an expanded NavFrame div box. The code is:
<div class="NavFrame"> <div class="NavHead">'''Title 1'''</div> <div class="NavContent"> Hello world. </div> </div>
The result is:
Hello world.
Collapsed
This should be a collapsed NavFrame div box. The code is:
<div class="NavFrame"> <div class="NavHead">'''Title 2'''</div> <div class="NavContent" style="display: none;"> Hello world. </div> </div>
The result is:
Collapsible elements
Mediawiki link on Collapsible elements
This is the code for example 1:
<div class="toccolours mw-collapsible" style="width:400px"> This text is collapsible. </div>
This is output for example 1
This text is collapsible.
This is the code for example 2:
{| class="mw-collapsible mw-collapsed wikitable"
! The header || remains visible
|-
| This content || is hidden
|-
| at first || load time
|}
</div>
This is output for example 2
| The header | remains visible |
|---|---|
| This content | is hidden |
| at first | load time |