Up ButtonsView test

test/specs/panels/view/ButtonsView.js

@@ -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();
-  });
-});

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();
+  });
+});