Changeset View
Changeset View
Standalone View
Standalone View
autotests/html/test.tsx.html
| Show First 20 Lines • Show All 51 Lines • ▼ Show 20 Line(s) | |||||
| 52 | <span style="color:#644a9b;font-weight:bold;"><Tag></span> <span style="font-weight:bold;"><tag></span> <span style="color:#644a9b;font-weight:bold;"><tag$/></span> <span style="font-weight:bold;"></tag></span> return <span style="color:#644a9b;font-weight:bold;"></Tag></span> | 52 | <span style="color:#644a9b;font-weight:bold;"><Tag></span> <span style="font-weight:bold;"><tag></span> <span style="color:#644a9b;font-weight:bold;"><tag$/></span> <span style="font-weight:bold;"></tag></span> return <span style="color:#644a9b;font-weight:bold;"></Tag></span> | ||
| 53 | 53 | | |||
| 54 | anyWord<noTag> | 54 | anyWord<noTag> | ||
| 55 | anyWord<span style="color:#898887;">/*comment*/</span> <noTag/> | 55 | anyWord<span style="color:#898887;">/*comment*/</span> <noTag/> | ||
| 56 | .<noTag> | 56 | .<noTag> | ||
| 57 | &<notag> | <noTag/> | 57 | &<notag> | <noTag/> | ||
| 58 | % <span style="color:#898887;">/* comment*/</span> <noTag/> | 58 | % <span style="color:#898887;">/* comment*/</span> <noTag/> | ||
| 59 | 59 | | |||
| 60 | <span style="color:#898887;">// </span><span style="color:#ca9219;background-color:#451e1a;font-weight:bold;">TODO</span><span style="color:#898887;">: Fix this (comment before the tag name):</span> | ||||
| 61 | <span style="font-weight:bold;">var</span> x = </**<span style="color:#ff5500;">/div></div</span>>; | ||||
| 62 | | ||||
| 63 | <span style="color:#898887;">// Tag after ":"</span> | ||||
| 60 | annotation: <span style="font-weight:bold;"><tag/></span> | 64 | annotation: <span style="font-weight:bold;"><tag/></span> | ||
| 61 | annotation: text [ <span style="font-weight:bold;"><tag/></span> ] | 65 | annotation: text [ <span style="font-weight:bold;"><tag/></span> ] | ||
| 62 | <span style="color:#644a9b;font-weight:bold;">console</span>.<span style="color:#644a9b;font-style:italic;">log</span>(<span style="color:#bf0303;">"hello"</span>) | 66 | <span style="color:#644a9b;font-weight:bold;">console</span>.<span style="color:#644a9b;font-style:italic;">log</span>(<span style="color:#bf0303;">"hello"</span>) | ||
| 67 | | ||||
| 68 | <span style="color:#898887;">// Type assertion in tag</span> | ||||
| 69 | <span style="color:#644a9b;font-weight:bold;"><C</span><<span style="color:#644a9b;font-weight:bold;">number</span>><span style="color:#644a9b;font-weight:bold;">/></span> | ||||
| 70 | <span style="color:#644a9b;font-weight:bold;"><C</span><<span style="color:#644a9b;font-weight:bold;">number</span>><span style="color:#644a9b;font-weight:bold;">></span> <span style="color:#644a9b;font-weight:bold;"></C></span> | ||||
| 71 | <span style="color:#644a9b;font-weight:bold;"><C</span> | ||||
| 72 | <span style="color:#bf0303;text-decoration:underline;"><error</span> <span style="color:#644a9b;font-weight:bold;">/></span> | ||||
| 73 | | ||||
| 74 | <span style="color:#898887;">// Non-ASCII tag name & attribute</span> | ||||
| 75 | <span style="color:#644a9b;font-weight:bold;"><日本語></日本語></span>; | ||||
| 76 | <span style="color:#644a9b;font-weight:bold;"><Component</span> <span style="color:#006e28;">本本:本-本</span> <span style="color:#006e28;">aa本:本</span> <span style="color:#006e28;">aa:aa</span> <span style="color:#644a9b;font-weight:bold;">/></span> | ||||
| 77 | <span style="color:#644a9b;font-weight:bold;"><aaaa:ñ</span> <span style="color:#644a9b;font-weight:bold;">/></span> | ||||
| 78 | | ||||
| 79 | <span style="color:#644a9b;font-weight:bold;"><Namespace.DeepNamespace.Component</span> <span style="color:#644a9b;font-weight:bold;">/></span>; | ||||
| 80 | <span style="color:#644a9b;font-weight:bold;"><Component</span> <span style="color:#0057ae;">{</span> ... x <span style="color:#0057ae;">}</span> <span style="color:#006e28;">y</span> | ||||
| 81 | =<span style="color:#0057ae;">{</span><span style="color:#b08000;">2</span> <span style="color:#0057ae;">}</span> <span style="color:#006e28;">z</span> <span style="color:#644a9b;font-weight:bold;">/></span>; | ||||
| 82 | | ||||
| 83 | <span style="font-weight:bold;font-style:italic;">let</span> k1 = | ||||
| 84 | <span style="color:#644a9b;font-weight:bold;"><Comp</span> <span style="color:#006e28;">a</span>=<span style="color:#0057ae;">{</span><span style="color:#b08000;">10</span><span style="color:#0057ae;">}</span> <span style="color:#006e28;">b</span>=<span style="color:#bf0303;">"hi"</span> <span style="color:#0057ae;">{</span>...o<span style="color:#0057ae;">}</span> <span style="color:#644a9b;font-weight:bold;">></span> | ||||
| 85 | hi hi hi! | ||||
| 86 | <span style="color:#644a9b;font-weight:bold;"></Comp></span>; | ||||
| 87 | | ||||
| 88 | <span style="font-weight:bold;font-style:italic;">let</span> k2 = | ||||
| 89 | <span style="color:#644a9b;font-weight:bold;"><Comp</span> <span style="color:#006e28;">a</span>=<span style="color:#0057ae;">{</span><span style="color:#b08000;">10</span><span style="color:#0057ae;">}</span> <span style="color:#006e28;">b</span>=<span style="color:#bf0303;">"hi"</span><span style="color:#644a9b;font-weight:bold;">></span> | ||||
| 90 | <span style="font-weight:bold;"><div></span> My Div <span style="font-weight:bold;"></div></span> | ||||
| 91 | <span style="color:#0057ae;">{</span>(name: <span style="color:#0057ae;">string</span>) <span style="font-weight:bold;">=> </span><span style="font-weight:bold;"><div></span> My name <span style="color:#0057ae;">{</span>name<span style="color:#0057ae;">}</span> <span style="font-weight:bold;"></div></span><span style="color:#0057ae;">}</span> | ||||
| 92 | <span style="color:#644a9b;font-weight:bold;"></Comp></span>; | ||||
| 93 | | ||||
| 94 | <span style="font-weight:bold;font-style:italic;">let</span> k3 = <span style="color:#644a9b;font-weight:bold;"><GenericComponent</span> <span style="color:#006e28;">initialValues</span>=<span style="color:#0057ae;">{</span>{ x: <span style="color:#bf0303;">"y"</span> }<span style="color:#0057ae;">}</span> <span style="color:#006e28;">nextValues</span>=<span style="color:#0057ae;">{</span>a <span style="font-weight:bold;">=></span> ({ x: <span style="color:#0057ae;">a</span>.<span style="color:#0057ae;">x</span> })<span style="color:#0057ae;">}</span> <span style="color:#644a9b;font-weight:bold;">/></span>; <span style="color:#898887;">// No Error</span> | ||||
| 95 | | ||||
| 96 | <span style="color:#898887;">// OK</span> | ||||
| 97 | <span style="font-weight:bold;font-style:italic;">let</span> k1 = <span style="color:#644a9b;font-weight:bold;"><Comp</span> <span style="color:#006e28;">a</span>=<span style="color:#0057ae;">{</span><span style="color:#b08000;">10</span><span style="color:#0057ae;">}</span> <span style="color:#006e28;">b</span>=<span style="color:#bf0303;">"hi"</span><span style="color:#644a9b;font-weight:bold;">></span><span style="font-weight:bold;"><></></span><span style="color:#644a9b;font-weight:bold;"><Button</span> <span style="color:#644a9b;font-weight:bold;">/><AnotherButton</span> <span style="color:#644a9b;font-weight:bold;">/></Comp></span>; | ||||
| 98 | <span style="font-weight:bold;font-style:italic;">let</span> k2 = <span style="color:#644a9b;font-weight:bold;"><Comp</span> <span style="color:#006e28;">a</span>=<span style="color:#0057ae;">{</span><span style="color:#b08000;">10</span><span style="color:#0057ae;">}</span> <span style="color:#006e28;">b</span>=<span style="color:#bf0303;">"hi"</span><span style="color:#644a9b;font-weight:bold;">></span><span style="font-weight:bold;"><></span><span style="color:#644a9b;font-weight:bold;"><Button</span> <span style="color:#644a9b;font-weight:bold;">/></span><span style="font-weight:bold;"></></span><span style="color:#644a9b;font-weight:bold;"><AnotherButton</span> <span style="color:#644a9b;font-weight:bold;">/></Comp></span>; | ||||
| 99 | <span style="font-weight:bold;font-style:italic;">let</span> k3 = <span style="color:#644a9b;font-weight:bold;"><Comp</span> <span style="color:#006e28;">a</span>=<span style="color:#0057ae;">{</span><span style="color:#b08000;">10</span><span style="color:#0057ae;">}</span> <span style="color:#006e28;">b</span>=<span style="color:#bf0303;">"hi"</span><span style="color:#644a9b;font-weight:bold;">></span><span style="font-weight:bold;"><></span><span style="color:#644a9b;font-weight:bold;"><Button</span> <span style="color:#644a9b;font-weight:bold;">/><AnotherButton</span> <span style="color:#644a9b;font-weight:bold;">/></span><span style="font-weight:bold;"></></span><span style="color:#644a9b;font-weight:bold;"></Comp></span>; | ||||
| 100 | <span style="font-weight:bold;font-style:italic;">let</span> k4 = <span style="color:#644a9b;font-weight:bold;"><SingleChildComp</span> <span style="color:#006e28;">a</span>=<span style="color:#0057ae;">{</span><span style="color:#b08000;">10</span><span style="color:#0057ae;">}</span> <span style="color:#006e28;">b</span>=<span style="color:#bf0303;">"hi"</span><span style="color:#644a9b;font-weight:bold;">></span><span style="font-weight:bold;"><></span><span style="color:#644a9b;font-weight:bold;"><Button</span> <span style="color:#644a9b;font-weight:bold;">/><AnotherButton</span> <span style="color:#644a9b;font-weight:bold;">/></span><span style="font-weight:bold;"></></span><span style="color:#644a9b;font-weight:bold;"></SingleChildComp></span>; | ||||
| 101 | <span style="color:#898887;">// OK</span> | ||||
| 102 | <span style="font-weight:bold;font-style:italic;">let</span> k1 = <span style="font-weight:bold;"><div></span> <span style="font-weight:bold;"><h2></span> Hello <span style="font-weight:bold;"></h2></span> <span style="font-weight:bold;"><h1></span> world <span style="font-weight:bold;"></h1></div></span>; | ||||
| 103 | <span style="font-weight:bold;font-style:italic;">let</span> k2 = <span style="font-weight:bold;"><div></span> <span style="font-weight:bold;"><h2></span> Hello <span style="font-weight:bold;"></h2></span> <span style="color:#0057ae;">{</span>(user: <span style="color:#0057ae;">any</span>) <span style="font-weight:bold;">=> </span><span style="font-weight:bold;"><h2></span><span style="color:#0057ae;">{</span><span style="color:#0057ae;">user</span>.<span style="color:#0057ae;">name</span><span style="color:#0057ae;">}</span><span style="font-weight:bold;"></h2></span><span style="color:#0057ae;">}</span><span style="font-weight:bold;"></div></span>; | ||||
| 104 | <span style="font-weight:bold;font-style:italic;">let</span> k3 = <span style="font-weight:bold;"><div></span> <span style="color:#0057ae;">{</span><span style="color:#b08000;">1</span><span style="color:#0057ae;">}</span> <span style="color:#0057ae;">{</span><span style="color:#bf0303;">"That is a number"</span><span style="color:#0057ae;">}</span> <span style="font-weight:bold;"></div></span>; | ||||
| 105 | <span style="font-weight:bold;font-style:italic;">let</span> k4 = <span style="color:#644a9b;font-weight:bold;"><Button></span> <span style="font-weight:bold;"><h2></span> Hello <span style="font-weight:bold;"></h2></span> <span style="color:#644a9b;font-weight:bold;"></Button></span>; | ||||
| 106 | | ||||
| 107 | <span style="color:#898887;">// Empty tags</span> | ||||
| 108 | hello<> | ||||
| 109 | hello<<span style="color:#0057ae;">string</span>> | ||||
| 110 | | ||||
| 111 | <span style="font-weight:bold;"><></></span>; <span style="color:#898887;">// no whitespace</span> | ||||
| 112 | <span style="font-weight:bold;">< ></ ></span>; <span style="color:#898887;">// lots of whitespace</span> | ||||
| 113 | < <span style="color:#898887;">/*starting wrap*/</span> ></ <span style="color:#898887;">/*ending wrap*/</span>>; <span style="color:#898887;">// comments in the tags</span> | ||||
| 114 | <span style="font-weight:bold;"><></span>hi<span style="font-weight:bold;"></></span>; <span style="color:#898887;">// text inside</span> | ||||
| 115 | <span style="font-weight:bold;"><><span></span>hi<span style="font-weight:bold;"></span><div></span>bye<span style="font-weight:bold;"></div></></span>; <span style="color:#898887;">// children</span> | ||||
| 116 | <span style="font-weight:bold;"><><span></span>1<span style="font-weight:bold;"></span><><span></span>2.1<span style="font-weight:bold;"></span><span></span>2.2<span style="font-weight:bold;"></span></><span></span>3<span style="font-weight:bold;"></span></></span>; <span style="color:#898887;">// nested fragments</span> | ||||
| 117 | <span style="font-weight:bold;"><></span>#<span style="font-weight:bold;"></></span>; <span style="color:#898887;">// # would cause scanning error if not in jsxtext</span> | ||||
| 63 | </pre></body></html> | 118 | </pre></body></html> | ||