first test of component

Author: xobotyi

README.md

@@ -3,6 +3,7 @@
 <a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/badge/npm-react--scrollbars--custom-brightgreen.svg" /></a>
 <a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/npm/l/react-scrollbars-custom.svg" /></a>
 <a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/npm/v/react-scrollbars-custom.svg" /></a>
+<a href="https://www.codacy.com/app/xobotyi/react-scrollbars-custom"><img src="https://api.codacy.com/project/badge/Grade/f0875490cea1497a9eca9c25f3f7774e"/></a>
 <a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/npm/dt/react-scrollbars-custom.svg" /></a>
 <a></a>
 </p>

tests/Scrollbar.spec.js

@@ -0,0 +1,48 @@
+import React                              from 'react';
+import { render, unmountComponentAtNode } from 'react-dom';
+import { Scrollbar }                      from "react-scrollbars-custom";
+
+describe('rendering', () => {
+    let node;
+    beforeEach(() => {
+        node = document.createElement('div');
+        document.body.appendChild(node);
+    });
+    afterEach(() => {
+        unmountComponentAtNode(node);
+        document.body.removeChild(node);
+    });
+
+    describe("when <Scrollbar /> is rendered", function () {
+        it('renders tracks', (done) => {
+            render(<Scrollbar />, node, function () {
+                expect(this.trackVertical).to.be.an.instanceof(Node);
+                expect(this.trackHorizontal).to.be.an.instanceof(Node);
+
+                done();
+            });
+        });
+        it('renders thumbs', (done) => {
+            render(<Scrollbar />, node, function () {
+                expect(this.thumbVertical).to.be.an.instanceof(Node);
+                expect(this.thumbHorizontal).to.be.an.instanceof(Node);
+
+                done();
+            });
+        });
+        it('renders content wrapper', (done) => {
+            render(<Scrollbar />, node, function () {
+                expect(this.wrapper).to.be.an.instanceof(Node);
+
+                done();
+            });
+        });
+        it('renders content', (done) => {
+            render(<Scrollbar />, node, function () {
+                expect(this.content).to.be.an.instanceof(Node);
+
+                done();
+            });
+        });
+    });
+});

tests/getInnerSizes.spec.js

@@ -14,25 +14,28 @@ describe('getInnerSizes', () => {
     });
 
     describe('getInnerHeight()', () => {
-        it('returns the height of an element without padding', () => {
+        it('returns the height of an element without padding', (done) => {
             render(<div style={ {width: 200, height: 200, padding: 20} } />, node, function () {
                 expect(getInnerHeight(findDOMNode(this))).to.equal(200);
+                done();
             });
         });
     });
 
     describe('getInnerWidth()', () => {
-        it('returns the width of an element without padding', () => {
+        it('returns the width of an element without padding', (done) => {
             render(<div style={ {width: 200, height: 200, padding: 20} } />, node, function () {
                 expect(getInnerWidth(findDOMNode(this))).to.equal(200);
+                done();
             });
         });
     });
 
     describe('getInnerSizes()', () => {
-        it('returns the width and height of an element without padding', () => {
+        it('returns the width and height of an element without padding', (done) => {
             render(<div style={ {width: 200, height: 200, padding: 20} } />, node, function () {
                 expect(getInnerSizes(findDOMNode(this))).to.deep.equal({width: 200, height: 200});
+                done();
             });
         });
     });