Javascript testing

From relax wiki
Jump to navigation Jump to search

This is for testing the javascript from MediaWiki:Common.js.

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:

XYZ

A second text

The code is:

<div class="mw-testing">ABC</div>

The text "ABC" should not change:

ABC

NavFrame test

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:

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