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

"use strict";

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

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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; 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('');
  });
});