@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
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>