fix: type signature of Component too narrow

2020-06-03 17:27:12 -07:00 · 2020-06-03 17:27:12 -07:00 · cbd80f381c
commit cbd80f381c
parent 8dd0fb94e9
4 changed files with 23 additions and 7 deletions
--- a/test/test-suites/rendering.tsx
+++ b/test/test-suites/rendering.tsx
@ -86,4 +86,21 @@ testSuite("renderPage", ({ test, expect }) => {
            "<!DOCTYPE html><html>There are <div>1</div><div>2</div><div>3</div> lights!</html>"
        );
    });
+
+    test("renders components w/ custom properties", () => {
+        interface LightProps {
+            nLights: number;
+        }
+        const Light: Component<LightProps> = ({ nLights }) => (
+            <div>{nLights} lights</div>
+        );
+        const html = renderPage(
+            <html>
+                There are <Light nLights={3} />!
+            </html>
+        );
+        expect(html).toEqual(
+            "<!DOCTYPE html><html>There are <div>3 lights</div>!</html>"
+        );
+    });
 });