Up PanelsView test

test/specs/panels/view/PanelsView.js

@@ -1,38 +0,0 @@
-import PanelsView from 'panels/view/PanelsView';
-import Panels from 'panels/model/Panels';
-import Editor from 'editor';
-describe('PanelsView', () => {
-  var fixtures;
-  var $fixture;
-  var em;
-  var model;
-  var view;
-
-  beforeEach(() => {
-    em = new Editor({});
-    model = new Panels(em.Panels);
-    view = new PanelsView(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 panel', () => {
-    sinon.stub(view, 'addToCollection');
-    view.collection.add({});
-    expect(view.addToCollection.calledOnce).toEqual(true);
-  });
-
-  test('Render new panel', () => {
-    view.collection.add({});
-    expect(view.$el.html()).toBeTruthy();
-  });
-});

test/specs/panels/view/PanelsView.ts

@@ -0,0 +1,38 @@
+import PanelsView from '../../../../src/panels/view/PanelsView';
+import Panels from '../../../../src/panels/model/Panels';
+import Editor from '../../../../src/editor';
+
+describe('PanelsView', () => {
+  let fixtures: HTMLElement;
+  let editor: Editor;
+  let model: Panels;
+  let view: PanelsView;
+
+  beforeEach(() => {
+    editor = new Editor({});
+    model = new Panels(editor.Panels, []);
+    view = new PanelsView(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 panel', () => {
+    const spy = jest.spyOn(view, 'addToCollection' as any);
+    view.collection.add([{}]);
+    expect(spy).toBeCalledTimes(1);
+  });
+
+  test('Render new panel', () => {
+    view.collection.add([{}]);
+    expect(view.$el.html()).toBeTruthy();
+  });
+});