Separate test files slightly

Author: nickserv

src/content/github.test.js

@@ -0,0 +1,14 @@
+import { createStorage, expectToHavePrettierButton } from "./testUtils";
+import GitHub from "./github";
+
+test("GitHub", async () => {
+  // Basis: https://github.com/prettier/prettier-chrome-extension/issues/new
+  const button = document.createElement("button");
+  button.innerText = "Comment";
+  document.body.appendChild(button);
+  // Hack around JSDOM's lack of offsetHeight support to fix isElementVisible
+  Object.defineProperty(document.body, "offsetHeight", { value: 1 });
+
+  new GitHub(await createStorage());
+  expectToHavePrettierButton();
+});

src/content/index.test.js

@@ -0,0 +1,12 @@
+import { createStorage, expectToHavePrettierButton } from "./testUtils";
+import StackOverflow from "./stackOverflow";
+
+test("Stack Overflow", async () => {
+  // Basis: https://stackoverflow.com/questions/51875054
+  const button = document.createElement("div");
+  button.className = "wmd-button-row";
+  document.body.appendChild(button);
+
+  new StackOverflow(await createStorage());
+  expectToHavePrettierButton();
+});

src/content/stackOverflow.test.js

@@ -0,0 +1,30 @@
+import "@testing-library/jest-dom/extend-expect";
+import Storage from "./storage";
+
+window.chrome = {
+  runtime: {},
+  storage: {
+    onChanged: {
+      addListener() {}
+    },
+    sync: {
+      get(callback) {
+        setTimeout(() => callback({}));
+      }
+    }
+  }
+};
+
+window.MutationObserver = class {
+  constructor() {}
+  observe() {}
+};
+
+export function createStorage() {
+  const storage = new Storage();
+  return storage.init();
+}
+
+export function expectToHavePrettierButton() {
+  expect(document.querySelector(".prettier-btn")).toHaveTextContent("Prettier");
+}