Add tests for API

Author: zalmoxisus

test/app/inject/api.spec.js

@@ -0,0 +1,78 @@
+import 'babel-polyfill';
+import expect from 'expect';
+import { insertScript, listenMessage } from '../../utils/inject';
+import '../../../src/browser/extension/inject/pageScript';
+
+describe('API', () => {
+  it('should get window.devToolsExtension function', () => {
+    expect(window.devToolsExtension).toBeA('function');
+  });
+
+  it('should notify error', () => {
+    const spy = expect.createSpy(() => {});
+    window.devToolsExtension.notifyErrors(spy);
+    insertScript('hi()');
+    expect(spy).toHaveBeenCalled();
+  });
+
+  it('should open monitor', async () => {
+    let message = await listenMessage(() => {
+      window.devToolsExtension.open();
+    });
+    expect(message).toEqual({ source: '@devtools-page', type: 'OPEN', position: 'right' });
+
+    message = await listenMessage(() => {
+      window.devToolsExtension.open('left');
+    });
+    expect(message).toEqual({ source: '@devtools-page', type: 'OPEN', position: 'left' });
+  });
+
+  it('should send message', async () => {
+    let message = await listenMessage(() => {
+      window.devToolsExtension.send('hi');
+    });
+    expect(message).toEqual({
+      type: 'ACTION',
+      action: { type: 'hi' },
+      payload: undefined,
+      id: undefined,
+      name: '',
+      source: '@devtools-page'
+    });
+
+    message = await listenMessage(() => {
+      window.devToolsExtension.send({ type: 'hi' }, { counter: 1 }, false, 1);
+    });
+    expect(message).toEqual({
+      type: 'ACTION',
+      action: { type: 'hi' },
+      payload: { counter: 1 },
+      id: 1,
+      name: '',
+      source: '@devtools-page'
+    });
+
+    message = await listenMessage(() => {
+      window.devToolsExtension.send({ type: 'hi' }, { counter: 1 }, true, 1);
+    });
+    expect(message).toEqual({
+      type: 'ACTION',
+      action: '{"type":"hi"}',
+      payload: '{"counter":1}',
+      id: 1,
+      name: '',
+      source: '@devtools-page'
+    });
+
+    message = await listenMessage(() => {
+      window.devToolsExtension.send(undefined, { counter: 1 }, false, 1);
+    });
+    expect(message).toEqual({
+      type: 'STATE',
+      payload: { counter: 1 },
+      id: 1,
+      name: '',
+      source: '@devtools-page'
+    });
+  });
+});

test/utils/inject.js

@@ -0,0 +1,17 @@
+export function insertScript(str) {
+  const s = window.document.createElement('script');
+  s.appendChild(document.createTextNode(str));
+  (document.head || document.documentElement).appendChild(s);
+}
+
+export function listenMessage(f) {
+  return new Promise(resolve => {
+    const listener = event => {
+      const message = event.data;
+      window.removeEventListener('message', listener);
+      resolve(message);
+    };
+    window.addEventListener('message', listener);
+    f();
+  });
+}