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

Smart FAQ

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

var _enzyme = require("enzyme");

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

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

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

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


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

  var GeneratedComponent = function GeneratedComponent() {
    return React.createElement(_Contexts.default, {
      location: "",
      lng: "en",
      userContext: {},
      theme: {},
      currencyId: "",
      countries: {},
      brand: {},
      language: {},
      fetched: {},
      intl: {},
      screenWidth: screenWidth
    }, 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({
      screenWidth: 1280
    });
    expect((0, _enzyme.mount)(React.createElement(Component, null)).find(FakeComponent)).toHaveLength(1);
  });
  it('should not render fullpage version desktop component on mobile', function () {
    var Component = CreateContext({
      screenWidth: 320
    });
    expect((0, _enzyme.mount)(React.createElement(Component, null)).find(FakeComponent)).toHaveLength(0);
  });
});