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

React bindings for Conductor

"use strict";

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

var _enzyme = require("enzyme");

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

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

var _Route = _interopRequireDefault(require("../Route"));

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

function ErrorPage() {
  return _react["default"].createElement("div", null, "404 page");
}

describe('<Route.NotFound />', function () {
  beforeEach(function () {
    _conductor.router.constructor();
  });
  it('should render nothing when route matches', function () {
    var app = (0, _enzyme.shallow)(_react["default"].createElement(_Router["default"], null, _react["default"].createElement(_Route["default"], {
      pattern: "/myroute/123",
      component: function component() {
        return _react["default"].createElement("div", null, "My Route page");
      }
    }), _react["default"].createElement(_Route["default"].NotFound, {
      component: ErrorPage
    })));
    expect(app.html()).toBe('<div>My Route page</div>');
  });
  it('should render the given component when no route matches', function () {
    var app = (0, _enzyme.shallow)(_react["default"].createElement(_Router["default"], null, _react["default"].createElement(_Route["default"].NotFound, {
      component: ErrorPage
    })));
    expect(app.html()).toBe('<div>404 page</div>');
  });
});