test: refactor tests

.npmignore

@@ -16,3 +16,4 @@ webpack.config.js
 .prettierignore
 .prettierrc
 tslint.json
+cypress

cypress/common.ts

@@ -0,0 +1,13 @@
+import * as ScrollUtility from "../"
+
+function takeScreenShot(delay: number = 0) {
+  cy.wait(delay).then(() => cy.screenshot("basic", { capture: "viewport" }))
+}
+
+function withWindow<T = void>(f: (window: Window & { ScrollUtility: typeof ScrollUtility }) => T) {
+  cy.window().then(wind => {
+    f(wind as Window & { ScrollUtility: typeof ScrollUtility })
+  })
+}
+
+export { withWindow, takeScreenShot }

cypress/tests/basic.ts

@@ -0,0 +1,22 @@
+import { withWindow } from "../common"
+
+context("Basic", () => {
+  beforeEach(() => {
+    cy.visit("http://localhost:8080")
+  })
+  it("should have ScrollUtility defined", () => {
+    cy.window().should("have.property", "ScrollUtility")
+  })
+  it("should scroll", () => {
+    withWindow(window => {
+      const scrollManager = new window.ScrollUtility.Scroll()
+      const element = window.document.querySelector("#scrollable")
+      scrollManager.scrollBy(scrollManager.misc.getDistToElement(element!), 1000)
+      scrollManager.scrollBy(scrollManager.misc.getDistToElement(element!), 1000, true)
+      window.setTimeout(() => {
+        scrollManager.scrollBy(scrollManager.misc.getDistToElement(element!), 0)
+        scrollManager.scrollBy(scrollManager.misc.getDistToElement(element!, 0, true), 0, true)
+      }, 1000)
+    })
+  })
+})

cypress/tests/misc.ts

@@ -0,0 +1,14 @@
+import { withWindow } from "../common"
+
+context("Misc", () => {
+  before(() => {
+    cy.visit("http://localhost:8080")
+  })
+  beforeEach(() => {
+    withWindow(window => {
+      const windowScrollManager = window.ScrollUtility.default
+      windowScrollManager.misc.scrollTo(0, 0, false)
+      windowScrollManager.misc.scrollTo(0, 0, true)
+    })
+  })
+})