adding tests

Author: anton-tiptyuk

package.json

@@ -38,7 +38,9 @@
     "path-exists": "2.1.0",
     "postcss-loader": "1.0.0",
     "promise": "7.1.1",
+    "react-addons-test-utils": "^15.4.2",
     "react-dev-utils": "^0.4.2",
+    "react-test-renderer": "^15.4.2",
     "recursive-readdir": "2.1.0",
     "strip-ansi": "3.0.1",
     "style-loader": "0.13.1",

scripts/start.js

@@ -204,13 +204,13 @@ function addMiddleware(devServer) {
         proxyReq.setHeader('authorization', token);
         console.log(`requested: [${req.method}] ${req.url}`);
         console.log('query:', req.query);
-        console.log('-\n');
+        console.log('-');
       },
       onProxyRes: (proxyRes, req, res) => {
         proxyRes.on('data', (chunk) => {
           console.log(`response for: [${req.method}] ${req.url}`);
           console.log((new StringDecoder('utf8')).write(chunk));
-          console.log('-\n');
+          console.log('-');
         });
       },
       // pathRewrite: {

src/__tests__sample/Bookie.js

@@ -0,0 +1,19 @@
+jest.dontMock('../Bookie.jsx');
+
+describe('Bookie', function () {
+  var React = require('react');
+  var ReactDOM = require('react-dom');
+  var TestUtils = require('react-addons-test-utils');
+
+  var Bookie;
+
+  beforeEach(function () {
+    Bookie = require('../Bookie').default;
+  });
+
+  it('should exists', function () {
+    // Render into document
+    var bookie = TestUtils.renderIntoDocument(<Bookie />);
+    expect(TestUtils.isCompositeComponent(bookie)).toBeTruthy();
+  });
+});

src/components/Bookie.jsx

@@ -75,7 +75,7 @@ class Bookie extends Component {
       pickerUpdater.adjust();
       if (setLoading)
         this.setParentLoading(pickerUpdater.state().loading);
-      console.log('applying diff', diff, pickerUpdater.diff());
+      // console.log('applying diff', diff, pickerUpdater.diff());
       this.setState(pickerUpdater.diff(), () => { this.pullMissingData(); });
     }
   }

src/components/Bookie.test.jsx

@@ -0,0 +1,30 @@
+const React = require('react');
+const TestUtils = require('react-addons-test-utils');
+const Bookie = require('./Bookie').default;
+const renderer = require('react-test-renderer');
+
+const Scheduler = require('../lib/Scheduler').default;
+const moment = require('moment');
+
+Scheduler.getCurrentMoment = (() => moment('2017-01-01 22:00'));
+
+
+// setState is async, so you probably need
+
+// showsHeader.setState({
+//       showVideo: true
+//     });
+// jest.runAllTicks();
+// find ...
+// expect ...
+
+it('should exists', function () {
+  const bookie = TestUtils.renderIntoDocument(<Bookie />);
+  expect(TestUtils.isCompositeComponent(bookie)).toBeTruthy();
+});
+
+it('compare DOM snapshot', () => {
+  const tree = renderer.create(<Bookie />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+

src/components/__snapshots__/Bookie.test.jsx.snap

@@ -0,0 +1,152 @@
+exports[`test compare DOM snapshot 1`] = `
+<div
+  className="bookie-container">
+  <ul
+    className="pick-day">
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        <<
+      </a>
+    </li>
+    <li
+      className="current"
+      onClick={[Function]}>
+      <a>
+        01/01/2017
+      </a>
+    </li>
+    <li
+      className=""
+      onClick={[Function]}>
+      <a>
+        01/02/2017
+      </a>
+    </li>
+    <li
+      className=""
+      onClick={[Function]}>
+      <a>
+        01/03/2017
+      </a>
+    </li>
+    <li
+      className=""
+      onClick={[Function]}>
+      <a>
+        01/04/2017
+      </a>
+    </li>
+    <li
+      className=""
+      onClick={[Function]}>
+      <a>
+        >>
+      </a>
+    </li>
+  </ul>
+  <ul
+    className="pick-minutes">
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        00
+      </a>
+    </li>
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        15
+      </a>
+    </li>
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        30
+      </a>
+    </li>
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        45
+      </a>
+    </li>
+  </ul>
+  <ul
+    className="pick-hour">
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        <<
+      </a>
+    </li>
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        10pm
+      </a>
+    </li>
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        11pm
+      </a>
+    </li>
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        12am
+      </a>
+    </li>
+    <li
+      className="disabled"
+      onClick={undefined}>
+      <a>
+        1am
+      </a>
+    </li>
+    <li
+      className=""
+      onClick={[Function]}>
+      <a>
+        >>
+      </a>
+    </li>
+  </ul>
+  <div
+    className="range">
+    <span
+      className="pick start picking"
+      onClick={[Function]}>
+      choose start
+    </span>
+    <span>
+       — 
+    </span>
+    <span
+      className="pick end"
+      onClick={[Function]}>
+      choose end
+    </span>
+  </div>
+  <div
+    className="text-center">
+    <button
+      className="btn btn-default"
+      disabled={true}
+      onClick={[Function]}
+      type="button">
+      Book
+    </button>
+  </div>
+</div>
+`;

src/lib/Scheduler.js

@@ -21,6 +21,10 @@ moment.updateLocale(moment.locale(), {
 });
 
 class Scheduler {
+  static getCurrentMoment() {
+    return moment();
+  }
+
   static getDaysFrame(frameStartDate) {
     const mbase = moment.utc(frameStartDate);
     const result = [];
@@ -80,7 +84,7 @@ class Scheduler {
   }
 
   static getNowStr() {
-    return moment().startOf('minute').format();
+    return Scheduler.getCurrentMoment().startOf('minute').format();
   }
 
   static getNextDayString(date) {
@@ -102,7 +106,7 @@ class Scheduler {
     let result = '';
     if (dateStr) {
       const mVal = moment(dateStr);
-      const mToday = moment();
+      const mToday = Scheduler.getCurrentMoment();
       if (formatDayToString(mToday) === formatDayToString(mVal))
         result = mVal.format('ha:mm');
       else if (mToday.year() === mVal.year())