Up BlocksView tests

test/specs/block_manager/view/BlocksView.js → test/specs/block_manager/view/BlocksView.ts

@@ -1,24 +1,23 @@
-import Backbone from 'backbone';
+import BlocksView from '../../../../src/block_manager/view/BlocksView';
-import BlocksView from 'block_manager/view/BlocksView';
+import Blocks from '../../../../src/block_manager/model/Blocks';
-import Blocks from 'block_manager/model/Blocks';
+import EditorModel from '../../../../src/editor/model/Editor';
 
 describe('BlocksView', () => {
-  var $fixtures;
+  let model: Blocks;
-  var $fixture;
+  let view: BlocksView;
-  var model;
+  let em: EditorModel;
-  var view;
-  var editorModel;
-  var ppfx;
 
   beforeEach(() => {
-    model = new Blocks([]);
+    em = new EditorModel();
-    view = new BlocksView({ collection: model });
+    model = em.Blocks.blocks;
+    view = new BlocksView({ collection: model }, { em });
     document.body.innerHTML = '<div id="fixtures"></div>';
-    document.body.querySelector('#fixtures').appendChild(view.render().el);
+    document.body.querySelector('#fixtures')!.appendChild(view.render().el);
   });
 
   afterEach(() => {
     view.collection.reset();
+    em.destroy();
   });
 
   test('The container is not empty', () => {
@@ -45,19 +44,18 @@ describe('BlocksView', () => {
 
   describe('With configs', () => {
     beforeEach(() => {
-      ppfx = 'pfx-t-';
+      em = new EditorModel({
-      editorModel = new Backbone.Model();
+        blockManager: {
-      model = new Blocks([{ name: 'test1' }, { name: 'test2' }]);
+          blocks: [
-      view = new BlocksView(
+            { label: 'test1', content: '1' },
-        {
+            { label: 'test2', content: '2' },
-          collection: model,
+          ],
         },
-        {
+      });
-          pStylePrefix: ppfx,
+      model = em.Blocks.blocks;
-        }
+      view = new BlocksView({ collection: model }, { em });
-      );
       document.body.innerHTML = '<div id="fixtures"></div>';
-      document.body.querySelector('#fixtures').appendChild(view.render().el);
+      document.body.querySelector('#fixtures')!.appendChild(view.render().el);
     });
 
     test('Render children', () => {
@@ -65,7 +63,7 @@ describe('BlocksView', () => {
     });
 
     test('Render container', () => {
-      expect(view.getBlocksEl().getAttribute('class')).toEqual(ppfx + 'blocks-c');
+      expect(view.getBlocksEl().getAttribute('class')).toEqual('blocks-c');
     });
   });
 });