test(drupal-page): add initial tests for DrupalPage

Author: bartlangelaan

src/components/DrupalPage.test.js

@@ -0,0 +1,55 @@
+import DrupalPage from './DrupalPage';
+import React from 'react';
+import renderer from 'react-test-renderer';
+import site from '../utils/site';
+import waitForHnData from '../utils/waitForHnData';
+import { mapper } from '../utils/tests';
+
+jest.mock('../utils/site', () => {
+  return require('../utils/tests').mockSite();
+});
+
+jest.mock('util-deprecate', () => jest.fn((func) => func));
+console.log = console.warn = console.error = jest.fn((message) => { throw new Error(message); });
+
+beforeEach(() => {
+  site.getData.mockRestore();
+});
+
+describe('DrupalPage', async () => {
+
+  test('with required props', async () => {
+    const component = (
+      <DrupalPage
+        mapper={mapper}
+        url={'/'}
+      />
+    );
+
+    expect(renderer.create(component).toJSON()).toMatchSnapshot();
+
+    expect(renderer.create(
+      await waitForHnData(component)
+    ).toJSON()).toMatchSnapshot();
+  });
+
+  test('with all props', async () => {
+    const component = (
+      <DrupalPage
+        mapper={mapper}
+        url={'/'}
+        layout={'div'}
+        layoutProps={{'testLayoutProp': true}}
+        renderWhileLoadingData={true}
+        pageProps={{'testPageProp': true}}
+      />
+    );
+
+    expect(renderer.create(component).toJSON()).toMatchSnapshot();
+
+    expect(renderer.create(
+      await waitForHnData(component)
+    ).toJSON()).toMatchSnapshot();
+
+  });
+});

src/components/__snapshots__/DrupalPage.test.js.snap

@@ -0,0 +1,105 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DrupalPage with all props 1`] = `
+<div
+  loadingData={true}
+  page={null}
+  testLayoutProp={true}
+  url={null}
+/>
+`;
+
+exports[`DrupalPage with all props 2`] = `
+<div
+  loadingData={false}
+  page={
+    Object {
+      "__hn": Object {
+        "entity": Object {
+          "bundle": "unique_bundle",
+          "type": "unique_type",
+        },
+      },
+    }
+  }
+  testLayoutProp={true}
+  url="/"
+>
+  <div
+    bundle="unique_type__unique_bundle"
+    className="MyCustomMapperComponent"
+    entity={
+      Object {
+        "__hn": Object {
+          "entity": Object {
+            "bundle": "unique_bundle",
+            "type": "unique_type",
+          },
+        },
+      }
+    }
+    index={0}
+    page={
+      Object {
+        "__hn": Object {
+          "entity": Object {
+            "bundle": "unique_bundle",
+            "type": "unique_type",
+          },
+        },
+      }
+    }
+    paragraph={
+      Object {
+        "__hn": Object {
+          "entity": Object {
+            "bundle": "unique_bundle",
+            "type": "unique_type",
+          },
+        },
+      }
+    }
+    testPageProp={true}
+  />
+</div>
+`;
+
+exports[`DrupalPage with required props 1`] = `null`;
+
+exports[`DrupalPage with required props 2`] = `
+<div
+  bundle="unique_type__unique_bundle"
+  className="MyCustomMapperComponent"
+  entity={
+    Object {
+      "__hn": Object {
+        "entity": Object {
+          "bundle": "unique_bundle",
+          "type": "unique_type",
+        },
+      },
+    }
+  }
+  index={0}
+  page={
+    Object {
+      "__hn": Object {
+        "entity": Object {
+          "bundle": "unique_bundle",
+          "type": "unique_type",
+        },
+      },
+    }
+  }
+  paragraph={
+    Object {
+      "__hn": Object {
+        "entity": Object {
+          "bundle": "unique_bundle",
+          "type": "unique_type",
+        },
+      },
+    }
+  }
+/>
+`;

src/utils/tests.js

@@ -24,6 +24,9 @@ export function mockSite() {
     getData = jest.fn(() => {
       return entity;
     });
+    getPage = jest.fn(async () => {
+      return uuid;
+    })
   }
   return new SiteMock();
 }