bump coverage :)

package.json

@@ -45,6 +45,7 @@
     "sinon-chrome": "^3.0.1",
     "ts-loader": "^6.2.2",
     "ts-node": "^8.10.1",
+    "ts-sinon": "^1.2.0",
     "typescript": "^3.8.3",
     "web-ext": "^4.2.0",
     "webextension-polyfill-ts": "^0.9.1",

src/brokers.ts

@@ -9,7 +9,7 @@ interface Payload<T> {
   message: T;
 }
 
-type BrokerConsumer<MessageT> = (msg: MessageT, sender: any, unsubFunc: () => void) => void;
+export type BrokerConsumer<MessageT> = (msg: MessageT, sender: any, unsubFunc: () => void) => void;
 type MessageHandler<MessageT> = (payload: Payload<MessageT>, sender: any) => void;
 
 /**

src/ui.ts

@@ -25,7 +25,7 @@ function makeElement(
   attrs: { [key: string]: string } = {},
   children?: string | Element[],
 ): Element {
-  const elem = document.createElement(type);
+  const elem = DOCUMENT.get().createElement(type);
   for (const key in attrs) {
     elem.setAttribute(key, attrs[key]);
   }

tests/grayTabby.test.ts

@@ -3,8 +3,25 @@ import { JSDOM } from 'jsdom';
 import * as mockBrowser from 'sinon-chrome';
 import { grayTabby } from '../src/ui';
 import { OPTIONS_KEY } from '../src/options';
-import { INDEX_V1_KEY, INDEX_V2_KEY } from '../src/tabs';
-import { BROWSER, DOCUMENT } from '../src/globals';
+import { INDEX_V1_KEY, INDEX_V2_KEY, dateFromKey } from '../src/tabs';
+import { BROWSER, DOCUMENT, ARCHIVAL } from '../src/globals';
+import { BrowserTab } from '../@types/graytabby';
+import { Broker, BrokerConsumer } from '../src/brokers';
+
+function testTab(args: Partial<BrowserTab>): BrowserTab {
+  return {
+    index: 1,
+    incognito: false,
+    highlighted: false,
+    active: false,
+    pinned: false,
+    ...args,
+  };
+}
+
+// function wait(ms: number) {
+//   return new Promise(resolve => setTimeout(resolve, ms));
+// }
 
 describe('graytabby', function() {
   this.beforeEach(async function() {
@@ -28,4 +45,28 @@ describe('graytabby', function() {
   it('should attach to dom without throwing', async () => {
     await getGrayTabby();
   });
+
+  it('should suppport basic archival', async () => {
+    const archival = new Broker<BrowserTab[]>('moreTabs');
+    // Capture callback for tab archival so we can inject tabs in test.
+    let consumer: BrokerConsumer<BrowserTab[]>;
+    archival.sub = func => {
+      consumer = func;
+    };
+    ARCHIVAL.set(archival);
+    await getGrayTabby();
+
+    let group: HTMLDivElement = DOCUMENT.get().querySelector('#groups > div');
+    assert.equal(group, null);
+
+    consumer([testTab({ url: 'http://example.com' })], {}, () => null);
+    group = DOCUMENT.get().querySelector('#groups > div');
+    assert.notEqual(group, null);
+
+    mockBrowser.storage.local.get
+      .withArgs(INDEX_V2_KEY)
+      .returns(new Promise(() => [dateFromKey(group.id)]));
+    const a: HTMLAnchorElement = group.querySelector('a');
+    a.click();
+  });
 });