zpt
Version:
Zenon Page Templates - JS (ZPT-JS)
77 lines (68 loc) • 3.37 kB
HTML
<html lang="es">
<head>
<meta charset="utf-8">
<title>omit-tag tests</title>
<link rel="stylesheet" href="/node_modules/qunit/qunit/qunit.css">
<script src="http://127.0.0.1:9966/omit-tag.js" defer></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<p>
Try out replace and omit-tag
</p>
<h2>replace</h2>
<div id="t1">
<!-- Should omit -->
<div>replaced text = <span id="t1-1"><span data-replace="'replaced text'">should be replaced</span></span></div>
<div>+: 1 1 = 2 = <span id="t1-2"><span data-replace="+: 1 1">should be replaced</span></span></div>
<div>pre ( +: 1 1 ) post = pre ( 2 ) post = pre ( <span data-replace="+: 1 1">should be replaced</span> ) post</div>
</div>
<h2>omit-tag</h2>
<div id="t2">
<div><span id="t2-1"><span>Not using omit-tag (should not omit)</span></span></div>
<!-- Should omit -->
<div><span id="t2-2"><span data-omit-tag="">Void omit-tag (should omit)</span></span></div>
<div><span id="t2-3"><span data-omit-tag="true">'true' literal (should omit)</span></span></div>
<div><span id="t2-4"><span data-omit-tag="gt: 1 0">gt: 1 0 (should omit)</span></span></div>
<div><span id="t2-5"><span data-omit-tag="not: lt: 1 0">not: lt: 1 0 (should omit)</span></span></div>
<div><span id="t2-6"><span data-omit-tag="1">1 (should omit)</span></span></div>
<div><span id="t2-7"><span data-omit-tag="true">
Children:
<span>1</span>
<span>2</span>
<span>3</span>
</span></span></div>
<!-- Should not omit -->
<div><span id="t2-8"><span data-omit-tag="false">'false' literal (should not omit)</span></span></div>
<div><span id="t2-9"><span data-omit-tag="lt: 1 0">lt: 1 0 (should not omit)</span></span></div>
<div><span id="t2-10"><span data-omit-tag="not: gt: 1 0">not: gt: 1 0 (should not omit)</span></span></div>
<div><span id="t2-11"><span data-omit-tag="0">1 (should not omit)</span></span></div>
<div><span id="t2-12"><span data-omit-tag="false">
Children:
<span>1</span>
<span>2</span>
<span>3</span>
</span></span></div>
</div>
<h2>omit-tag and define</h2>
<div id="t3">
<div>
<span data-omit-tag="" data-define="name 'John'">
User: <span data-content="name" data-attributes="id 't3-1'">A name (should omit span tag)</span>
</span>
</div>
</div>
<h2>omit-tag and location of new nodes</h2>
<div id="t4">
<div id="t4-parent">
<div id="t4-1">tag before omit-tag</div>
<div data-omit-tag="" data-define="name 'John'">
User: <span data-content="name" data-attributes="id 't4-2'">A name (should omit div tag)</span>
</div>
<div id="t4-3">tag after omit-tag</div>
</div>
</div>
</body>
</html>