fix: correctly render wrapped components

The render function no correctly renders the component if the wrapper option is set. Before
this it was rendering <innerElement /> to the DOM.

Author: stephenpitchford

CONTRIBUTING.md

@@ -43,4 +43,4 @@ Please checkout the [the open issues][issues]
 Also, please watch the repo and respond to questions/bug reports/feature requests! Thanks!
 
 [egghead]: https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github
-[issues]: https://github.com/mihar-22/preact-testing-library/issues
+[issues]: https://github.com/testing-library/preact-testing-library/issues

src/__tests__/render.js

@@ -89,7 +89,9 @@ test('renders options.wrapper around node', () => {
     <div
       data-testid="wrapper"
     >
-      <innerelement />
+      <div
+        data-testid="inner"
+      />
     </div>
   `);
 });

src/pure.js

@@ -29,11 +29,9 @@ function render(
   // they're passing us a custom container or not.
   mountedContainers.add(container);
 
-  const wrapUiIfNeeded = (innerElement) => (WrapperComponent ? (
-      <WrapperComponent>
-        <innerElement/>
-      </WrapperComponent>
-  ) : innerElement);
+  const wrapUiIfNeeded = (innerElement) => (WrapperComponent
+    ? h(WrapperComponent, null, innerElement)
+    : innerElement);
 
   preactAct(() => {
     if (hydrate) {