import { App } from 'newsletter-editor/app';
import { SaveComponent } from 'newsletter-editor/components/save';
import jQuery from 'jquery';

/* (ES6 -> CommonJS transform needed for inject-loader) */
/* eslint-disable-next-line max-len */
import SaveInjector from 'inject-loader!babel-loader?plugins[]=@babel/plugin-transform-modules-commonjs!newsletter-editor/components/save';

const expect = global.expect;
const sinon = global.sinon;
const Backbone = global.Backbone;

describe('Save', function () {
  describe('save method', function () {
    var module;
    before(function () {
      module = SaveInjector({
        'newsletter_editor/components/communication': {
          CommunicationComponent: {
            saveNewsletter: function () {
              return jQuery.Deferred();
            },
          },
        },
      }).SaveComponent;
    });

    it('triggers beforeEditorSave event', function () {
      var spy = sinon.spy();
      global.stubChannel(App, {
        trigger: spy,
      });
      App.toJSON = sinon.stub().returns({
        body: {
          type: 'container',
        },
      });
      module.save();
      expect(spy).to.have.callCount(1);
      expect(spy).to.have.been.calledWith('beforeEditorSave');
    });

    it('triggers afterEditorSave event', function () {
      var innerModule;
      var spy = sinon.spy();
      var promise = jQuery.Deferred();
      global.stubChannel(App, {
        trigger: spy,
      });
      App.toJSON = sinon.stub().returns({
        body: {
          type: 'container',
        },
      });
      innerModule = SaveInjector({
        'newsletter_editor/components/communication': {
          CommunicationComponent: {
            saveNewsletter: sinon.stub().returns(promise),
          },
        },
      }).SaveComponent;
      promise.resolve({ success: true });
      innerModule.save();
      expect(spy.withArgs('afterEditorSave').calledOnce).to.be.true; // eslint-disable-line no-unused-expressions
    });

    it('sends newsletter json to server for saving', function () {
      var mock = sinon.mock().once().returns(jQuery.Deferred());
      var innerModule = SaveInjector({
        'newsletter_editor/components/communication': {
          CommunicationComponent: {
            saveNewsletter: mock,
          },
        },
      }).SaveComponent;
      global.stubChannel(App);

      App.toJSON = sinon.stub().returns({});
      innerModule.save();

      mock.verify();
    });

    it('encodes newsletter body in JSON format', function () {
      var innerModule;
      var body = { type: 'testType' };
      var mock = sinon
        .mock()
        .once()
        .withArgs({
          body: JSON.stringify(body),
        })
        .returns(jQuery.Deferred());
      global.stubChannel(App);

      App.toJSON = sinon.stub().returns({
        body: body,
      });
      innerModule = SaveInjector({
        'newsletter_editor/components/communication': {
          CommunicationComponent: {
            saveNewsletter: mock,
          },
        },
      }).SaveComponent;
      innerModule.save();

      mock.verify();
    });
  });

  describe('view', function () {
    var validNewsletter = {
      body: {
        content: {
          blocks: [{ type: 'footer' }],
        },
      },
    };
    before(function () {
      var newsletter = {
        get: sinon.stub().withArgs('type').returns('newsletter'),
      };
      App._contentContainer = {
        isValid: sinon.stub().returns(true),
      };
      global.stubConfig(App);
      App.getNewsletter = sinon.stub().returns(newsletter);
    });

    it('renders', function () {
      var view;
      var model = new Backbone.SuperModel({});
      model.isWoocommerceTransactional = function () {
        return false;
      };
      model.isAutomationEmail = function () {
        return false;
      };
      model.isConfirmationEmailTemplate = function () {
        return false;
      };
      view = new SaveComponent.SaveView({ model: model });
      expect(view.render).to.not.throw();
    });

    describe('validateNewsletter', function () {
      var hideValidationErrorStub;
      var view;
      var model;
      beforeEach(function () {
        model = new Backbone.SuperModel({});
        model.isWoocommerceTransactional = function () {
          return false;
        };
        model.isAutomationEmail = function () {
          return false;
        };
        model.isConfirmationEmailTemplate = function () {
          return false;
        };
        view = new SaveComponent.SaveView({ model: model });
        hideValidationErrorStub = sinon.stub(view, 'hideValidationError');
      });

      it('hides errors for valid newsletter', function () {
        view.validateNewsletter(validNewsletter);
        expect(hideValidationErrorStub.callCount).to.be.equal(1);
      });

      it('hides errors for valid post notification', function () {
        var newsletter = {
          get: sinon.stub().withArgs('type').returns('notification'),
        };
        App.getNewsletter = sinon.stub().returns(newsletter);
        view.validateNewsletter({
          body: {
            content: {
              blocks: [{ type: 'automatedLatestContent' }],
            },
          },
        });
        expect(hideValidationErrorStub.callCount).to.be.equal(1);
      });

      it('shows error for notification email type when ALC content is not present', function () {
        var newsletter = {
          get: sinon.stub().withArgs('type').returns('notification'),
        };
        var showValidationErrorStub = sinon.stub(view, 'showValidationError');
        App.getNewsletter = sinon.stub().returns(newsletter);
        view.validateNewsletter(validNewsletter);
        expect(showValidationErrorStub.callCount).to.be.equal(1);
      });
    });

    describe('once rendered', function () {
      var view;
      var model;
      beforeEach(function () {
        App._contentContainer = {
          isValid: sinon.stub().returns(true),
        };
        model = new Backbone.SuperModel({});
        model.isWoocommerceTransactional = function () {
          return false;
        };
        model.isAutomationEmail = function () {
          return false;
        };
        model.isConfirmationEmailTemplate = function () {
          return false;
        };
        view = new SaveComponent.SaveView({ model: model });
        view.render();
      });

      it('triggers newsletter saving when clicked on save button', function () {
        var mock = sinon
          .mock({ request: function () {} })
          .expects('request')
          .once()
          .withArgs('save');
        global.stubChannel(App, {
          request: mock,
        });
        view.$('.mailpoet_save_button').trigger('click');

        mock.verify();
      });

      it('displays saving options when clicked on save options button', function () {
        view.$('.mailpoet_save_show_options').trigger('click');
        expect(view.$('.mailpoet_save_options')).to.not.have.$class(
          'mailpoet_hidden',
        );
      });

      it('triggers template saving when clicked on "save as template" button', function () {
        var mock = sinon
          .mock({ post: function () {} })
          .expects('post')
          .once()
          .returns(jQuery.Deferred());
        var promiseMock = {};
        var module;

        promiseMock.then = function (cb) {
          cb();
          return promiseMock;
        };
        promiseMock.catch = promiseMock.then;

        App.getBody = sinon.stub();
        App.getNewsletter = function () {
          return {
            get: function () {
              return 'standard';
            },
          };
        };
        module = SaveInjector({
          mailpoet: {
            MailPoet: {
              Ajax: {
                post: mock,
              },
              I18n: {
                t: function () {
                  return '';
                },
              },
              Notice: {
                success: function () {},
                error: function () {},
              },
              trackEvent: function () {},
            },
          },
          'newsletter_editor/App': { App },
          common: {
            fromNewsletter: function () {
              return promiseMock;
            },
          },
        }).SaveComponent;
        model = new Backbone.SuperModel({});
        model.isWoocommerceTransactional = function () {
          return false;
        };
        model.isAutomationEmail = function () {
          return false;
        };
        model.isConfirmationEmailTemplate = function () {
          return false;
        };
        view = new module.SaveView({ model: model });
        view.render();

        view.$('.mailpoet_save_as_template_name').val('A sample template');
        view
          .$('.mailpoet_save_as_template_description')
          .val('Sample template description');
        view.$('.mailpoet_save_as_template').trigger('click');

        mock.verify();
      });

      it('saves newsletter when clicked on "next" button', function () {
        var spy = sinon.spy();
        var module = SaveInjector({
          'newsletter_editor/components/communication': {
            CommunicationComponent: {
              saveNewsletter: function () {
                return jQuery.Deferred();
              },
            },
          },
        }).SaveComponent;
        global.stubChannel(App, {
          trigger: spy,
        });
        model = new Backbone.SuperModel({});
        model.isWoocommerceTransactional = function () {
          return false;
        };
        model.isAutomationEmail = function () {
          return false;
        };
        model.isConfirmationEmailTemplate = function () {
          return false;
        };
        view = new module.SaveView({ model: model });
        view.render();

        view.$('.mailpoet_save_next').trigger('click');
        expect(spy).to.have.callCount(1);
        expect(spy).to.have.been.calledWith('beforeEditorSave');
      });
    });
  });

  describe('preview view', function () {
    var view;
    beforeEach(function () {
      view = new SaveComponent.NewsletterPreviewView();
    });

    it.skip('renders', function () {
      expect(view.render).to.not.throw();
    });
  });
});