@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
57 lines (54 loc) • 1.54 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 type="text/javascript">
Test.activate();
Namespace.create("ModelA", {
a: "ma",
get b() {
return "mb";
},
get c() {
return true;
}
});
Test.create({test() {
let content = Output.textContent;
content = content.replace(/undefined/, "");
content = content.replace(/\s+/g, " ").trim();
Assert.assertEquals("ma mb true EA EA mercedes", content);
}});
Composite.listen(Composite.EVENT_RENDER_END, () => {
Test.start();
});
</script>
</head>
<body>
<input type="text" id="ElementA" value="EA">
<textarea id="ElementB" style="height:1.25em;">EA</textarea>
<select id="ElementC">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes" selected>Mercedes</option>
<option value="audi">Audi</option>
</select>
<span id="Output">
{{ModelA.a}}
{{ModelA.b}}
{{ModelA.c}}
{{ModelA.d}}
{{ElementA.value}}
{{ElementB.value}}
{{ElementC.value}}
</span>
</body>
</html>