Difference between revisions of "Javascript testing"
m (added Category:Testing using HotCat) |
|||
(8 intermediate revisions by one other user not shown) | |||
Line 74: | Line 74: | ||
[https://www.mediawiki.org/wiki/Manual:Collapsible_elements Mediawiki link on Collapsible elements] | [https://www.mediawiki.org/wiki/Manual:Collapsible_elements Mediawiki link on Collapsible elements] | ||
− | This is the code | + | This is the code for example 1: |
− | < | + | <pre> |
<div class="toccolours mw-collapsible" style="width:400px"> | <div class="toccolours mw-collapsible" style="width:400px"> | ||
This text is collapsible. | This text is collapsible. | ||
</div> | </div> | ||
− | </ | + | </pre> |
− | This is output | + | This is output for example 1 |
<div class="toccolours mw-collapsible" style="width:400px"> | <div class="toccolours mw-collapsible" style="width:400px"> | ||
This text is collapsible. | This text is collapsible. | ||
</div> | </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 |