Difference between revisions of "Javascript testing"

From relax wiki
Jump to navigation Jump to search
Line 75: Line 75:
  
 
This is the code
 
This is the code
<code>
+
<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>
</code>  
+
</pre>  
  
 
This is output
 
This is output

Revision as of 10:53, 20 October 2015

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

<div class="toccolours mw-collapsible" style="width:400px">
This text is collapsible.
</div>

This is output

This text is collapsible.