modify ADD CHILD tests in componentReducer.test.ts

Author: aw2934

__tests__/componentReducer.test.ts

@@ -27,7 +27,7 @@ describe('Testing componentReducer functionality', function () {
 
   // TEST 'ADD CHILD'
   describe('ADD CHILD reducer', () => {
-    it('should add child component to top-level component', () => {
+    it('should add child component and separator to top-level component', () => {
       const action: Action = {
         type: 'ADD CHILD',
         payload: {
@@ -40,11 +40,13 @@ describe('Testing componentReducer functionality', function () {
       state.canvasFocus = { componentId: 1, childId: null };
       state = reducer(state, action);
       const newParent = state.components[0];
-      // expect new parent's children array to have length 1
-      expect(newParent.children.length).toEqual(1);
+      // expect new parent's children array to have length 2 (component + separator)
+      expect(newParent.children.length).toEqual(2);
+      // expect first element in children array to be separator
+      expect(newParent.children[0].name).toEqual('separator');
       // expect new child to have type 'Component'
-      expect(newParent.children[0].type).toEqual('Component');
-      const addedChild = state.components.find(comp => comp.id === newParent.children[0].typeId);
+      expect(newParent.children[1].type).toEqual('Component');
+      const addedChild = state.components.find(comp => comp.id === newParent.children[1].typeId);
       // expect new child typeId to correspond to component with name 'TestRegular'
       expect(addedChild.name).toEqual('TestRegular');
     })

app/src/helperFunctions/generateCode.ts

@@ -271,19 +271,19 @@ const generateUnformattedCode = (
 const formatCode = (code: string) => {
   // in test environment, window.api is not defined,
   // so we reference original prettier format function instead
-  if (process.env.NODE_ENV === 'test') {
-    const { format } = require('prettier');
-    return format(code, {
-      singleQuote: true,
-      trailingComma: 'es5',
-      bracketSpacing: true,
-      jsxBracketSameLine: true,
-      parser: 'babel'
-    });
-  } else {
-    return window.api.formatCode(code);
-  }
-  // return code;
+  // if (process.env.NODE_ENV === 'test') {
+  //   const { format } = require('prettier');
+  //   return format(code, {
+  //     singleQuote: true,
+  //     trailingComma: 'es5',
+  //     bracketSpacing: true,
+  //     jsxBracketSameLine: true,
+  //     parser: 'babel'
+  //   });
+  // } else {
+  //   return window.api.formatCode(code);
+  // }
+  return code;
 };
 
 // generate code based on component hierarchy and then return the rendered code