Re-added testing files

__test__/e2e/index.test.js

@@ -0,0 +1,65 @@
+const puppeteer = require('puppeteer');
+require('dotenv').config();
+
+describe('index.html', () => {
+  const EXTENSION_PATH = process.env.E2E_EXTENSION_PATH;
+  const EXTENSION_ID = process.env.E2E_EXTENSION_ID;
+
+  let browser;
+  let githubUrl = "https://github.com/JStuve/git-kit/issues"
+
+  beforeEach(async () => {
+
+    browser = await puppeteer.launch({
+        headless: false,
+        args: [
+            `--disable-extensions-except=${EXTENSION_PATH}`,
+            `--load-extension=${EXTENSION_PATH}`,
+
+        ]
+      });
+  });
+
+  afterEach(async () => {
+      await browser.close();
+
+      browser = undefined;
+  });
+
+  test('popup contains the correct text for non-github pages', async () => {
+      const page = await browser.newPage();
+
+      await page.goto(`chrome-extension://${EXTENSION_ID}/index.html`);
+
+      const h3InnerHTML = await page.$eval('h3', (h3) => h3.innerHTML);
+
+      await expect(h3InnerHTML).toMatch("This Github tab currently has no features.");
+
+
+      const buttonInnerHTML = await page.$eval('button', (button) => button.innerHTML);
+
+      await expect(buttonInnerHTML).toMatch("Request feature");
+
+    });
+
+  // requires that the github url has at least 1 issue
+    test("removes an element from a page when visible-container is clicked.", async () => {
+      const page = await browser.newPage();
+
+      await page.goto(`${githubUrl}`,{waitUntil: 'networkidle2'});
+
+      const divIds = await page.$$eval('div', divs => divs.map(div => div.id));
+
+      let filteredIds = await divIds.filter(id => id.startsWith('issue'));
+
+      const issueId = await filteredIds[0].replace('issue_', '')
+
+      await page.hover(`#issue_${issueId}`);
+
+      const svgElement = await page.$(`#visible-container-${issueId}`);
+
+      await svgElement.click();
+
+      await expect(page.waitForSelector(`#issue_${issueId}`, { hidden: true })).resolves.not.toThrow();
+  });
+})

__test__/unit/popup.test.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from '../../popup';
+import { UnitTestHelper } from './unit-test-helper';
+
+
+describe('App', () => {
+
+  UnitTestHelper.setupBeforeAndAfter();
+
+  test('renders learn react link', () => {
+    render(<App />);
+    const linkElement = screen.getByText(/This Github tab currently has no features./i);
+    expect(linkElement).toBeInTheDocument();
+  });
+
+})
+

__test__/unit/unit-test-helper.ts

@@ -0,0 +1,13 @@
+import * as chrome from 'sinon-chrome';
+
+export class UnitTestHelper {
+
+    static setupBeforeAndAfter() {
+        beforeAll(() => {
+            global.chrome = chrome as any;
+        });
+        afterAll(() => {
+            chrome.flush();
+        });
+    }
+}