Add createEvent helper for specs

demiazz · May 3, 2017 · 1921e6a · 1921e6a
1 parent 9e878c3
commit 1921e6a
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 50 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -26,7 +26,8 @@
   },
   "globals": {
     "useFixture": false,
-    "clearFixtures": false
+    "clearFixtures": false,
+    "createEvent": false
   },
   "parser": "babel-eslint"
 }
diff --git a/build/jasmine/helpers.js b/build/jasmine/helpers.js
@@ -0,0 +1,7 @@
+window.createEvent = function createEvent(type) {
+  const event = document.createEvent("HTMLEvents");
+
+  event.initEvent(type, true, true);
+
+  return event;
+};
diff --git a/build/karma/base.js b/build/karma/base.js
@@ -16,6 +16,10 @@ module.exports = {
       pattern: "build/jasmine/fixtures.js",
       watched: process.env.CI !== "true"
     },
+    {
+      pattern: "build/jasmine/helpers.js",
+      watched: process.env.CI !== "true"
+    },
     {
       pattern: "src/index.js",
       watched: process.env.CI !== "true",
@@ -30,6 +34,7 @@ module.exports = {
   preprocessors: {
     "build/jasmine/setup.js": ["rollup"],
     "build/jasmine/fixtures.js": ["rollup"],
+    "build/jasmine/helpers.js": ["rollup"],
     "spec/**/*.spec.js": ["rollup", "sourcemap"]
   },
 

diff --git a/spec/on.spec.js b/spec/on.spec.js
@@ -13,8 +13,7 @@ describe("on", () => {
 
     expect(listener).not.toHaveBeenCalled();
 
-    const event = document.createEvent("HTMLEvents");
-    event.initEvent("click", true, true);
+    const event = createEvent("click");
 
     subject.dispatchEvent(event);
 
@@ -32,8 +31,7 @@ describe("on", () => {
 
     expect(listener).not.toHaveBeenCalled();
 
-    const listenedEvent = document.createEvent("HTMLEvents");
-    listenedEvent.initEvent("click", true, true);
+    const listenedEvent = createEvent("click");
 
     subject.dispatchEvent(listenedEvent);
 
@@ -42,8 +40,7 @@ describe("on", () => {
 
     off();
 
-    const event = document.createEvent("HTMLEvents");
-    event.initEvent("click", true, true);
+    const event = createEvent("click");
 
     subject.dispatchEvent(event);
 
@@ -62,11 +59,8 @@ describe("on", () => {
 
       expect(listener).not.toHaveBeenCalled();
 
-      const clickEvent = document.createEvent("HTMLEvents");
-      clickEvent.initEvent("click", true, true);
-
-      const customEvent = document.createEvent("HTMLEvents");
-      customEvent.initEvent("click", true, true);
+      const clickEvent = createEvent("click");
+      const customEvent = createEvent("custom-event");
 
       subject.dispatchEvent(clickEvent);
       subject.dispatchEvent(customEvent);
@@ -86,11 +80,8 @@ describe("on", () => {
 
       expect(listener).not.toHaveBeenCalled();
 
-      const listenedClickEvent = document.createEvent("HTMLEvents");
-      listenedClickEvent.initEvent("click", true, true);
-
-      const listenedCustomEvent = document.createEvent("HTMLEvents");
-      listenedCustomEvent.initEvent("custom-event", true, true);
+      const listenedClickEvent = createEvent("click");
+      const listenedCustomEvent = createEvent("custom-event");
 
       subject.dispatchEvent(listenedClickEvent);
       subject.dispatchEvent(listenedCustomEvent);
@@ -101,11 +92,8 @@ describe("on", () => {
 
       off();
 
-      const clickEvent = document.createEvent("HTMLEvents");
-      clickEvent.initEvent("click", true, true);
-
-      const customEvent = document.createEvent("HTMLEvents");
-      customEvent.initEvent("custom-event", true, true);
+      const clickEvent = createEvent("click");
+      const customEvent = createEvent("custom-event");
 
       subject.dispatchEvent(clickEvent);
       subject.dispatchEvent(customEvent);

diff --git a/spec/once.spec.js b/spec/once.spec.js
@@ -13,8 +13,7 @@ describe("once", () => {
 
     expect(listener).not.toHaveBeenCalled();
 
-    const event = document.createEvent("HTMLEvents");
-    event.initEvent("click", true, true);
+    const event = createEvent("click");
 
     subject.dispatchEvent(event);
 
@@ -32,16 +31,14 @@ describe("once", () => {
 
     expect(listener).not.toHaveBeenCalled();
 
-    const listenedEvent = document.createEvent("HTMLEvents");
-    listenedEvent.initEvent("click", true, true);
+    const listenedEvent = createEvent("click");
 
     subject.dispatchEvent(listenedEvent);
 
     expect(listener).toHaveBeenCalledTimes(1);
     expect(listener).toHaveBeenCalledWith(listenedEvent);
 
-    const event = document.createEvent("HTMLEvents");
-    event.initEvent("click", true, true);
+    const event = createEvent("click");
 
     subject.dispatchEvent(event);
 
@@ -61,8 +58,7 @@ describe("once", () => {
 
     off();
 
-    const event = document.createEvent("HTMLEvents");
-    event.initEvent("click", true, true);
+    const event = createEvent("click");
 
     subject.dispatchEvent(event);
 
@@ -80,11 +76,8 @@ describe("once", () => {
 
       expect(listener).not.toHaveBeenCalled();
 
-      const clickEvent = document.createEvent("HTMLEvents");
-      clickEvent.initEvent("click", true, true);
-
-      const customEvent = document.createEvent("HTMLEvents");
-      customEvent.initEvent("custom-event", true, true);
+      const clickEvent = createEvent("click");
+      const customEvent = createEvent("custom-event");
 
       subject.dispatchEvent(clickEvent);
       subject.dispatchEvent(customEvent);
@@ -104,11 +97,8 @@ describe("once", () => {
 
       expect(listener).not.toHaveBeenCalled();
 
-      const listenedClickEvent = document.createEvent("HTMLEvents");
-      listenedClickEvent.initEvent("click", true, true);
-
-      const listenedCustomEvent = document.createEvent("HTMLEvents");
-      listenedCustomEvent.initEvent("custom-event", true, true);
+      const listenedClickEvent = createEvent("click");
+      const listenedCustomEvent = createEvent("custom-event");
 
       subject.dispatchEvent(listenedClickEvent);
       subject.dispatchEvent(listenedCustomEvent);
@@ -117,11 +107,8 @@ describe("once", () => {
       expect(listener).toHaveBeenCalledWith(listenedClickEvent);
       expect(listener).toHaveBeenCalledWith(listenedCustomEvent);
 
-      const clickEvent = document.createEvent("HTMLEvents");
-      clickEvent.initEvent("click", true, true);
-
-      const customEvent = document.createEvent("HTMLEvents");
-      customEvent.initEvent("custom-event", true, true);
+      const clickEvent = createEvent("click");
+      const customEvent = createEvent("custom-event");
 
       subject.dispatchEvent(clickEvent);
       subject.dispatchEvent(customEvent);
@@ -141,11 +128,8 @@ describe("once", () => {
 
       expect(listener).not.toHaveBeenCalled();
 
-      const clickEvent = document.createEvent("HTMLEvents");
-      clickEvent.initEvent("click", true, true);
-
-      const customEvent = document.createEvent("HTMLEvents");
-      customEvent.initEvent("custom-event", true, true);
+      const clickEvent = createEvent("click");
+      const customEvent = createEvent("custom-event");
 
       off();