zpt
Version:
Zenon Page Templates - JS (ZPT-JS)
256 lines (233 loc) • 13.2 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>Rerun simple tests</title>
<link rel="stylesheet" href="/node_modules/qunit/qunit/qunit.css">
<script src="http://127.0.0.1:9966/rerunSimple.js" defer></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<h2>Rerun Simple expressions</h2>
<ol id="simple">
<li>Attribute:
<a id="t1-1"
data-attributes="title string:counter=${counter}"
href ="http://www.xxx.org">a link</a>
</li>
<li>Condition:
<span id="t1-2" data-condition="eq: 0 ( %: counter 2 )">
yes!
</span>
</li>
<li>Content:
<span id="t1-3" data-content="string:counter=${counter}">
counter=number
</span>
</li>
<li>Define:
<span data-define="var string:counter=${counter}">
<span id="t1-4" data-content="var">
counter=number
</span>
</span>
</li>
</ol>
<h2>Rerun and check dictionary vars</h2>
data-define="var1 1"
<ul data-define="var1 1" id="ul1">
<li>var1 value: 1 = <span id="t2-1-1" data-content="var1">must be 1</span></li>
<li>var1 exists: <span id="t2-1-2" data-content="cond: ( exists: var1 ) 'OK' 'Error'">must be OK</span></li>
<li>check var1 eq: 1: <span id="t2-1-3" data-content="cond: ( eq: var1 1 ) 'OK' 'Error'">must be OK</span></li>
<li>var2 exists: <span id="t2-2-1" data-content="cond: ( exists: var2 ) 'Error' 'OK'">must be OK</span></li>
<li>
data-define="var2 2"
<ul data-define="var2 2" id="ul2">
<li>var1 value: 1 = <span id="t2-3-1" data-content="var1">must be 1</span></li>
<li>var1 exists: <span id="t2-3-2" data-content="cond: ( exists: var1 ) 'OK' 'Error'">must be OK</span></li>
<li>check var1 eq: 1: <span id="t2-3-3" data-content="cond: ( eq: var1 1 ) 'OK' 'Error'">must be OK</span></li>
<li>var2 value: 2 = <span id="t2-4-1" data-content="var2">must be 2</span></li>
<li>var2 exists: <span id="t2-4-2" data-content="cond: ( exists: var2 ) 'OK' 'Error'">must be OK</span></li>
<li>check var2 eq: 2: <span id="t2-4-3" data-content="cond: ( eq: var2 2 ) 'OK' 'Error'">must be OK</span></li>
</ul>
</li>
</ul>
<h2>Rerun and check dictionary vars (more complex)</h2>
data-define="var1 1; var2 2"
<ul data-define="var1 1; var2 2" id="ul2-1">
<li>var1 value: 1 = <span id="t3-1-1" data-content="var1">must be 1</span></li>
<li>var2 value: 2 = <span id="t3-1-2" data-content="var2">must be 2</span></li>
<li>var value: 10 = <span id="t3-1-3" data-content="var">must be 10</span></li>
<li>
data-define="added +: var1 var2 var"
<ul data-define="added +: var1 var2 var" id="ul2-2">
<li>var1 value: 1 = <span id="t3-2-1" data-content="var1">must be 1</span></li>
<li>var2 value: 1 = <span id="t3-2-2" data-content="var2">must be 2</span></li>
<li>var value: 1 = <span id="t3-2-3" data-content="var">must be 10 or 20</span></li>
<li>added value: 3 = <span id="t3-2-4" data-content="added">must be 13 or 23</span></li>
<li>
data-define="substracted -: added var1"
<ul data-define="substracted -: added var1" id="ul2-3">
<li>var1 value: 1 = <span id="t3-3-1" data-content="var1">must be 1</span></li>
<li>var2 value: 1 = <span id="t3-3-2" data-content="var2">must be 2</span></li>
<li>var value: 1 = <span id="t3-3-3" data-content="var">must be 10, 20 or 30</span></li>
<li>added value: 3 = <span id="t3-3-4" data-content="added">must be 13, 23 or 33</span></li>
<li>substract value: 2 = <span id="t3-3-5" data-content="substracted">must be 12, 22 or 32</span></li>
</ul>
</li>
</ul>
</li>
</ul>
<h2>Rerun and check dictionary vars (multiple target)</h2>
data-define="var1 1"
<ul data-define="var1 1; added +: 100 var" id="ul3-1">
<li>var1 value: 1 = <span id="t4-1-1" data-content="var1">must be 1</span></li>
<li>added value = <span id="t4-1-2" data-content="added">must be 110 or 111</span></li>
<li>
data-define="var2 2"
<ul data-define="var2 2" id="ul3-2">
<li>var1 value: 1 = <span id="t4-2-1" data-content="var1">must be 1</span></li>
<li>var2 value: 2 = <span id="t4-2-2" data-content="var2">must be 2</span></li>
<li>+: var var2 = <span id="t4-2-3" data-content="+: var var2">must be 12</span></li>
<li>added value = <span id="t4-2-4" data-content="added">must be 110 or 111</span></li>
</ul>
</li>
<li>
data-define="var3 3"
<ul data-define="var3 3" id="ul3-3">
<li>var1 value: 1 = <span id="t4-3-1" data-content="var1">must be 1</span></li>
<li>var2 value: 2 = <span id="t4-3-2" data-content="var2">must be undefined</span></li>
<li>var3 value: 3 = <span id="t4-3-3" data-content="var3">must be 3</span></li>
<li>+: var var3 = <span id="t4-3-4" data-content="+: var var3">must be 13</span></li>
<li>added value = <span id="t4-3-5" data-content="added">must be 110 or 111</span></li>
<li>
data-define="var4 4"
<ul data-define="var4 4" id="ul3-4">
<li>var1 value: 1 = <span id="t4-3-4-1" data-content="var1">must be 1</span></li>
<li>var2 value: 2 = <span id="t4-3-4-2" data-content="var2">must be undefined</span></li>
<li>var3 value: 3 = <span id="t4-3-4-3" data-content="var3">must be 3</span></li>
<li>var4 value: 4 = <span id="t4-3-4-4" data-content="var4">must be 4</span></li>
<li>+: var var4 = <span id="t4-3-4-5" data-content="+: var var4">must be 14 or 15</span></li>
<li>added value = <span id="t4-3-4-6" data-content="added">must be 110 or 111</span></li>
</ul>
</li>
</ul>
</li>
</ul>
<h2>Rerun and check dictionary vars (multiple root, one target)</h2>
data-define="var1 1; added +: 100 var"
<ul data-define="var1 1; added +: var1 var" id="ul5-1">
<li>var1 value: 1 = <span id="t5-1-1" data-content="var1">must be 1</span></li>
<li>added value = <span id="t5-1-2" data-content="added">must be 11</span></li>
</ul>
data-define="var2 2 added +: 100 var"
<ul data-define="var1 2; added +: var1 var" id="ul5-2">
<li>var1 value: 2 = <span id="t5-2-1" data-content="var1">must be 2</span></li>
<li>added value = <span id="t5-2-2" data-content="added">must be 12 or 13</span></li>
</ul>
<h2>Rerun using data-domain</h2>
<ul data-domain="i18nES2 i18nES1" id="ul6-1">
<li>
(in i18nES2) ¡¡¡Hola mundo 2!!! =
<span id="t6-1"
data-content="tr: 'Hello world!'">Must be ¡¡¡Hola mundo 2!!!</span>
</li>
<li>
<ul id="ul6-2">
<li>
(in i18nES1) Él no ha encontrado ningún resultado =
<span id="t6-2"
data-content="tr: 'Results msg' ( GENDER 'male'; RES 0 )">Must be 'Él no ha encontrado ningún resultado'</span>
</li>
</ul>
</li>
</ul>
<h2>Rerun using data-language</h2>
<ul data-domain="i18nBundle1"
data-language="language" id="ul7-1">
<li>
¡Hola mundo! =
<span id="t7-1-1"
data-content="tr: 'Hello world!'">Must be ¡Hola mundo!</span>
</li>
<li id="t7-2">
Hello world! =
<span id="t7-2-1"
data-content="tr: 'Hello world!'">Must be ¡Hola mundo! or Hello world!</span>
</li>
</ul>
<h2>Rerun using data-on-error tag</h2>
<ul id="ul8-1" data-on-error="treatErrors()">
<li>user/fireError() = Oh, noooo! = <span id="t8-1-1" data-content="fireError()">must fire error</span></li>
<li>divBy0() = Infinity = <span id="t8-1-2" data-content="divBy0()">1 / 0</span></li>
<li>
<ul id="ul8-2">
<li>user/fireError() = Oh, noooo! = <span id="t8-2-1" data-content="fireError()">must fire error</span></li>
<li>divBy0() = Infinity = <span id="t8-2-2" data-content="divBy0()">1 / 0</span></li>
</ul>
</li>
</ul>
<h2>Rerun using loops</h2>
<table id="t9-1">
<tr>
<th>Value</th>
<th>Index</th>
<th>Number</th>
<th>Even index</th>
<th>Odd index</th>
<th>Start</th>
<th>End</th>
<th>Length</th>
<th>Letter</th>
<th>Capital Letter</th>
<th>Roman</th>
<th>Capital Roman</th>
<th>Added value</th>
</tr>
<tr data-repeat="item tools">
<td data-attributes="class 'value'" data-content="item/name">value</td>
<td data-attributes="class 'index'" data-content="item-repeat/index()">index</td>
<td data-attributes="class 'number'" data-content="item-repeat/number()">number</td>
<td data-attributes="class 'isEven'" data-content="item-repeat/even()">even</td>
<td data-attributes="class 'isOdd'" data-content="item-repeat/odd()">odd</td>
<td data-attributes="class 'isStart'" data-content="item-repeat/start()">start</td>
<td data-attributes="class 'isEnd'" data-content="item-repeat/end()">end</td>
<td data-attributes="class 'getLength'" data-content="item-repeat/length()">length</td>
<td data-attributes="class 'getLetter'" data-content="item-repeat/letter()">letter</td>
<td data-attributes="class 'getCapitalLetter'" data-content="item-repeat/Letter()">capital letter</td>
<td data-attributes="class 'getRoman'" data-content="item-repeat/roman()">roman</td>
<td data-attributes="class 'getCapitalRoman'" data-content="item-repeat/Roman()">capitalRoman</td>
<td data-attributes="class 'added';id string:t9-1-${item-repeat/number()}" data-content="+: number item-repeat/index()">index</td>
</tr>
</table>
<h2>Rerun using internal macros</h2>
<div id="t10-1">
<div data-define="number2 2" data-use-macro="'internalMacro1'">
Macro goes here
</div>
</div>
<div data-define-macro="internalMacro1" data-define="number3 3" style="display: none">
<ul data-attributes="id string:t10-1b">
<li>
number = <span data-content="number" data-attributes="id string:t10-2">The number value</span>
</li>
<li>
number2 = <span data-content="number2" data-attributes="id string:t10-3">The number2 value</span>
</li>
<li>
number3 = <span data-content="number3" data-attributes="id string:t10-4">The number3 value</span>
</li>
<li>
+: number number2 number3 = <span data-content="+: number number2 number3" data-attributes="id string:t10-5">The added value</span>
</li>
</ul>
</div>
<h2>Rerun using external macros</h2>
<div id="t11-1">
<div data-define="number2 2; testNumber 11" data-use-macro="'rerunMacro1@externalMacros-definitions.html'">
Macro goes here
</div>
</div>
</body>
</html>