saves policy date and url

Author: anikarni

package-lock.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "rollup -c rollup.config.js",
     "watch": "npm run build -- -w",
-    "test": "mocha src/**/*.spec.js --require babel-register --require babel-polyfill",
+    "test": "mocha src/**/*.spec.js --require babel-register --require babel-polyfill --require testSetup.js",
     "test-watch": "npm run test -- -w"
   },
   "repository": {
@@ -25,8 +25,11 @@
     "babel-register": "^6.26.0",
     "chai": "^4.2.0",
     "mocha": "^5.2.0",
+    "node-fetch": "^2.3.0",
     "rollup": "^1.0.0",
-    "rollup-copy-plugin": "^0.1.0"
+    "rollup-copy-plugin": "^0.1.0",
+    "sinon": "^7.2.2",
+    "sinon-chai": "^3.3.0"
   },
   "dependencies": {}
 }

package.json

@@ -17,7 +17,7 @@ const policy = {
 describe('applyRules', () => {
   it('cancels blocked url', () => {
     const blockingResponse = applyRules(policy)({ url: 'http://www.notarealwebsite.com' })
-    const expected = "src/blockedPage/blocked.html?union=pineapple&msg=not%20okay"
+    const expected = "blocked.html?union=pineapple&msg=not%20okay"
     expect(blockingResponse).to.deep.equal({ redirectUrl: expected })
   })
 

src/backgroundScript/applyRules.spec.js

@@ -9,14 +9,9 @@ const fetchPolicyFile = (policyFileUrl) => {
     .then(resp => resp.json())
 }
 
-const loadPolicy = (form) => (ev) => {
-  ev.preventDefault();
+export default (form) => {
   const policyFileUrl = new FormData(form).get('policyFile')
-  fetchPolicyFile(policyFileUrl).then(p => storePolicyForUser(p, policyFileUrl));
+  return fetchPolicyFile(policyFileUrl)
+    .then(p => storePolicyForUser(p, policyFileUrl));
 }
 
-document.addEventListener('DOMContentLoaded', () => {
-  const policyFileForm = document.getElementById('policyFileForm')
-  policyFileForm.addEventListener('submit', loadPolicy(policyFileForm))
-})
-

src/popup/loadPolicy.js

@@ -0,0 +1,31 @@
+import loadPolicy from './loadPolicy.js'
+import { stub } from 'sinon'
+import { expect } from 'chai'
+
+describe('loadPolicy', () => {
+  beforeEach(() => {
+    global.fetch = stub().resolves({ json: () => ({ policy: 'somepolicy' }) })
+    global.chrome = { storage: { sync: { set: stub() } } }
+    global.FormData = class FormData { get() { return 'policyFileURL' } }
+  })
+
+  afterEach(() => {
+    delete global.fetch
+    delete global.chrome
+    delete global.FormData
+  })
+
+  it('fetches policy from url', () => {
+    return loadPolicy().then(() => {
+      expect(global.fetch).to.have.been.calledWith('policyFileURL')
+    })
+  })
+
+  it('sets policy in storage', () => {
+    return loadPolicy().then(() => {
+      const args = global.chrome.storage.sync.set.firstCall.args[0]
+      expect(args.policy).to.deep.equal({ policy: 'somepolicy' })
+      expect(args.policyFileUrl).to.deep.equal('policyFileURL')
+    })
+  })
+})

src/popup/loadPolicy.spec.js

@@ -1 +1,9 @@
-import './loadPolicy'
+import loadPolicy from './loadPolicy'
+
+document.addEventListener('DOMContentLoaded', () => {
+  const policyFileForm = document.getElementById('policyFileForm')
+  policyFileForm.addEventListener('submit', (ev) => {
+    ev.preventDefault();
+    loadPolicy(policyFileForm)
+  })
+})

src/popup/popup.js

@@ -0,0 +1,5 @@
+const chai = require("chai");
+const sinonChai = require("sinon-chai");
+
+chai.use(sinonChai);
+