Update Frame api for the main component

src/canvas/model/Frame.js

@@ -38,7 +38,7 @@ export default Backbone.Model.extend({
     }
   },
 
-  getComponents() {
+  getComponent() {
     return this.get('components');
   },
 

src/canvas/view/FrameView.js

@@ -252,7 +252,7 @@ export default Backbone.View.extend({
 
   renderBody() {
     const { config, model, ppfx } = this;
-    const components = model.getComponents();
+    const components = model.getComponent();
     const styles = model.getStyles();
     const { em } = config;
     const doc = this.getDoc();

src/dom_components/index.js

@@ -453,11 +453,14 @@ export default () => {
      * @private
      */
     getComponent() {
-      return this.em
-        .get('PageManager')
-        .getSelected()
-        .getMainFrame()
-        .getComponents();
+      return (
+        component ||
+        this.em
+          .get('PageManager')
+          .getSelected()
+          .getMainFrame()
+          .getComponent()
+      );
     },
 
     /**

src/utils/Droppable.js

@@ -13,7 +13,7 @@ export default class Droppable {
       em
         .get('Canvas')
         .getFrames()
-        .map(frame => frame.getComponents().getEl());
+        .map(frame => frame.getComponent().getEl());
     const els = Array.isArray(el) ? el : [el];
     this.el = el;
     this.counter = 0;

test/specs/pages/index.js

@@ -61,6 +61,8 @@ describe('Pages', () => {
     expect(initCmpLen).toBe(1);
   });
 
+  //   describe.only('Enable page manager', () => {});
+
   describe.only('Init with pages', () => {
     let idPage1, idComp1, idComp2, comp1, comp2, initPages;
     const createCompDef = id => ({
@@ -98,7 +100,7 @@ describe('Pages', () => {
         }
       ];
       editor = new Editor({
-        pages: {
+        pageManager: {
           pages: initPages
         }
       });
@@ -120,7 +122,12 @@ describe('Pages', () => {
       expect(pages.length).toBe(initPages.length);
       pages.map(page => {
         expect(page.get('id')).toBeTruthy();
-        // expect(page.getMainFrame().getComponents().get('type')).toBe('wrapper');
+        expect(
+          page
+            .getMainFrame()
+            .getComponent()
+            .get('type')
+        ).toBe('wrapper');
       });
     });
     // test('Pages are created', () => {