@kiwicom/smart-faq/lib/SmartFAQ/common/__tests__/Responsive.test.js

"use strict";

require("core-js/modules/es.array.iterator");

require("core-js/modules/es.object.get-own-property-descriptor");

require("core-js/modules/es.object.to-string");

require("core-js/modules/es.string.iterator");

require("core-js/modules/es.weak-map");

require("core-js/modules/web.dom-collections.iterator");

var React = _interopRequireWildcard(require("react"));

var _server = _interopRequireDefault(require("react-dom/server"));

var _Contexts = _interopRequireDefault(require("../../../shared/ssr/Contexts"));

var _PageVariant = require("../PageVariant");

var _Responsive = require("../Responsive");

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

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

/**
 * @jest-environment node
 * @flow
 */
var FakeComponent = function FakeComponent() {
  return React.createElement("div", null, "Hello World!");
}; // Simulate SSR environment


var CreateContext = function CreateContext(_ref) {
  var screenWidthFallback = _ref.screenWidthFallback;

  var GeneratedComponent = function GeneratedComponent() {
    return React.createElement(_Contexts.default, {
      location: "",
      lng: "en",
      userContext: {},
      theme: {},
      currencyId: "",
      countries: {},
      brand: {},
      language: {},
      fetched: {},
      intl: {},
      ip: "",
      screenWidthFallback: screenWidthFallback
    }, React.createElement(_PageVariant.FullPageVersion, null, React.createElement(_Responsive.Desktop, null, React.createElement(FakeComponent, null))));
  };

  return GeneratedComponent;
};

describe('Guess page width in SSR', function () {
  it('should render fullpage version desktop component on desktop', function () {
    var Component = CreateContext({
      screenWidthFallback: 1280
    });

    var wrapper = _server.default.renderToString(React.createElement(Component, null));

    expect(wrapper).toEqual('<div>Hello World!</div>');
  });
  it('should not render fullpage version desktop component on mobile', function () {
    var Component = CreateContext({
      screenWidthFallback: 320
    });

    var wrapper = _server.default.renderToString(React.createElement(Component, null));

    expect(wrapper).toEqual('');
  });
});