@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
341 lines (325 loc) • 9.6 kB
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Seanox aspect-js test environment</title>
<style>
body {
font-family: monospace;
white-space: pre-wrap;
}
</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());
});
Test.create({test() {
capture.validate();
}});
</script>
<script type="text/test">
before import + export
----
exampleE_A1: false
exampleE_A2: false
exampleE_A3: false
exampleE_A4: false
exampleE_A5: false
exampleE_B1: false
exampleE_B2: false
exampleE_B3: false
exampleE_B4: false
exampleE_C1: false
exampleE_C2: false
exampleE_C3: false
exampleE_C4: false
exampleX_01: false
exampleX_02: false
exampleX_03: false
exampleX_04: false
a: false
a.b: false
a.b.c: false
a.b.c.exampleE_A1: false
b: false
b.c: false
b.c.d: false
b.c.d.exampleE_A5: false
import + export
----
after import + export
----
exampleE_A1: {{(?exampleE_A1)}}
exampleE_A2: {{(?exampleE_A2)}}
exampleE_A3: {{(?exampleE_A3)}}
exampleE_A4: {{(?exampleE_A4)}}
exampleE_A5: {{(?exampleE_A5)}}
exampleE_B1: {{(?exampleE_B1)}}
exampleE_B2: {{(?exampleE_B2)}}
exampleE_B3: {{(?exampleE_B3)}}
exampleE_B4: {{(?exampleE_B4)}}
exampleE_C1: {{(?exampleE_C1)}}
exampleE_C2: {{(?exampleE_C2)}}
exampleE_C3: {{(?exampleE_C3)}}
exampleE_C4: {{(?exampleE_C4)}}
exampleX_01: {{(?exampleX_01)}}
exampleX_02: {{(?exampleX_02)}}
exampleX_03: {{(?exampleX_03)}}
exampleX_04: {{(?exampleX_04)}}
a: {{(?a)}}
a.b: {{(?a.b)}}
a.b.c: {{(?a.b.c)}}
a.b.c.exampleE_A1: {{(?a.b.c.exampleE_A1)}}
b: {{(?b)}}
b.c: {{(?b.c)}}
b.c.d: {{(?b.c.d)}}
b.c.d.exampleE_A5: {{(?b.c.d.exampleE_A5)}}
X: ReferenceError: exampleE_C1 is not defined
</script>
<script type="text/test">
before import + export
----
exampleE_A1: false
exampleE_A2: false
exampleE_A3: false
exampleE_A4: false
exampleE_A5: false
exampleE_B1: false
exampleE_B2: false
exampleE_B3: false
exampleE_B4: false
exampleE_C1: false
exampleE_C2: false
exampleE_C3: false
exampleE_C4: false
exampleX_01: false
exampleX_02: false
exampleX_03: false
exampleX_04: false
a: false
a.b: false
a.b.c: false
a.b.c.exampleE_A1: false
b: false
b.c: false
b.c.d: false
b.c.d.exampleE_A5: false
import + export
----
after import + export
----
exampleE_A1: {{(?exampleE_A1)}}
exampleE_A2: {{(?exampleE_A2)}}
exampleE_A3: {{(?exampleE_A3)}}
exampleE_A4: {{(?exampleE_A4)}}
exampleE_A5: {{(?exampleE_A5)}}
exampleE_B1: {{(?exampleE_B1)}}
exampleE_B2: {{(?exampleE_B2)}}
exampleE_B3: {{(?exampleE_B3)}}
exampleE_B4: {{(?exampleE_B4)}}
exampleE_C1: {{(?exampleE_C1)}}
exampleE_C2: {{(?exampleE_C2)}}
exampleE_C3: {{(?exampleE_C3)}}
exampleE_C4: {{(?exampleE_C4)}}
exampleX_01: {{(?exampleX_01)}}
exampleX_02: {{(?exampleX_02)}}
exampleX_03: {{(?exampleX_03)}}
exampleX_04: {{(?exampleX_04)}}
a: {{(?a)}}
a.b: {{(?a.b)}}
a.b.c: {{(?a.b.c)}}
a.b.c.exampleE_A1: {{(?a.b.c.exampleE_A1)}}
b: {{(?b)}}
b.c: {{(?b.c)}}
b.c.d: {{(?b.c.d)}}
b.c.d.exampleE_A5: {{(?b.c.d.exampleE_A5)}}
X: ReferenceError: exampleE_C1 is not defined
</script>
<script type="text/test">
before import + export
----
exampleE_A1: false
exampleE_A2: false
exampleE_A3: false
exampleE_A4: false
exampleE_A5: false
exampleE_B1: false
exampleE_B2: false
exampleE_B3: false
exampleE_B4: false
exampleE_C1: false
exampleE_C2: false
exampleE_C3: false
exampleE_C4: false
exampleX_01: false
exampleX_02: false
exampleX_03: false
exampleX_04: false
a: false
a.b: false
a.b.c: false
a.b.c.exampleE_A1: false
b: false
b.c: false
b.c.d: false
b.c.d.exampleE_A5: false
import + export
----
after import + export
----
exampleE_A1: {{(?exampleE_A1)}}
exampleE_A2: {{(?exampleE_A2)}}
exampleE_A3: {{(?exampleE_A3)}}
exampleE_A4: {{(?exampleE_A4)}}
exampleE_A5: {{(?exampleE_A5)}}
exampleE_B1: {{(?exampleE_B1)}}
exampleE_B2: {{(?exampleE_B2)}}
exampleE_B3: {{(?exampleE_B3)}}
exampleE_B4: {{(?exampleE_B4)}}
exampleE_C1: {{(?exampleE_C1)}}
exampleE_C2: {{(?exampleE_C2)}}
exampleE_C3: {{(?exampleE_C3)}}
exampleE_C4: {{(?exampleE_C4)}}
exampleX_01: {{(?exampleX_01)}}
exampleX_02: {{(?exampleX_02)}}
exampleX_03: {{(?exampleX_03)}}
exampleX_04: {{(?exampleX_04)}}
a: {{(?a)}}
a.b: {{(?a.b)}}
a.b.c: {{(?a.b.c)}}
a.b.c.exampleE_A1: {{(?a.b.c.exampleE_A1)}}
b: {{(?b)}}
b.c: {{(?b.c)}}
b.c.d: {{(?b.c.d)}}
b.c.d.exampleE_A5: {{(?b.c.d.exampleE_A5)}}
X: ReferenceError: exampleE_C1 is not defined
</script>
<script type="text/test">
before import + export
----
exampleE_A1: false
exampleE_A2: false
exampleE_A3: false
exampleE_A4: false
exampleE_A5: false
exampleE_B1: false
exampleE_B2: false
exampleE_B3: false
exampleE_B4: false
exampleE_C1: false
exampleE_C2: false
exampleE_C3: false
exampleE_C4: false
exampleX_01: false
exampleX_02: false
exampleX_03: false
exampleX_04: false
a: false
a.b: false
a.b.c: false
a.b.c.exampleE_A1: false
b: false
b.c: false
b.c.d: false
b.c.d.exampleE_A5: false
import + export
----
after import + export
----
exampleE_A1: A-AAA
exampleE_A2: [object Object]
exampleE_A3: () => {return "A-CCC";}
exampleE_A4: false
exampleE_A5: false
exampleE_B1: B-AAA
exampleE_B2: [object Object]
exampleE_B3: () => {return "B-CCC";}
exampleE_B4: false
exampleE_C1: false
exampleE_C2: false
exampleE_C3: false
exampleE_C4: false
exampleX_01: 123"456789"
exampleX_02: 123'456789'
exampleX_03: 123"456789'
exampleX_04: 123'456789"
a: [object Object]
a.b: [object Object]
a.b.c: [object Object]
a.b.c.exampleE_A1: A-AAA
b: [object Object]
b.c: [object Object]
b.c.d: [object Object]
b.c.d.exampleE_A5: A-EEE
X: ReferenceError: exampleE_C1 is not defined
</script>
</head>
<body>
before import + export
----
exampleE_A1: {{(?exampleE_A1)}}
exampleE_A2: {{(?exampleE_A2)}}
exampleE_A3: {{(?exampleE_A3)}}
exampleE_A4: {{(?exampleE_A4)}}
exampleE_A5: {{(?exampleE_A5)}}
exampleE_B1: {{(?exampleE_B1)}}
exampleE_B2: {{(?exampleE_B2)}}
exampleE_B3: {{(?exampleE_B3)}}
exampleE_B4: {{(?exampleE_B4)}}
exampleE_C1: {{(?exampleE_C1)}}
exampleE_C2: {{(?exampleE_C2)}}
exampleE_C3: {{(?exampleE_C3)}}
exampleE_C4: {{(?exampleE_C4)}}
exampleX_01: {{(?exampleX_01)}}
exampleX_02: {{(?exampleX_02)}}
exampleX_03: {{(?exampleX_03)}}
exampleX_04: {{(?exampleX_04)}}
a: {{(?a)}}
a.b: {{(?a.b)}}
a.b.c: {{(?a.b.c)}}
a.b.c.exampleE_A1: {{(?a.b.c.exampleE_A1)}}
b: {{(?b)}}
b.c: {{(?b.c)}}
b.c.d: {{(?b.c.d)}}
b.c.d.exampleE_A5: {{(?b.c.d.exampleE_A5)}}
import + export
----
<div id="moduleM" composite></div>
after import + export
----
exampleE_A1: {{(?exampleE_A1)}}
exampleE_A2: {{(?exampleE_A2)}}
exampleE_A3: {{(?exampleE_A3)}}
exampleE_A4: {{(?exampleE_A4)}}
exampleE_A5: {{(?exampleE_A5)}}
exampleE_B1: {{(?exampleE_B1)}}
exampleE_B2: {{(?exampleE_B2)}}
exampleE_B3: {{(?exampleE_B3)}}
exampleE_B4: {{(?exampleE_B4)}}
exampleE_C1: {{(?exampleE_C1)}}
exampleE_C2: {{(?exampleE_C2)}}
exampleE_C3: {{(?exampleE_C3)}}
exampleE_C4: {{(?exampleE_C4)}}
exampleX_01: {{(?exampleX_01)}}
exampleX_02: {{(?exampleX_02)}}
exampleX_03: {{(?exampleX_03)}}
exampleX_04: {{(?exampleX_04)}}
a: {{(?a)}}
a.b: {{(?a.b)}}
a.b.c: {{(?a.b.c)}}
a.b.c.exampleE_A1: {{(?a.b.c.exampleE_A1)}}
b: {{(?b)}}
b.c: {{(?b.c)}}
b.c.d: {{(?b.c.d)}}
b.c.d.exampleE_A5: {{(?b.c.d.exampleE_A5)}}
</body>
</html>