zpt
Version:
Zenon Page Templates - JS (ZPT-JS)
35 lines (30 loc) • 1.61 kB
HTML
<html lang="es">
<head>
<meta charset="utf-8">
<title>query tests</title>
<link rel="stylesheet" href="/node_modules/qunit/qunit/qunit.css">
<script src="/node_modules/qunit/qunit/qunit.js" defer></script>
<script type="module" src="js/app/query.js"></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<p>
Try out query expressions
</p>
<div>
<div>value1 = <span id="value1" class="values">10</span></div>
<div>value2 = <span id="value2" class="values">20</span></div>
<div>value3 = <span id="value3" class="values">30</span></div>
</div>
<div>
<div>query:'#value1' = 10 = <span id="t1" data-content="query:'#value1'">must be 10</span></div>
<div>query:'.values' = 10,20,30 = <span id="t2" data-content="query:'.values'">must be 10,20,30</span></div>
<div>+: query:'.values' = 60 = <span id="t3" data-content="+: query:'.values'">must be 10 + 20 + 30</span></div>
<div>+: 100 query:'.values' = 160 = <span id="t4" data-content="+: 100 query:'.values'">must be 100 + 10 + 20 + 30</span></div>
<div>query:myVar = 20 = <span id="t5" data-define="myVar '#value2'" data-content="query:myVar">must be 20</span></div>
<div>+: 200 query:myVar = 260 = <span id="t6" data-define="myVar '.values'"data-content="+: 200 query:myVar">must be 200 + 10 + 20 + 30</span></div>
</div>
</body>
</html>