Difference between revisions of "Javascript testing"

From relax wiki
Jump to navigation Jump to search
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>
 
<pre>
 
<div class="toccolours mw-collapsible" style="width:400px">
 
<div class="toccolours mw-collapsible" style="width:400px">
Line 81: Line 81:
 
</pre>  
 
</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
+
This is the code for example 2:
 
<pre>
 
<pre>
 
{| class="mw-collapsible mw-collapsed wikitable"
 
{| class="mw-collapsible mw-collapsed wikitable"
Line 98: Line 98:
 
</pre>  
 
</pre>  
  
This is output
+
This is output for example 2
 
{| class="mw-collapsible mw-collapsed wikitable"
 
{| class="mw-collapsible mw-collapsed wikitable"
 
! The header || remains visible
 
! The header || remains visible

Revision as of 10:56, 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 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