moar tests!

Author: xobotyi

karma.conf.js

@@ -22,7 +22,7 @@ module.exports = function karmaConfig(config) {
     config.set({
                    browsers:                 ['ChromeHeadless'],
                    singleRun:                true,
-                   frameworks:               ['mocha', 'chai'],
+                   frameworks:               ['mocha', 'chai-spies', 'chai'],
                    files:                    ['./test.js'],
                    preprocessors:            {'./test.js': 'webpack'},
                    reporters:                ['mocha'].concat(coverageReporters),

package.json

@@ -38,6 +38,7 @@
     "babel-preset-stage-0": "^6.24.1",
     "babel-register": "^6.26.0",
     "chai": "^4.1.2",
+    "chai-spies": "^1.0.0",
     "codacy-coverage": "^3.0.0",
     "cross-env": "^5.2.0",
     "enzyme": "^3.3.0",
@@ -46,6 +47,7 @@
     "istanbul-instrumenter-loader": "^3.0.1",
     "karma": "^2.0.4",
     "karma-chai": "^0.1.0",
+    "karma-chai-spies": "^0.1.4",
     "karma-chrome-launcher": "^2.2.0",
     "karma-coverage-istanbul-reporter": "^2.0.1",
     "karma-mocha": "^1.3.0",

test.js

@@ -1,5 +1,9 @@
-import Enzyme                 from 'enzyme';
-import Adapter                           from 'enzyme-adapter-react-16';
+import chai             from "chai";
+import spies            from "chai-spies";
+import Enzyme           from 'enzyme';
+import Adapter          from 'enzyme-adapter-react-16';
+
+chai.use(spies);
 
 Enzyme.configure({adapter: new Adapter()});
 

tests/Scrollbars/getset.js

@@ -0,0 +1,131 @@
+import React                              from "react";
+import { render, unmountComponentAtNode } from "react-dom";
+import { Scrollbar }                      from "react-scrollbars-custom";
+
+export default function createTests(scrollbarWidth) {
+    describe("getset", () => {
+        let node;
+        beforeEach(() => {
+            node = document.createElement("div");
+            document.body.appendChild(node);
+        });
+        afterEach(() => {
+            unmountComponentAtNode(node);
+            document.body.removeChild(node);
+        });
+
+        let sbRender = (cb) => render(<Scrollbar style={ {width: 100, height: 100} }>
+                    <div style={ {width: 200, height: 200} }></div>
+                </Scrollbar>,
+                node,
+                cb);
+
+        describe("getters", function () {
+            it("should return scrollTop",
+               (done) => sbRender(function () {
+                   this.scrollTop = 50;
+                   expect(this.scrollTop).to.be.equal(50);
+                   expect(this.content.scrollTop).to.be.equal(50);
+
+                   done();
+               }));
+
+            it("should return scrollLeft",
+               (done) => sbRender(function () {
+                   this.scrollLeft = 50;
+                   expect(this.scrollLeft).to.be.equal(50);
+                   expect(this.content.scrollLeft).to.be.equal(50);
+
+                   done();
+               }));
+
+            it("should return scrollHeight",
+               (done) => sbRender(function () {
+                   expect(this.scrollHeight).to.be.equal(200);
+                   expect(this.content.scrollHeight).to.be.equal(200);
+
+                   done();
+               }));
+
+            it("should return scrollWidth",
+               (done) => sbRender(function () {
+                   expect(this.scrollWidth).to.be.equal(200);
+                   expect(this.content.scrollWidth).to.be.equal(200);
+
+                   done();
+               }));
+
+            it("should return clientHeight",
+               (done) => sbRender(function () {
+                   expect(this.clientHeight).to.be.equal(92);
+                   expect(this.content.clientHeight).to.be.equal(92);
+
+                   done();
+               }));
+
+            it("should return clientWidth",
+               (done) => sbRender(function () {
+                   expect(this.clientWidth).to.be.equal(92);
+                   expect(this.content.clientWidth).to.be.equal(92);
+
+                   done();
+               }));
+        });
+
+        describe("setters", function () {
+            it("scrollTop/scrollToTop/scrollToBottom",
+               (done) => sbRender(function () {
+                   this.scrollTop = 50;
+                   expect(this.scrollTop).to.be.equal(50);
+                   expect(this.content.scrollTop).to.be.equal(50);
+                   this.scrollToTop();
+                   expect(this.content.scrollTop).to.be.equal(0);
+                   this.scrollToBottom();
+                   expect(this.content.scrollTop).to.be.equal(this.content.scrollHeight - this.content.clientHeight);
+
+                   done();
+               }));
+
+            it("scrollLeft/scrollToLeft/scrollToRight",
+               (done) => sbRender(function () {
+                   this.scrollLeft = 50;
+                   expect(this.scrollLeft).to.be.equal(50);
+                   expect(this.content.scrollLeft).to.be.equal(50);
+                   this.scrollToLeft();
+                   expect(this.content.scrollLeft).to.be.equal(0);
+                   this.scrollToRight();
+                   expect(this.content.scrollLeft).to.be.equal(this.content.scrollWidth - this.content.clientWidth);
+
+                   done();
+               }));
+
+            it("scrollHeight should not be settable",
+               (done) => sbRender(function () {
+                   expect(() => {this.scrollHeight = 0;}).to.throw(TypeError);
+
+                   done();
+               }));
+
+            it("scrollWidth should not be settable",
+               (done) => sbRender(function () {
+                   expect(() => {this.scrollWidth = 0;}).to.throw(TypeError);
+
+                   done();
+               }));
+
+            it("clientHeight should not be settable",
+               (done) => sbRender(function () {
+                   expect(() => {this.clientHeight = 0;}).to.throw(TypeError);
+
+                   done();
+               }));
+
+            it("clientWidth should not be settable",
+               (done) => sbRender(function () {
+                   expect(() => {this.clientWidth = 0;}).to.throw(TypeError);
+
+                   done();
+               }));
+        });
+    });
+}

tests/Scrollbars/index.js

@@ -1,5 +1,9 @@
 import rendering from "./rendering";
+import getset from "./getset";
+import scrolling from "./scrolling";
 
 export default function createTests(scrollbarWidth) {
     rendering(scrollbarWidth);
+    getset(scrollbarWidth);
+    scrolling(scrollbarWidth);
 }