UIFactory tests
${icon.repeat(+value)}
${value}
<% for (var j=0; j < +value; j++) { %> <%= icon %> <% } %>
Active:
Inactive:
Good =
...
. Bad =
...
.
bon
mauvais
<% for (var j=0; j < +a; j++) { %>
A
<% } %> <% for (var j=0; j < +a; j++) { %>
B
<% } %>
${this.$slot.a} ${this.$slot.b} ${this.$slot['']}
prefix
🔴
🟩
${j}
${j + 1}
suffix
This text is ignored! This text is ignored too!
<%= one() %> <%= two({ greeting: 'Ola' }) %>
<% if (+value % 2 == 0) { %> Even ▸ <%= wrap({ ...this.$data, color: 'red' }) %> <% } else { %> <%= wrap({ ...this.$data, color: 'blue' }) %> ◂ Odd <% } %>
<%= a() %>
<%= a({ x: 3 }) %>
<%= a({ x: 3, z: 4 }) %>
<%= b() %>
<%= b({ x: 3 }) %>
<%= b({ x: 3, z: 4 }) %>
<%= value + this.$data['default'] %>
★
<%= JSON.stringify({x, str, num, bool, arr, obj, expr, rules}) %>
<% if (src === null) { %> Loading... <% } else { %> <%= src %> <% } %>
<% if (src === null) { %> Loading... <% } else { %> <%= JSON.stringify(src) %> <% } %>
<% if (src === null) { %> Loading... <% } else { %> <%= src.text %> <% } %>
<% this.parentElement.style.background = color %>
This has a yellow background
<%= this.$contents.querySelector('.x').innerHTML.repeat(x) %> <%= this.$contents.querySelector('.y').innerHTML.repeat(y) %>
🙂
😡
${char.repeat(repeatValue)}
<% for (var j=0; j < value; j++) { %>
<% } %>
★
★
Outside
★
🙂
★
"${x}" is ${uifactory.textDiff.distance(x, y)} steps from "${y}"
Click to count ${count} items in steps of ${step}.
Click to count ${count} items in steps of ${step}.
Click here
Count: ${count}
Click here once
Count: ${count}
Hello
**Strong text** and *italics*
★
<%= this.$data.default %>
Properties: <% for (let key in this.$data) { %> <%= key %>=<%= this.$data[key] %> <% } %> z=<%= 'z' in this.$data ? 'defined' : 'undefined' %>
${label}
ID: ${this.$id}-input
${value} = ${navigator[value]}
Instance properties: <% for (let key in this.$data) { %> <%= key %>=<%= this.$data[key] %> <% } %>
Hello world
Values are <%= JSON.stringify(series) %>
x=<%= x %>, y=<%= y %>, z=<%= z %>
${x} is
${uifactory.textDiff2.distance(x, y)} steps
from ${y}
<%= JSON.stringify(uifactory.components['ui-config']) %>
${result}
${x + y + z}