From 40658f08c6de53e276c50443809bb488f3d69967 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sat, 2 Sep 2023 13:23:39 +0400
Subject: [PATCH] Up ButtonsView test

---
 test/specs/panels/view/ButtonsView.js | 38 ---------------------------
 test/specs/panels/view/ButtonsView.ts | 38 +++++++++++++++++++++++++++
 2 files changed, 38 insertions(+), 38 deletions(-)
 delete mode 100644 test/specs/panels/view/ButtonsView.js
 create mode 100644 test/specs/panels/view/ButtonsView.ts

diff --git a/test/specs/panels/view/ButtonsView.js b/test/specs/panels/view/ButtonsView.js
deleted file mode 100644
index 95f2e4efe..000000000
--- a/test/specs/panels/view/ButtonsView.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import ButtonsView from 'panels/view/ButtonsView';
-import Buttons from 'panels/model/Buttons';
-import Editor from 'editor';
-
-describe('ButtonsView', () => {
-  var fixtures;
-  var em;
-  var model;
-  var view;
-
-  beforeEach(() => {
-    em = new Editor({});
-    model = new Buttons(em.Panels, []);
-    view = new ButtonsView(model);
-    document.body.innerHTML = '<div id="fixtures"></div>';
-    fixtures = document.body.querySelector('#fixtures');
-    fixtures.appendChild(view.render().el);
-  });
-
-  afterEach(() => {
-    view.collection.reset();
-  });
-
-  test('Collection is empty', () => {
-    expect(view.$el.html()).toEqual('');
-  });
-
-  test('Add new button', () => {
-    sinon.stub(view, 'addToCollection');
-    view.collection.add({});
-    expect(view.addToCollection.calledOnce).toEqual(true);
-  });
-
-  test('Render new button', () => {
-    view.collection.add({});
-    expect(view.$el.html()).toBeTruthy();
-  });
-});
diff --git a/test/specs/panels/view/ButtonsView.ts b/test/specs/panels/view/ButtonsView.ts
new file mode 100644
index 000000000..bb57970d7
--- /dev/null
+++ b/test/specs/panels/view/ButtonsView.ts
@@ -0,0 +1,38 @@
+import ButtonsView from '../../../../src/panels/view/ButtonsView';
+import Buttons from '../../../../src/panels/model/Buttons';
+import EditorModel from '../../../../src/editor/model/Editor';
+
+describe('ButtonsView', () => {
+  let fixtures: HTMLElement;
+  let em: EditorModel;
+  let model: Buttons;
+  let view: ButtonsView;
+
+  beforeEach(() => {
+    em = new EditorModel({});
+    model = new Buttons(em.Panels, []);
+    view = new ButtonsView(model);
+    document.body.innerHTML = '<div id="fixtures"></div>';
+    fixtures = document.body.querySelector('#fixtures')!;
+    fixtures.appendChild(view.render().el);
+  });
+
+  afterEach(() => {
+    view.collection.reset();
+  });
+
+  test('Collection is empty', () => {
+    expect(view.$el.html()).toEqual('');
+  });
+
+  test('Add new button', () => {
+    const spy = jest.spyOn(view, 'addToCollection' as any);
+    view.collection.add([{}]);
+    expect(spy).toBeCalledTimes(1);
+  });
+
+  test('Render new button', () => {
+    view.collection.add([{}]);
+    expect(view.$el.html()).toBeTruthy();
+  });
+});