171 lines
2.8 KiB
TypeScript
171 lines
2.8 KiB
TypeScript
//// [jsxReactTestSuite.tsx]
|
|
|
|
declare var React: any;
|
|
declare var Component:any;
|
|
declare var Composite:any;
|
|
declare var Composite2:any;
|
|
declare var Child:any;
|
|
declare var Namespace:any;
|
|
declare var foo: any;
|
|
declare var bar: any;
|
|
declare var y:any;
|
|
declare var x:any;
|
|
declare var z:any;
|
|
declare var hasOwnProperty:any;
|
|
|
|
<div>text</div>;
|
|
|
|
<div>
|
|
{this.props.children}
|
|
</div>;
|
|
|
|
<div>
|
|
<div><br /></div>
|
|
<Component>{foo}<br />{bar}</Component>
|
|
<br />
|
|
</div>;
|
|
|
|
|
|
<Composite>
|
|
{this.props.children}
|
|
</Composite>;
|
|
|
|
<Composite>
|
|
<Composite2 />
|
|
</Composite>;
|
|
|
|
var x =
|
|
<div
|
|
attr1={
|
|
"foo" + "bar"
|
|
}
|
|
attr2={
|
|
"foo" + "bar" +
|
|
|
|
"baz" + "bug"
|
|
}
|
|
attr3={
|
|
"foo" + "bar" +
|
|
"baz" + "bug"
|
|
// Extra line here.
|
|
}
|
|
attr4="baz">
|
|
</div>;
|
|
|
|
(
|
|
<div>
|
|
{/* A comment at the beginning */}
|
|
{/* A second comment at the beginning */}
|
|
<span>
|
|
{/* A nested comment */}
|
|
</span>
|
|
{/* A sandwiched comment */}
|
|
<br />
|
|
{/* A comment at the end */}
|
|
{/* A second comment at the end */}
|
|
</div>
|
|
);
|
|
|
|
(
|
|
<div
|
|
/* a multi-line
|
|
comment */
|
|
attr1="foo">
|
|
<span // a double-slash comment
|
|
attr2="bar"
|
|
/>
|
|
</div>
|
|
);
|
|
|
|
<div> </div>;
|
|
|
|
<div> </div>;
|
|
|
|
<hasOwnProperty>testing</hasOwnProperty>;
|
|
|
|
<Component constructor="foo" />;
|
|
|
|
<Namespace.Component />;
|
|
|
|
<Namespace.DeepNamespace.Component />;
|
|
|
|
<Component { ... x } y
|
|
={2 } z />;
|
|
|
|
<Component
|
|
{...this.props} sound="moo" />;
|
|
|
|
<font-face />;
|
|
|
|
<Component x={y} />;
|
|
|
|
<x-component />;
|
|
|
|
<Component {...x} />;
|
|
|
|
<Component { ...x } y={2} />;
|
|
|
|
<Component { ... x } y={2} z />;
|
|
|
|
<Component x={1} {...y} />;
|
|
|
|
|
|
<Component x={1} y="2" {...z} {...z}><Child /></Component>;
|
|
|
|
<Component x="1" {...(z = { y: 2 }, z)} z={3}>Text</Component>;
|
|
|
|
|
|
|
|
|
|
//// [jsxReactTestSuite.jsx]
|
|
<div>text</div>;
|
|
<div>
|
|
{this.props.children}
|
|
</div>;
|
|
<div>
|
|
<div><br /></div>
|
|
<Component>{foo}<br />{bar}</Component>
|
|
<br />
|
|
</div>;
|
|
<Composite>
|
|
{this.props.children}
|
|
</Composite>;
|
|
<Composite>
|
|
<Composite2 />
|
|
</Composite>;
|
|
var x = <div attr1={"foo" + "bar"} attr2={"foo" + "bar" +
|
|
"baz" + "bug"} attr3={"foo" + "bar" +
|
|
"baz" + "bug"} attr4="baz">
|
|
</div>;
|
|
(<div>
|
|
|
|
|
|
<span>
|
|
|
|
</span>
|
|
|
|
<br />
|
|
|
|
|
|
</div>);
|
|
(<div attr1="foo">
|
|
<span // a double-slash comment
|
|
attr2="bar"/>
|
|
</div>);
|
|
<div> </div>;
|
|
<div> </div>;
|
|
<hasOwnProperty>testing</hasOwnProperty>;
|
|
<Component constructor="foo"/>;
|
|
<Namespace.Component />;
|
|
<Namespace.DeepNamespace.Component />;
|
|
<Component {...x} y={2} z/>;
|
|
<Component {...this.props} sound="moo"/>;
|
|
<font-face />;
|
|
<Component x={y}/>;
|
|
<x-component />;
|
|
<Component {...x}/>;
|
|
<Component {...x} y={2}/>;
|
|
<Component {...x} y={2} z/>;
|
|
<Component x={1} {...y}/>;
|
|
<Component x={1} y="2" {...z} {...z}><Child /></Component>;
|
|
<Component x="1" {...(z = { y: 2 }, z)} z={3}>Text</Component>;
|