@virtuous/react-conductor/SpringRoute/spec.js

React bindings for Conductor

"use strict";

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _react = _interopRequireDefault(require("react"));

var _enzyme = require("enzyme");

var _conductor = require("@virtuous/conductor");

var _Router = _interopRequireDefault(require("../Router"));

var _ = _interopRequireDefault(require("."));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

describe('SpringRoute()', function () {
  it('should render nothing when no routes match',
  /*#__PURE__*/
  _asyncToGenerator(
  /*#__PURE__*/
  _regenerator["default"].mark(function _callee() {
    var app;
    return _regenerator["default"].wrap(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            app = (0, _enzyme.mount)(_react["default"].createElement(_Router["default"], null, _react["default"].createElement(_["default"], {
              component: function component() {
                return _react["default"].createElement("div", null, "hello");
              },
              pattern: "/myroute/:id",
              spring: function spring() {}
            })));
            _context.next = 3;
            return _conductor.router.push({
              pathname: '/no-match'
            });

          case 3:
            expect(app.html()).toMatchSnapshot();

          case 4:
          case "end":
            return _context.stop();
        }
      }
    }, _callee);
  })));
  it('should render a matching route',
  /*#__PURE__*/
  _asyncToGenerator(
  /*#__PURE__*/
  _regenerator["default"].mark(function _callee2() {
    var app;
    return _regenerator["default"].wrap(function _callee2$(_context2) {
      while (1) {
        switch (_context2.prev = _context2.next) {
          case 0:
            app = (0, _enzyme.mount)(_react["default"].createElement(_Router["default"], null, _react["default"].createElement(_["default"], {
              component: function component() {
                return _react["default"].createElement("div", null, "hello");
              },
              pattern: "/myroute/:id",
              spring: function spring() {
                return {
                  from: {
                    left: 0
                  },
                  to: {
                    left: 50
                  }
                };
              }
            })));
            _context2.next = 3;
            return _conductor.router.push({
              pathname: '/myroute/456'
            });

          case 3:
            app.update();
            expect(app.html()).toMatchSnapshot();

          case 5:
          case "end":
            return _context2.stop();
        }
      }
    }, _callee2);
  })));
});