From 7cde08dbe4f1168a200b8c7bc86b67b3ae9bfc3a Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Fri, 1 Sep 2023 23:21:55 +0400
Subject: [PATCH] Up AssetImageView test

---
 .../{AssetImageView.js => AssetImageView.ts}  | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)
 rename test/specs/asset_manager/view/{AssetImageView.js => AssetImageView.ts} (59%)

diff --git a/test/specs/asset_manager/view/AssetImageView.js b/test/specs/asset_manager/view/AssetImageView.ts
similarity index 59%
rename from test/specs/asset_manager/view/AssetImageView.js
rename to test/specs/asset_manager/view/AssetImageView.ts
index 09c1a98a7..c2806294c 100644
--- a/test/specs/asset_manager/view/AssetImageView.js
+++ b/test/specs/asset_manager/view/AssetImageView.ts
@@ -1,23 +1,22 @@
-import AssetImageView from 'asset_manager/view/AssetImageView';
-import Assets from 'asset_manager/model/Assets';
-
-let obj;
+import AssetImageView from '../../../../src/asset_manager/view/AssetImageView';
+import Assets from '../../../../src/asset_manager/model/Assets';
 
 describe('AssetImageView', () => {
+  let obj: AssetImageView;
+
   beforeEach(() => {
-    var coll = new Assets();
-    var model = coll.add({ type: 'image', src: '/test' });
+    const coll = new Assets();
+    const model = coll.add({ type: 'image', src: '/test' });
     obj = new AssetImageView({
       collection: new Assets(),
       config: {},
       model,
     });
     document.body.innerHTML = '<div id="fixtures"></div>';
-    document.body.querySelector('#fixtures').appendChild(obj.render().el);
+    document.body.querySelector('#fixtures')!.appendChild(obj.render().el);
   });
 
   afterEach(() => {
-    obj = null;
     document.body.innerHTML = '';
   });
 
@@ -27,40 +26,38 @@ describe('AssetImageView', () => {
 
   describe('Asset should be rendered correctly', () => {
     test('Has preview box', () => {
-      var $asset = obj.$el;
+      const $asset = obj.$el;
       expect($asset.find('.preview').length).toEqual(1);
     });
 
     test('Has meta box', () => {
-      var $asset = obj.$el;
+      const $asset = obj.$el;
       expect($asset.find('.meta').length).toEqual(1);
     });
 
     test('Has close button', () => {
-      var $asset = obj.$el;
+      const $asset = obj.$el;
       expect($asset.find('[data-toggle=asset-remove]').length).toEqual(1);
     });
   });
 
   test('Could be selected', () => {
-    var spy = jest.spyOn(obj, 'updateTarget');
+    const spy = jest.spyOn(obj, 'updateTarget');
     obj.$el.trigger('click');
     expect(obj.$el.attr('class')).toContain('highlight');
     expect(spy).toHaveBeenCalled();
   });
 
   test('Could be chosen', () => {
-    sinon.stub(obj, 'updateTarget');
-    var spy = jest.spyOn(obj, 'updateTarget');
+    const spy = jest.spyOn(obj, 'updateTarget');
     obj.$el.trigger('dblclick');
     expect(spy).toHaveBeenCalled();
-    //obj.updateTarget.calledOnce.should.equal(true);
   });
 
   test('Could be removed', () => {
-    var spy = sinon.spy();
-    obj.model.on('remove', spy);
-    obj.onRemove({ stopImmediatePropagation() {} });
-    expect(spy.called).toEqual(true);
+    const fn = jest.fn();
+    obj.model.on('remove', fn);
+    obj.onRemove({ stopImmediatePropagation() {} } as any);
+    expect(fn).toBeCalledTimes(1);
   });
 });