shallow and portal tests

enzymejs · Aug 19, 2018 · 1606438 · 1606438
1 parent 4f8e75f
commit 1606438
Showing 1 changed file with 54 additions and 1 deletion.
diff --git a/packages/enzyme-test-suite/test/Adapter-spec.jsx b/packages/enzyme-test-suite/test/Adapter-spec.jsx
@@ -208,9 +208,10 @@ describe('Adapter', () => {
       const document = jsdom.jsdom();
       const options = { mode: 'mount' };
       const renderer = adapter.createRenderer(options);
+      const innerDiv = <div className="Foo">Hello World!</div>;
       const Foo = () => (
         createPortal(
-          <div className="Foo">Hello World!</div>,
+          innerDiv,
           document.body,
         )
       );
@@ -219,6 +220,9 @@ describe('Adapter', () => {
 
       const node = renderer.getNode();
 
+      const { rendered: { props: { children } } } = node;
+      expect(children).to.equal(innerDiv);
+
       cleanNode(node);
 
       expect(prettyFormat(node)).to.equal(prettyFormat({
@@ -250,6 +254,55 @@ describe('Adapter', () => {
       }));
     });
 
+    itIf(is('>= 16'), 'shallow renders react portals', () => {
+      const options = { mode: 'shallow' };
+      const renderer = adapter.createRenderer(options);
+      const innerDiv = <div className="Foo">Hello World!</div>;
+      const Foo = () => (
+        createPortal(
+          innerDiv,
+          { nodeType: 1 },
+        )
+      );
+
+      renderer.render(<Foo />);
+
+      const node = renderer.getNode();
+
+      const { rendered: { props: { children } } } = node;
+      expect(children).to.equal(innerDiv);
+
+      cleanNode(node);
+
+      expect(prettyFormat(node)).to.equal(prettyFormat({
+        nodeType: 'function',
+        type: Foo,
+        props: {},
+        key: undefined,
+        ref: null,
+        instance: null,
+        rendered: {
+          nodeType: 'portal',
+          type: Portal,
+          props: {
+            containerInfo: { nodeType: 1 },
+          },
+          key: undefined,
+          ref: undefined,
+          instance: null,
+          rendered: {
+            nodeType: 'host',
+            type: 'div',
+            props: { className: 'Foo' },
+            key: undefined,
+            ref: null,
+            instance: null,
+            rendered: 'Hello World!',
+          },
+        },
+      }));
+    });
+
     itIf(is('> 0.13'), 'renders simple components returning host components', () => {
       const options = { mode: 'mount' };
       const renderer = adapter.createRenderer(options);