UNPKG

@seanox/aspect-js

Version:

full stack JavaScript framework for SPAs incl. reactivity rendering, mvc / mvvm, models, expression language, datasource, routing, paths, unit test and some more

134 lines (129 loc) 4.44 kB
<!DOCTYPE HTML> <html> <head> <meta charset="ISO-8859-1"> <title>Seanox aspect-js test environment</title> <style> body { font-family: monospace; white-space: pre; } </style> <script src="aspect-js.js"></script> <script src="scripts/capture.js"></script> <script type="text/javascript"> Test.activate(); const capture = new Capture(); Composite.listen(Composite.EVENT_RENDER_END, () => { capture.snap(); const count = capture.patterns().length; if (capture.size() === count) Test.start(); if (capture.size() > count) Assert.assertEquals("expected {1} steps but was {2}", count, capture.size()); }); Composite.listen(Composite.EVENT_ERROR, (event, error) => { capture.snap(error.message); }); Test.create({test() { capture.validate(); }}); const moduleI = {x: false}.reactive(); window.setTimeout(() => {moduleI.x = !moduleI.x;}, 1000); window.setTimeout(() => {moduleI.x = !moduleI.x;}, 1250); window.setTimeout(() => {moduleI.x = !moduleI.x;}, 1500); window.setTimeout(() => {moduleI.x = !moduleI.x;}, 1750); </script> <script type="text/test"> Recursion detected for composite: compositeModuleA </script> <script type="text/test"> Recursion detected for composite: compositeModuleB </script> <script type="text/test"> Recursion detected for composite: compositeModuleC </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello ____ </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello ____ </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello ____ </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello ____ </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello __I__ </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello ____ </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello __I__ </script> <script type="text/test"> hello A-Error: Recursion detected for composite: compositeModuleA-A B-Error: Recursion detected for composite: compositeModuleB-B C-Error: Recursion detected for composite: compositeModuleC-C D-D-D hello ____ </script> <head> <body> {{'hello'}} A-<div id="compositeModuleA" composite></div>-A B-<div id="compositeModuleB" composite></div>-B C-<div id="compositeModuleC" composite></div>-C D-<div id="compositeModuleD" composite>D</div>-D {{'hello'}} __<div id="moduleI" composite condition="{{moduleI.x}}"> </div>__ </body> </html>