@kiwicom/smart-faq/lib/shared/StaticFAQ/ArticleFeedback/__tests__/ScreenAdditionalFeedback.test.js

"use strict";

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

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

require("core-js/modules/web.immediate");

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

var _enzyme = require("enzyme");

var _context = require("@kiwicom/nitro/lib/services/log/context");

var _ScreenAdditionalFeedback = _interopRequireDefault(require("../ScreenAdditionalFeedback"));

var _events = require("../../../../const/events");

var _screenList = _interopRequireDefault(require("../screenList"));

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; } }

// @flow
jest.mock('../../../../SmartFAQ/mutations/CreateComment');
var articleIds = {
  valid: 23,
  feedbackLimitReached: 3039,
  invalid: -59
};
var changeScreen = jest.fn();
var log = jest.fn();
var COMMENT = 'The article was amazing my dudes';

var SubmitFeedback = function SubmitFeedback(id) {
  var wrapper = (0, _enzyme.mount)(React.createElement(_context.Provider, {
    value: {
      log: log
    }
  }, React.createElement(_ScreenAdditionalFeedback.default, {
    changeScreen: changeScreen,
    articleId: id,
    commentType: "OTHER",
    setCommentType: jest.fn()
  }), ","));
  wrapper.find('ScreenAdditionalFeedback').setState({
    comment: COMMENT
  });
  wrapper.find('form').simulate('submit');
};

describe('ScreenAdditionalFeedback', function () {
  it('should match snapshot', function () {
    var wrapper = (0, _enzyme.render)(React.createElement(_ScreenAdditionalFeedback.default, {
      changeScreen: jest.fn(),
      articleId: articleIds.valid,
      commentType: "OTHER",
      setCommentType: jest.fn()
    }));
    expect(wrapper).toMatchSnapshot();
  });
  it('[On Closing Screen] should go back to the voting screen', function () {
    var wrapper = (0, _enzyme.mount)(React.createElement(_ScreenAdditionalFeedback.default, {
      changeScreen: changeScreen,
      articleId: articleIds.valid,
      commentType: "OTHER",
      setCommentType: jest.fn()
    }));
    wrapper.find('.close-icon').first().simulate('click');
    expect(changeScreen).toHaveBeenCalledWith(_screenList.default.VOTING);
  });
  it('[On Succesful Feedback] should log the feedback submit and redirect to thank you screen', function (done) {
    SubmitFeedback(articleIds.valid);
    setImmediate(function () {
      expect(changeScreen).toHaveBeenCalledWith(_screenList.default.THANK_YOU);
      expect(log).toHaveBeenCalledWith(_events.events.FAQ_FEEDBACK_SUBMIT, {
        comment: 'OTHER',
        commentText: COMMENT
      });
      done();
    });
  });
  it('[On Comment Limit reached] should log the comment limit reached and redirect to the warning screen', function (done) {
    SubmitFeedback(articleIds.feedbackLimitReached);
    setImmediate(function () {
      expect(changeScreen).toHaveBeenCalledWith(_screenList.default.COMMENT_LIMIT_REACHED);
      expect(log).toHaveBeenLastCalledWith(_events.events.COMMENT_LIMIT_REACHED, {});
      done();
    });
  });
  it('[On Error] should log the error and redirect to the error screen', function (done) {
    SubmitFeedback(articleIds.invalid);
    setImmediate(function () {
      expect(changeScreen).toHaveBeenCalledWith(_screenList.default.ERROR);
      expect(log).toHaveBeenLastCalledWith(_events.events.FAQ_FEEDBACK_ERROR, {
        error: Error('ArticleId should be a positive number')
      });
      done();
    });
  });
});