chore(test): adding event tests

Author: afshinm

.jshintrc

@@ -9,6 +9,7 @@
     "exports": true,
     "define": true,
     "SVGElement": true,
+    "Element": true,
     "module": true,
     "console": true,
     "global": true,

tests/helper.js

@@ -1,5 +1,13 @@
 export function find(selector) {
-  return document.querySelector(selector);
+  if (typeof selector === 'string') {
+    return document.querySelector(selector);
+  }
+
+  if (selector instanceof Element) {
+    return selector;
+  }
+
+  throw Error('invalid selector');
 }
 
 export function content(selector) {
@@ -21,3 +29,23 @@ export function className(selector) {
 
   return null;
 }
+
+export function skipButton() {
+  return find('.introjs-skipbutton');
+}
+
+export function nextButton() {
+  return find('.introjs-nextbutton');
+}
+
+export function prevButton() {
+  return find('.introjs-prevbutton');
+}
+
+export function doneButton() {
+  return find('.introjs-donebutton');
+}
+
+export function tooltipText() {
+  return find('.introjs-tooltiptext');
+}

tests/index.test.js

@@ -1,5 +1,5 @@
 import introJs from "../src";
-import { find, content, className } from "./helper";
+import {content, className, skipButton, nextButton, prevButton, doneButton, tooltipText} from "./helper";
 
 describe("intro", () => {
   beforeEach(() => {
@@ -17,11 +17,11 @@ describe("intro", () => {
       })
       .start();
 
-    expect(content(".introjs-tooltiptext")).toBe("hello world");
+    expect(content(tooltipText())).toBe("hello world");
 
-    expect(content(".introjs-donebutton")).toBe("Done");
+    expect(content(doneButton())).toBe("Done");
 
-    expect(find(".introjs-prevbutton")).toBeNull();
+    expect(prevButton()).toBeNull();
 
     expect(className(".introjs-showElement")).toContain(
       "introjsFloatingElement"
@@ -31,6 +31,75 @@ describe("intro", () => {
     );
   });
 
+  test("should call onexit and oncomplete when there is one step", () => {
+    const onexitMock = jest.fn();
+    const oncompleteMMock = jest.fn();
+
+    introJs()
+      .setOptions({
+        steps: [
+          {
+            intro: "hello world",
+          },
+        ],
+      })
+      .onexit(onexitMock)
+      .oncomplete(oncompleteMMock)
+      .start();
+
+    nextButton().click();
+
+    expect(onexitMock).toBeCalledTimes(1);
+    expect(oncompleteMMock).toBeCalledTimes(1);
+  });
+
+  test("should call onexit when skip is clicked", () => {
+    const onexitMock = jest.fn();
+    const oncompleteMMock = jest.fn();
+
+    introJs()
+      .setOptions({
+        steps: [
+          {
+            intro: "hello world",
+          },
+        ],
+      })
+      .onexit(onexitMock)
+      .oncomplete(oncompleteMMock)
+      .start();
+
+    skipButton().click();
+
+    expect(onexitMock).toBeCalledTimes(1);
+    expect(oncompleteMMock).toBeCalledTimes(1);
+  });
+
+  test("should call not oncomplete when skip is clicked and there are two steps", () => {
+    const onexitMock = jest.fn();
+    const oncompleteMMock = jest.fn();
+
+    introJs()
+      .setOptions({
+        steps: [
+          {
+            intro: "first",
+          },
+          {
+            intro: "second",
+          },
+        ],
+      })
+      .onexit(onexitMock)
+      .oncomplete(oncompleteMMock)
+      .start();
+
+    skipButton().click();
+
+    expect(onexitMock).toBeCalledTimes(1);
+    expect(oncompleteMMock).toBeCalledTimes(0);
+  });
+
   test("should start floating intro with two steps", () => {
     introJs()
       .setOptions({
@@ -45,15 +114,15 @@ describe("intro", () => {
       })
       .start();
 
-    expect(content(".introjs-tooltiptext")).toBe("step one");
+    expect(content(tooltipText())).toBe("step one");
 
-    expect(find(".introjs-donebutton")).toBeNull();
+    expect(doneButton()).toBeNull();
 
-    expect(find(".introjs-prevbutton")).not.toBeNull();
-    expect(className(".introjs-prevbutton")).toContain("introjs-disabled");
+    expect(prevButton()).not.toBeNull();
+    expect(className(prevButton())).toContain("introjs-disabled");
 
-    expect(find(".introjs-nextbutton")).not.toBeNull();
-    expect(className(".introjs-nextbutton")).not.toContain("introjs-disabled");
+    expect(nextButton()).not.toBeNull();
+    expect(className(nextButton())).not.toContain("introjs-disabled");
 
     expect(className(".introjs-showElement")).toContain(
       "introjsFloatingElement"