test/bun.js/solid-dom-fixtures/textInterpolation/code.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

const trailing = <span>Hello </span>;
const leading = <span> John</span>;

/* prettier-ignore */
const extraSpaces = <span>Hello   John</span>;

const trailingExpr = <span>Hello {name}</span>;
const leadingExpr = <span>{greeting} John</span>;

/* prettier-ignore */
const multiExpr = <span>{greeting} {name}</span>;

/* prettier-ignore */
const multiExprSpaced = <span> {greeting} {name} </span>;

/* prettier-ignore */
const multiExprTogether = <span> {greeting}{name} </span>;

/* prettier-ignore */
const multiLine = <span>

  Hello

</span>

/* prettier-ignore */
const multiLineTrailingSpace = <span>
  Hello 
  John
</span>

/* prettier-ignore */
const multiLineNoTrailingSpace = <span>
  Hello
  John
</span>

/* prettier-ignore */
const escape = <span> 
  &nbsp;&lt;Hi&gt;&nbsp;
</span>

/* prettier-ignore */
const escape2 = <Comp> 
  &nbsp;&lt;Hi&gt;&nbsp;
</Comp>

/* prettier-ignore */
const escape3 = <> 
  &nbsp;&lt;Hi&gt;&nbsp;
</>

const injection = <span>Hi{"<script>alert();</script>"}</span>;

let value = "World";
const evaluated = <span>Hello {value + "!"}</span>;

let number = 4 + 5;
const evaluatedNonString = <span>4 + 5 = {number}</span>;

const newLineLiteral = (
  <div>
    {s}
    {"\n"}d
  </div>
);

const trailingSpace = <div>{expr}</div>;

const trailingSpaceComp = <Comp>{expr}</Comp>;

const trailingSpaceFrag = <>{expr}</>;