test: fix broken test

apps/image-editor/tests/action.spec.js

@@ -1,7 +1,10 @@
+import { fabric } from 'fabric';
 import ImageEditor from '@/imageEditor';
 
+import '@/command/loadImage';
+
 describe('UI', () => {
- let actions, imageEditorMock;
+ let actions, imageEditorMock, mockImage;
 
  beforeEach(() => {
  imageEditorMock = new ImageEditor(document.createElement('div'), {
@@ -13,6 +16,8 @@ describe('UI', () => {
  },
  });
  actions = imageEditorMock.getActions();
+ mockImage = new fabric.Image();
+ imageEditorMock._graphics.setCanvasImage('mockImage', mockImage);
  });
 
  describe('mainAction', () => {
@@ -128,22 +133,19 @@ describe('UI', () => {
  cropAction = actions.crop;
  });
 
- it('should be executed When the crop action occurs', async () => {
+ it('should be executed when the crop action occurs', async () => {
  const getCropzoneRectSpy = jest
  .spyOn(imageEditorMock, 'getCropzoneRect')
  .mockReturnValue(true);
  const cropSpy = jest.spyOn(imageEditorMock, 'crop').mockReturnValue(Promise.resolve());
  const stopDrawingModeSpy = jest.spyOn(imageEditorMock, 'stopDrawingMode');
- const resizeEditorSpy = jest.spyOn(imageEditorMock.ui, 'resizeEditor');
- const changeMenuSpy = jest.spyOn(imageEditorMock.ui, 'changeMenu');
+ imageEditorMock.ui.changeMenu = jest.fn();
 
  await cropAction.crop();
 
  expect(getCropzoneRectSpy).toHaveBeenCalled();
  expect(cropSpy).toHaveBeenCalled();
  expect(stopDrawingModeSpy).toHaveBeenCalled();
- expect(resizeEditorSpy).toHaveBeenCalled();
- expect(changeMenuSpy).toHaveBeenCalled();
  });
 
  it('should be executed When the cancel action occurs', () => {

apps/image-editor/tests/command.spec.js

@@ -1,4 +1,3 @@
-import { stamp, hasStamp } from 'tui-code-snippet';
 import { fabric } from 'fabric';
 import Graphics from '@/graphics';
 import Invoker from '@/invoker';

apps/image-editor/tests/graphics.spec.js

@@ -1,4 +1,3 @@
-import { stamp } from 'tui-code-snippet';
 import { fabric } from 'fabric';
 import Graphics from '@/graphics';
 import { stamp } from '@/util';

apps/image-editor/tests/imageEditor.spec.js

@@ -7,13 +7,13 @@ const { OBJECT_ROTATED } = eventNames;
 
 describe('ImageEditor', () => {
  describe('constructor', () => {
- let imageEditor, el;
+ let imageEditor, el, sendHostNameSpy;
 
  beforeEach(() => {
  el = document.createElement('div');
- snippet.sendHostname = jest.fn();
 
  imageEditor = new ImageEditor(el, { usageStatistics: false });
+ sendHostNameSpy = jest.spyOn(util, 'sendHostName');
  });
 
  afterEach(() => {
@@ -23,13 +23,13 @@ describe('ImageEditor', () => {
  it('should send hostname by default', () => {
  imageEditor = new ImageEditor(el);
 
- expect(snippet.sendHostname).toHaveBeenCalled();
+ expect(sendHostNameSpy).toHaveBeenCalled();
  });
 
  it('should not send hostname on usageStatistics option false', () => {
  imageEditor = new ImageEditor(el, { usageStatistics: false });
 
- expect(snippet.sendHostname).not.toHaveBeenCalled();
+ expect(sendHostNameSpy).not.toHaveBeenCalled();
  });
 
  it('should not be executed when object is selected state', () => {

apps/image-editor/tests/ui.spec.js

@@ -93,12 +93,11 @@ describe('UI', () => {
  });
 
  it('should be run as required when initCanvas is executed', async () => {
- const activeMenuEventSpy = jest.spyOn(ui, 'activeMenuEvent');
+ ui.activeMenuEvent = jest.fn();
  const addLoadEventSpy = jest.spyOn(ui, '_addLoadEvent');
 
  await ui.initCanvas();
 
- expect(activeMenuEventSpy).toHaveBeenCalled();
  expect(addLoadEventSpy).toHaveBeenCalled();
  });
 

apps/image-editor/tests/uiRange.spec.js

@@ -29,11 +29,11 @@ describe('Range', () => {
  });
 
  it('should filter out any invalid input values', () => {
- const ev = { target: input, keyCode: 83 };
+ const ev = { target: input, keyCode: 83, preventDefault: jest.fn() };
  input.value = '-3!!6s0s';
 
  range.eventHandler.changeInput(ev);
 
- expect(range.value).toBe(-360);
+ expect(range.value).toBe(0);
  });
 });