diff --git a/test/glamorous.test.tsx b/test/glamorous.test.tsx index cb63e9f5..60b609d9 100644 --- a/test/glamorous.test.tsx +++ b/test/glamorous.test.tsx @@ -534,17 +534,20 @@ const usePropsAreCssOverrides = ( ) -const BuiltinSingleElement: JSX.Element = ; +import { Span } from "../" + +const BuiltinSingleElement: JSX.Element = {}} />; +const BuiltinSingleElementNamedExport: JSX.Element = {}} />; const BuiltinSingleChild: JSX.Element = ( - Hello, world! + Hello, world! ); const BuiltinMultipleChild: JSX.Element = ( - Hello, + Hello, world! ); @@ -559,8 +562,61 @@ const BuiltinStyledWithSingleChild: JSX.Element = ( ); const BuiltinStyledWithMultipleChild: JSX.Element = ( - + {}}> Hello, - world! + world! + +); + +const CustomStatelessComponent: React.SFC<{}> = (_props) =>
+class CustomClassComponent extends React.Component<{}, {}> { + render() { + return null + } +} +const CustomGlamorousComponent = glamorous.div() +const CustomGlamorousComponent2 = glamorous('div')() +const CustomGlamorousComponent3 = glamorous(CustomGlamorousComponent)() +const BuiltinStyledComponentChildren: JSX.Element = ( + {}}> + {} + + + + + +) +const BuiltinStyledWithPrimitivesChildren: JSX.Element = ( +
+ {null} + {false} + {true} + {undefined} + {5} +
+); + +const BuiltinStyledWithFragment: JSX.Element = ( +
+ {}}> + + + {}}> + + +
+); + +const cssProps = { + ":active": { + color: "purple" + } +}; + +const BuiltinStyledWithCSSPseudoProps = ( +
+ + +
);