finished setting up Gastby app test connect exports, ready for unit testing, Philip, https://github.com/pmhua, Daniel https://github.com/dreille, William https://github.com/wbrittwage, Miles https://github.com/Miles818

Author: pmhua

app/src/helperFunctions/generateCode.ts

@@ -274,7 +274,7 @@ const generateUnformattedCode = (
     ${links ? `import { Link } from 'gatsby'` : ``}
    
 
-      const ${currentComponent.name} = (props): JSX.Element => {
+      const ${currentComponent.name} = (props: any): JSX.Element => {
 
         const  [value, setValue] = useState<any | undefined>("INITIAL VALUE");
 

app/src/utils/createGatsbyApp.util.ts

@@ -79,9 +79,24 @@ export const createPackage = (path, appName, test) => {
 };
 //createTSConfig (empty)
 export const createTsConfig = (path, appName) => {
-  const filePath = `${path}/${appName}/tsconfig.json`;
+  const filePath:string = `${path}/${appName}/tsconfig.json`;
   //running 'gatsby dev' will autopopulate this with default values
-  window.api.writeFile(filePath, '', err => {
+  const data:string = `{
+  "compilerOptions": {
+    "outDir": "./dist/",
+    "sourceMap": true,
+    "noImplicitAny": true,
+    "module": "commonjs",
+    "target": "esnext",
+    "jsx": "react",
+    "lib": ["dom", "esnext"],
+    "moduleResolution": "node",
+    "esModuleInterop": true
+  },
+  "include": ["./src/**/*"]
+}
+`;
+  window.api.writeFile(filePath, data, err => {
     if (err) {
       console.log('TSConfig error:', err.message);
     } else {

app/src/utils/createTestSuite.util.ts

@@ -121,8 +121,48 @@ async function createJestPreprocessFile(path: string, appName: string){
 
 async function createComponentTests(path: string, appName: string, components: Component[]) {
   const filePath: string = `${path}/${appName}/__tests__/test.tsx`;
-  const data:string = '';
+  console.log(JSON.stringify(components))
+  console.log(components);
 
+  let data:string = `
+  import React from "react"
+  import renderer from "react-test-renderer"
+  import Enzyme, { shallow } from 'enzyme';
+
+
+  import Adapter from 'enzyme-adapter-react-16';
+  Enzyme.configure({ adapter: new Adapter() });
+  `;
+
+  components.forEach(page => {
+
+    let importString = `
+  import ${capitalize(page.name)} from "../src/pages/${page.name}";`;
+    data = data + importString;
+  })
+
+  //let describe = `describe("${page.name}", () => {`
+  components.forEach(page => {
+    data = data + `
+    
+  describe("${capitalize(page.name)}", () => {`
+  
+
+  data = data + `
+    it("renders correctly", () => {
+      const tree = renderer
+          .create(<${capitalize(page.name)} />)
+          .toJSON()
+      expect(tree).toMatchSnapshot()
+    })`
+
+
+    data = data + `
+  });`
+  })
+
+  
+  
   window.api.writeFile(filePath, data, err => {
     if (err) {
       console.log('createTestSuite.util createComponentTests error:', err.message);
@@ -132,6 +172,11 @@ async function createComponentTests(path: string, appName: string, components: C
   });
 }
 
+const capitalize = (string: string) => {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+
 async function createTestSuite({
   path,
   appName,