import { App } from 'newsletter-editor/app';
import { StylesComponent } from 'newsletter-editor/components/styles';

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

describe('Styles', function () {
  it('loads and stores globally available styles', function () {
    var model;
    StylesComponent.setGlobalStyles({
      testStyle: 'testValue',
    });
    model = StylesComponent.getGlobalStyles();
    expect(model.get('testStyle')).to.equal('testValue');
  });

  describe('model', function () {
    var model;
    beforeEach(function () {
      model = new StylesComponent.StylesModel();
    });

    it('triggers autoSave when changed', function () {
      var mock = sinon
        .mock({ trigger: function () {} })
        .expects('trigger')
        .once()
        .withExactArgs('autoSave');
      App.getChannel = function () {
        return {
          on: function () {},
          trigger: mock,
        };
      };
      model.set('text.fontColor', '#123456');
      mock.verify();
    });
  });

  describe('view', function () {
    var model;
    var view;
    beforeEach(function () {
      model = new StylesComponent.StylesModel();
      view = new StylesComponent.StylesView({ model: model });
    });

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