jest test setup between sample-app components and headless-react top …

…level repo

__mocks__/styleMock.ts

@@ -0,0 +1 @@
+module.exports = {};

__mocks__/svgMock.tsx

@@ -0,0 +1,2 @@
+import * as React from 'react';
+module.exports = { ReactComponent: () => <div>IconMock</div> };

package.json

@@ -73,6 +73,11 @@
     "testEnvironment": "jsdom",
     "testMatch": [
       "<rootDir>/tests/**/*.(test).ts(x)?"
-    ]
+    ],
+    "moduleNameMapper": {
+      "@yext/answers-headless-react": "<rootDir>/src",
+      "\\.svg$": "<rootDir>/__mocks__/svgMock.tsx",
+      "\\.(css|scss)$": "<rootDir>/__mocks__/styleMock.ts"
+    }
   }
 }

react-app.d.ts

@@ -0,0 +1,10 @@
+declare module '*.svg' {
+  import * as React from 'react';
+
+  export const ReactComponent: React.FunctionComponent<React.SVGProps<
+    SVGSVGElement
+  > & { title?: string }>;
+
+  const src: string;
+  export default src;
+}

tsconfig.json

@@ -15,6 +15,7 @@
     "jsx": "react-jsx"
   },
   "include": [
-    "src"
+    "src",
+    "react-app.d.ts"
   ]
 }