zpt

<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Scope tests</title> <link rel="stylesheet" href="/node_modules/qunit/qunit/qunit.css"> <script src="http://127.0.0.1:9966/scope.js" defer></script> </head> <body> <div id="qunit"></div> <div id="qunit-fixture"></div> <h2>Not defined var</h2> <ul> <li>var value: undefined = must be null</li> <li>var does not exist: must be OK</li> </ul> <h2>Nested vars</h2> data-define="var 1" <ul data-define="var 1"> <li>var value: 1 = must be 1</li> <li>var exists: must be OK</li> <li>check value not: eq: 2: must be OK</li> <li>check value eq: 1: must be OK</li> <li> data-define="var 2" <ul data-define="var 2"> <li>var exists: must be OK</li> <li>check value: must be OK</li> <li>var value: 2 = must be 2</li> <li> data-define="var 'three'; var2 4" <ul data-define="var 'three'; var2 4"> <li>var exists: must be OK</li> <li>check value: must be OK</li> <li>var value: three = must be three</li> <li>var2 exists: must be OK</li> <li>check value: must be OK</li> <li>var2 value: 4 = must be 4</li> </ul> must be OK </li> <li>var exists: must be OK</li> <li>check value: must be OK</li> <li>var value: 2 = must be 2</li> <li>var2 does not exist: must be OK</li> <li>var2 value: undefined = must be null</li> </ul> </li> <li>var exists: must be OK</li> <li>check value: must be OK</li> <li>var value: 1 = must be 1</li> <li>var2 does not exist: must be OK</li> <li>var2 value: undefined = must be null</li> </ul> <h2>Out of scope var</h2> <ul> <li>var does not exist: must be OK</li> <li>the var value: undefined = must be null</li> <li>var2 does not exist: must be OK</li> <li>var2 value: undefined = must be null</li> </ul> <h2>Global vars</h2> <ul> <li>globalVar does not exist: must be OK</li> <li> data-define="global globalVar 1" <ul data-define="global globalVar 1"> <li>globalVar exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar value: 1 = must be 1</li> </ul> </li> <li> (do nothing) <ul> <li>globalVar exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar value: 1 = must be 1</li> </ul> </li> <li>globalVar2 does not exist: must be OK</li> <li> data-define="global globalVar2 1" <ul data-define="global globalVar2 1"> <li>globalVar2 exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar2 value: 1 = must be 1</li> <li> data-define="global globalVar2 2" <ul data-define="global globalVar2 2"> <li>globalVar2 exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar2 value: 2 = must be 2</li> </ul> </li> <li>globalVar2 exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar2 value: 2 = must be 2</li> </ul> </li> <li>globalVar3 does not exist: must be OK</li> <li> data-define="global globalVar3 1" <ul data-define="global globalVar3 1"> <li>globalVar3 exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar3 value: 1 = must be 1</li> <li> data-define="globalVar3 2" <ul data-define="globalVar3 2"> <li>globalVar3 exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar3 value: 2 = must be 2</li> </ul> </li> <li>globalVar3 exists: must be OK</li> <li>check value: must be OK</li> <li>globalVar3 value: 1 = must be 1</li> </ul> </li> </ul> <h2>Loops</h2> <ul> <li>item must not exist: must be OK</li> <li data-repeat="item items"> item </li> <li>item must not exist: must be OK</li> </ul> </body> </html>