init

Author: mertkahyaoglu

package.json

@@ -44,7 +44,6 @@
     "lint-staged": "^4.3.0",
     "lodash": "4.13.1",
     "moment": "2.17.1",
-    "prettier": "^1.7.4",
     "prop-types": "^15.6.0",
     "react": "15.4.1",
     "react-ace": "4.1.5",
@@ -100,7 +99,9 @@
     "nock": "^8.0.0",
     "node-sass": "3.7.0",
     "npm-run-all": "3.1.2",
+    "prettier": "^1.7.4",
     "react-addons-test-utils": "15.4.1",
+    "react-test-renderer": "15.4.1",
     "redux-immutable-state-invariant": "1.2.4",
     "redux-mock-store": "^1.0.4",
     "rimraf": "2.5.4",

spec/fixtures/site/page.md

@@ -2,4 +2,4 @@
 foo: bar
 ---
 
-# Test Page
+# Test Page

src/components/MarkdownEditor.js

@@ -59,18 +59,19 @@ class MarkdownEditor extends Component {
     if (onSave) {
       toolbarIcons.push({
         name: 'save',
-        action: () => {
-          onSave();
-        },
+        action: onSave,
         className: 'fa fa-floppy-o',
         title: 'Save',
       });
     }
     opts['toolbar'] = toolbarIcons;
-    this.editor = new SimpleMDE(opts);
-    this.editor.codemirror.on('change', () => {
-      onChange(this.editor.value());
-    });
+    const editor = new SimpleMDE(opts);
+    if (editor.codemirror) {
+      editor.codemirror.on('change', () => {
+        onChange(editor.value());
+      });
+    }
+    this.editor = editor;
   }
 
   destroy() {

src/components/form/tests/inputpath.spec.js

@@ -4,24 +4,22 @@ import moment from 'moment';
 import InputPath from '../InputPath';
 
 const props = {
-  path: "test.md",
-  type: "posts",
-  splat: "test/some/other"
+  path: 'test.md',
+  type: 'posts',
+  splat: 'test/some/other',
 };
 
 function setup(defaultProps = props) {
   const actions = {
-    onChange: jest.fn()
+    onChange: jest.fn(),
   };
 
-  let component = mount(
-    <InputPath {...defaultProps} {...actions}/>
-  );
+  let component = mount(<InputPath {...defaultProps} {...actions} />);
 
   return {
     component: component,
     input: component.find('textarea'),
-    actions
+    actions,
   };
 }
 
@@ -32,9 +30,7 @@ describe('Components::InputPath', () => {
   });
 
   it('should prepend date to input value/placeholder for new post', () => {
-    const { input } = setup(Object.assign({}, props, {
-      type: 'posts'
-    }));
+    const { input } = setup({ ...props, type: 'posts' });
     const expectedValue = moment().format('YYYY-MM-DD') + '-your-title.md';
     expect(input.prop('placeholder')).toBe(expectedValue);
   });

src/components/metadata/tests/metaarrayitem.spec.js

@@ -9,9 +9,9 @@ import MetaObjectItem from '../MetaObjectItem';
 import MetaSimple from '../MetaSimple';
 
 const FieldTypes = {
-  'array': MetaArray,
-  'object': MetaObject,
-  'simple': MetaSimple
+  array: MetaArray,
+  object: MetaObject,
+  simple: MetaSimple,
 };
 
 const defaultProps = {
@@ -22,7 +22,7 @@ const defaultProps = {
   nameAttr: 'metadata["mentors"][1]',
   namePrefix: 'metadata["mentors"]',
   key_prefix: '',
-  index: 0
+  index: 0,
 };
 
 function setup(props = defaultProps) {
@@ -32,19 +32,17 @@ function setup(props = defaultProps) {
     updateFieldKey: jest.fn(),
     updateFieldValue: jest.fn(),
     moveArrayItem: jest.fn(),
-    convertField: jest.fn()
+    convertField: jest.fn(),
   };
 
-  let component = mount(
-    <MetaArrayItem {...props} {...actions} />
-  );
+  let component = mount(<MetaArrayItem {...props} {...actions} />);
 
   return {
     component,
     index: component.find('.array-field-num'),
-    metabuttons: component.find(MetaButtons) ,
+    metabuttons: component.find(MetaButtons),
     actions,
-    props
+    props,
   };
 }
 
@@ -53,38 +51,41 @@ describe('Components::MetaArrayItem', () => {
     const { component, index } = setup();
     let CurrentComponent = FieldTypes[component.prop('type')];
     expect(CurrentComponent).toEqual(MetaSimple);
-    expect(index.text()).toBe(`${defaultProps.index+1}.`);
+    expect(index.text()).toBe(`${defaultProps.index + 1}.`);
   });
+
   it('should render MetaArrayItem with updated props correctly', () => {
-    const { component } = setup(
-      Object.assign({}, defaultProps, {
-        type: 'object',
-        fieldValue: {
-          name: "Ben Balter",
-          username: 'benbalter'
-        }
-      })
-    );
+    const { component } = setup({
+      ...defaultProps,
+      type: 'object',
+      fieldValue: {
+        name: 'Ben Balter',
+        username: 'benbalter',
+      },
+    });
     let CurrentComponent = FieldTypes[component.prop('type')];
     expect(CurrentComponent).toEqual(MetaObject);
     expect(component.find(MetaObjectItem).length).toBe(2);
   });
+
   it('should add `showing-dropdown` class when dropdown button is focused', () => {
     const { component, metabuttons } = setup();
     let dropdownButton = metabuttons.find('.meta-button');
     dropdownButton.simulate('focus');
-    expect(component.find('.array-item-wrap').hasClass('showing-dropdown')).toEqual(true);
-    dropdownButton.simulate('blur');
     expect(
-      component.find('.array-item-wrap').node.classList.length
-    ).toBe(1);
+      component.find('.array-item-wrap').hasClass('showing-dropdown')
+    ).toEqual(true);
+    dropdownButton.simulate('blur');
+    expect(component.find('.array-item-wrap').node.classList.length).toBe(1);
   });
+
   it('should call removeField when the button clicked', () => {
     const { metabuttons, actions } = setup();
     let removeFieldButton = metabuttons.find('.remove-field');
     removeFieldButton.simulate('mousedown');
     expect(actions.removeField).toHaveBeenCalled();
   });
+
   it('should call convertField when the button clicked', () => {
     const { metabuttons, actions } = setup();
     let convertButton = metabuttons.find('.dropdown-wrap span').first();

src/components/metadata/tests/metafield.spec.js

@@ -9,9 +9,9 @@ import MetaArrayItem from '../MetaArrayItem';
 import MetaSimple from '../MetaSimple';
 
 const FieldTypes = {
-  'array': MetaArray,
-  'object': MetaObject,
-  'simple': MetaSimple
+  array: MetaArray,
+  object: MetaObject,
+  simple: MetaSimple,
 };
 
 const defaultProps = {
@@ -21,7 +21,7 @@ const defaultProps = {
   fieldValue: 'page',
   nameAttr: 'metadata["layout"]',
   namePrefix: 'metadata',
-  key_prefix: ''
+  key_prefix: '',
 };
 
 function setup(props = defaultProps) {
@@ -31,19 +31,17 @@ function setup(props = defaultProps) {
     updateFieldKey: jest.fn(),
     updateFieldValue: jest.fn(),
     moveArrayItem: jest.fn(),
-    convertField: jest.fn()
+    convertField: jest.fn(),
   };
 
-  let component = mount(
-    <MetaField {...props} {...actions} />
-  );
+  let component = mount(<MetaField {...props} {...actions} />);
 
   return {
     component,
     keyInput: component.find('.key-field'),
     metabuttons: component.find(MetaButtons),
     actions,
-    props
+    props,
   };
 }
 
@@ -54,20 +52,21 @@ describe('Components::MetaField', () => {
     expect(CurrentComponent).toEqual(MetaSimple);
     expect(keyInput.prop('defaultValue')).toBe(component.prop('fieldKey'));
   });
+
   it('should render MetaField with updated props correctly', () => {
-    const { component, keyInput } = setup(
-      Object.assign({}, defaultProps, {
-        type: 'array',
-        fieldKey: 'students',
-        fieldValue: ['Mert', 'Ankur'],
-        nameAttr: 'metadata["students"]'
-      })
-    );
+    const { component, keyInput } = setup({
+      ...defaultProps,
+      type: 'array',
+      fieldKey: 'students',
+      fieldValue: ['Mert', 'Ankur'],
+      nameAttr: 'metadata["students"]',
+    });
     let CurrentComponent = FieldTypes[component.prop('type')];
     expect(CurrentComponent).toEqual(MetaArray);
     expect(keyInput.prop('defaultValue')).toBe(component.prop('fieldKey'));
     expect(component.find(MetaArrayItem).length).toBe(2);
   });
+
   it('should call updateFieldKey when the input lose focus', () => {
     const { keyInput, actions } = setup();
     keyInput.simulate('blur');
@@ -76,16 +75,18 @@ describe('Components::MetaField', () => {
     keyInput.simulate('blur');
     expect(actions.updateFieldKey).toHaveBeenCalled();
   });
+
   it('should add `showing-dropdown` class when dropdown button is focused', () => {
     const { component, metabuttons } = setup();
     let dropdownButton = metabuttons.find('.meta-button');
     dropdownButton.simulate('focus');
-    expect(component.find('.metafield').hasClass('showing-dropdown')).toEqual(true);
+    expect(component.find('.metafield').hasClass('showing-dropdown')).toEqual(
+      true
+    );
     dropdownButton.simulate('blur');
-    expect(
-      component.find('.metafield').node.classList.length
-    ).toBe(1);
+    expect(component.find('.metafield').node.classList.length).toBe(1);
   });
+
   it('should call removeField when the button clicked', () => {
     const { metabuttons, actions } = setup();
     let removeFieldButton = metabuttons.find('.remove-field');

src/components/metadata/tests/metaobjectitem.spec.js

@@ -9,9 +9,9 @@ import MetaObjectItem from '../MetaObjectItem';
 import MetaSimple from '../MetaSimple';
 
 const FieldTypes = {
-  'array': MetaArray,
-  'object': MetaObject,
-  'simple': MetaSimple
+  array: MetaArray,
+  object: MetaObject,
+  simple: MetaSimple,
 };
 
 const defaultProps = {
@@ -21,7 +21,7 @@ const defaultProps = {
   fieldValue: 'Mert',
   nameAttr: 'metadata["students"]["name"]',
   namePrefix: 'metadata["students"]',
-  key_prefix: ''
+  key_prefix: '',
 };
 
 function setup(props = defaultProps) {
@@ -31,19 +31,17 @@ function setup(props = defaultProps) {
     updateFieldKey: jest.fn(),
     updateFieldValue: jest.fn(),
     moveArrayItem: jest.fn(),
-    convertField: jest.fn()
+    convertField: jest.fn(),
   };
 
-  let component = mount(
-    <MetaObjectItem {...props} {...actions} />
-  );
+  let component = mount(<MetaObjectItem {...props} {...actions} />);
 
   return {
     component,
     keyInput: component.find('.key-field'),
-    metabuttons: component.find(MetaButtons) ,
+    metabuttons: component.find(MetaButtons),
     actions,
-    props
+    props,
   };
 }
 
@@ -54,20 +52,21 @@ describe('Components::MetaObjectItem', () => {
     expect(CurrentComponent).toEqual(MetaSimple);
     expect(keyInput.prop('defaultValue')).toBe(component.prop('fieldKey'));
   });
+
   it('should render MetaObjectItem with updated props correctly', () => {
-    const { component, keyInput } = setup(
-      Object.assign({}, defaultProps, {
-        type: 'array',
-        fieldKey: 'students',
-        fieldValue: ['Mert', 'Ankur'],
-        nameAttr: 'metadata["students"]'
-      })
-    );
+    const { component, keyInput } = setup({
+      ...defaultProps,
+      type: 'array',
+      fieldKey: 'students',
+      fieldValue: ['Mert', 'Ankur'],
+      nameAttr: 'metadata["students"]',
+    });
     let CurrentComponent = FieldTypes[component.prop('type')];
     expect(CurrentComponent).toEqual(MetaArray);
     expect(keyInput.prop('defaultValue')).toBe(component.prop('fieldKey'));
     expect(component.find(MetaArrayItem).length).toBe(2);
   });
+
   it('should call updateFieldKey when the input lose focus', () => {
     const { keyInput, actions } = setup();
     keyInput.simulate('blur');
@@ -76,6 +75,7 @@ describe('Components::MetaObjectItem', () => {
     keyInput.simulate('blur');
     expect(actions.updateFieldKey).toHaveBeenCalled();
   });
+
   it('should add `showing-dropdown` class when dropdown button is focused', () => {
     const { component, metabuttons } = setup();
     let dropdownButton = metabuttons.find('.meta-button');
@@ -84,16 +84,16 @@ describe('Components::MetaObjectItem', () => {
       component.find('.object-item-wrap').hasClass('showing-dropdown')
     ).toEqual(true);
     dropdownButton.simulate('blur');
-    expect(
-      component.find('.object-item-wrap').node.classList.length
-    ).toBe(1);
+    expect(component.find('.object-item-wrap').node.classList.length).toBe(1);
   });
+
   it('should call removeField when the button clicked', () => {
     const { metabuttons, actions } = setup();
     let removeFieldButton = metabuttons.find('.remove-field');
     removeFieldButton.simulate('mousedown');
     expect(actions.removeField).toHaveBeenCalled();
   });
+
   it('should call convertField when the button clicked', () => {
     const { metabuttons, actions } = setup();
     let convertButton = metabuttons.find('.dropdown-wrap span').first();