@happysanta/router/dist/test/hoc.spec.js

Router for VKUI

"use strict";

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

var _ = require("..");

var _react2 = require("@testing-library/react");

var _tools = require("./tools");

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

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(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); }); }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

describe('HOC', function () {
  afterEach(function () {
    (0, _react2.cleanup)();
    window.history.replaceState({}, '', '/#');
  });
  test('withRouter hoc', function () {
    var list = {
      '/': new _.Page('panel_main'),
      '/user': new _.Page('panel_user')
    };

    var MainBlank = /*#__PURE__*/function (_React$Component) {
      _inherits(MainBlank, _React$Component);

      var _super = _createSuper(MainBlank);

      function MainBlank() {
        _classCallCheck(this, MainBlank);

        return _super.apply(this, arguments);
      }

      _createClass(MainBlank, [{
        key: "render",
        value: function render() {
          var location = this.props.location;
          var first = location.isFirstPage();
          return /*#__PURE__*/_react["default"].createElement("span", null, "Hello world: ".concat(location.getPanelId(), " ").concat(first ? 'first_page' : ''));
        }
      }]);

      return MainBlank;
    }(_react["default"].Component);

    var Main = (0, _.withRouter)(MainBlank);
    var router = new _.Router(list);
    router.start();
    var component = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.RouterContext.Provider, {
      value: router
    }, /*#__PURE__*/_react["default"].createElement(Main, null)));
    expect(component.queryByText(/panel_main/i)).toBeTruthy();
    expect(component.queryByText(/first_page/i)).toBeTruthy();
    (0, _react2.act)(function () {
      router.pushPage('/user');
    });
    expect(component.queryByText(/panel_user/i)).toBeTruthy();
    expect(component.queryByText(/first_page/i)).toBeFalsy();
    router.stop();
  });
  test('withThrottlingRouter hoc', /*#__PURE__*/function () {
    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(done) {
      var list, router, MainBlank, Main, component;
      return regeneratorRuntime.wrap(function _callee2$(_context2) {
        while (1) {
          switch (_context2.prev = _context2.next) {
            case 0:
              list = {
                '/': new _.Page('panel_main'),
                '/user': new _.Page('panel_user')
              };
              router = new _.Router(list);
              router.start();

              MainBlank = /*#__PURE__*/function (_React$Component2) {
                _inherits(MainBlank, _React$Component2);

                var _super2 = _createSuper(MainBlank);

                function MainBlank() {
                  _classCallCheck(this, MainBlank);

                  return _super2.apply(this, arguments);
                }

                _createClass(MainBlank, [{
                  key: "render",
                  value: function render() {
                    var location = this.props.location;
                    var first = location.isFirstPage();
                    return /*#__PURE__*/_react["default"].createElement("span", null, "Hello world: ".concat(location.getPanelId(), " ").concat(first ? 'first_page' : ''));
                  }
                }]);

                return MainBlank;
              }(_react["default"].Component);

              Main = (0, _.withThrottlingRouter)(MainBlank);
              component = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.RouterContext.Provider, {
                value: router
              }, /*#__PURE__*/_react["default"].createElement(Main, null)));
              expect(component.queryByText(/panel_main/i)).toBeTruthy();
              expect(component.queryByText(/first_page/i)).toBeTruthy();
              _context2.next = 10;
              return (0, _react2.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
                return regeneratorRuntime.wrap(function _callee$(_context) {
                  while (1) {
                    switch (_context.prev = _context.next) {
                      case 0:
                        router.pushPage('/user');
                        _context.next = 3;
                        return (0, _tools.delay)(1000);

                      case 3:
                      case "end":
                        return _context.stop();
                    }
                  }
                }, _callee);
              })));

            case 10:
              expect(component.queryByText(/panel_user/i)).toBeTruthy();
              expect(component.queryByText(/first_page/i)).toBeFalsy();
              router.stop();
              done();

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

    return function (_x) {
      return _ref.apply(this, arguments);
    };
  }());
  test('withPrams hoc', function () {
    var list = {
      '/': new _.Page('panel_main'),
      '/user': new _.Page('panel_user')
    };
    var router = new _.Router(list);
    router.start();

    var MainBlank = /*#__PURE__*/function (_React$Component3) {
      _inherits(MainBlank, _React$Component3);

      var _super3 = _createSuper(MainBlank);

      function MainBlank() {
        _classCallCheck(this, MainBlank);

        return _super3.apply(this, arguments);
      }

      _createClass(MainBlank, [{
        key: "render",
        value: function render() {
          var age = this.props.params.age;
          return /*#__PURE__*/_react["default"].createElement("span", null, "age:", age || 'no');
        }
      }]);

      return MainBlank;
    }(_react["default"].Component);

    var Main = (0, _.withParams)(MainBlank);
    var component = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.RouterContext.Provider, {
      value: router
    }, /*#__PURE__*/_react["default"].createElement(Main, null)));
    expect(component.queryByText(/age:no/i)).toBeTruthy();
    (0, _react2.act)(function () {
      router.pushPage('/user', {
        age: '12'
      });
    });
    var component2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.RouterContext.Provider, {
      value: router
    }, /*#__PURE__*/_react["default"].createElement(Main, null)));
    expect(component2.queryByText(/age:12/i)).toBeTruthy();
    router.stop();
  });
});