Difference between revisions of "Javascript testing"

From relax wiki
Jump to navigation Jump to search
m (added Category:Testing using HotCat)
 
(6 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>
 
<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 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.

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