tests: add basic e2e testing

Author: willtonkin

package.json

@@ -15,7 +15,7 @@
     "lint:ts": "tslint -c tslint.json './packages/**/*.ts*(x)'",
     "release": "lerna version prerelease",
     "pretest": "npm-run-all lint",
-    "test": "echo \"Tests coming soon. I'm aware that's not ideal.\""
+    "test": "jest"
   },
   "dependencies": {
     "react": "^16.5.0",

packages/react-from-markup/src/__tests__/__snapshots__/tests.ts.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`reactFromMarkupContainer E2E tests Should rehydrate a basic component 1`] = `
+"
+      <div data-react-from-markup-container=\\"\\">
+        <span>rehydrated component</span>
+      </div>"
+`;
+
+exports[`reactFromMarkupContainer E2E tests Should rehydrate valid HTML markup 1`] = `
+"
+    <div data-react-from-markup-container=\\"\\">
+      <p>paragraph</p>
+    </div>"
+`;

packages/react-from-markup/src/__tests__/tests.ts

@@ -0,0 +1,40 @@
+/* eslint-env jest */
+import * as React from "react";
+import reactFromMarkupContainer from "..";
+
+describe("reactFromMarkupContainer E2E tests", async () => {
+  it("Should rehydrate a basic component", async () => {
+    const componentName: string = "myComponent";
+
+    const rehydrator = async () => {
+      return React.createElement("span", {}, "rehydrated component");
+    };
+
+    const rehydrators = { [componentName]: rehydrator };
+    const documentElement = document.createElement("div");
+
+    documentElement.innerHTML = `
+      <div data-react-from-markup-container>
+        <div data-rehydratable="${componentName}"></div>
+      </div>`;
+
+    await reactFromMarkupContainer(documentElement, rehydrators, {
+      extra: {}
+    });
+
+    expect(documentElement.innerHTML).toMatchSnapshot();
+  });
+
+  it("Should rehydrate valid HTML markup", async () => {
+    const documentElement = document.createElement("div");
+
+    documentElement.innerHTML = `
+    <div data-react-from-markup-container>
+      <p>paragraph</p>
+    </div>`;
+
+    await reactFromMarkupContainer(documentElement, {}, { extra: {} });
+
+    expect(documentElement.innerHTML).toMatchSnapshot();
+  });
+});