/**
 * @fileoverview Test env
 * @author NHN Ent. FE Development Lab <dl_javascript@nhn.com>
 */

import snippet from 'tui-code-snippet';
import ImageEditor from '../src/js/imageEditor';
import fabric from 'fabric';
import { eventNames, keyCodes } from '../src/js/consts';

const { OBJECT_ROTATED } = eventNames;

describe('ImageEditor', () => {
  // hostnameSent module scope variable can not be reset.
  // maintain cases with xit as it always fail, if you want to test these cases, change xit to fit one by one
  describe('constructor', () => {
    let imageEditor, el;

    beforeEach(() => {
      el = document.createElement('div');
      spyOn(snippet, 'sendHostname');

      imageEditor = new ImageEditor(el, {
        usageStatistics: false,
      });
    });

    afterEach(() => {
      imageEditor.destroy();
    });

    xit('should send hostname by default', () => {
      imageEditor = new ImageEditor(el);

      expect(snippet.sendHostname).toHaveBeenCalled();
    });

    xit('should not send hostname on usageStatistics option false', () => {
      imageEditor = new ImageEditor(el, {
        usageStatistics: false,
      });

      expect(snippet.sendHostname).not.toHaveBeenCalled();
    });

    it('`preventDefault` of BACKSPACE key events should not be executed when object is selected state.', () => {
      const spyCallback = jasmine.createSpy();

      spyOn(imageEditor._graphics, 'getActiveObject').and.returnValue(null);

      imageEditor._onKeyDown({
        keyCode: keyCodes.BACKSPACE,
        preventDefault: spyCallback,
      });

      expect(spyCallback).not.toHaveBeenCalled();
    });

    it('"objectRotated" event should be fire at object is rotate.', () => {
      const canvas = imageEditor._graphics.getCanvas();
      const obj = new fabric.Object({});
      const mock = { target: obj };
      canvas.add(obj);

      spyOn(imageEditor, 'fire').and.callThrough();

      canvas.fire('object:rotating', mock);

      expect(imageEditor.fire.calls.mostRecent().args[0]).toBe(OBJECT_ROTATED);
    });
  });
});