Improve Jest mock for SVGR components

Instead of returning a simple object with the default `ReactComponent` key the mock now returns an real `<svg>` React component. GH-76
nordtheme · Dec 15, 2018 · cd9bf4c · cd9bf4c
1 parent ea3d9fc
commit cd9bf4c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -64,7 +64,7 @@ module.exports = {
     ".+\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":
       "<rootDir>/test/__mocks__/file.js",
     /* Ensure React components loaded from SVG files are mocked correctly. */
-    ".+\\.svg$": "<rootDir>/test/__mocks__/svgr.js"
+    ".+\\.svg$": "<rootDir>/test/__mocks__/svgr.jsx"
   },
 
   /*

diff --git a/test/__mocks__/svgr.js → test/__mocks__/svgr.jsx b/test/__mocks__/svgr.js → test/__mocks__/svgr.jsx
@@ -16,4 +16,8 @@
  * @since 0.3.0
  */
 
-module.exports = { ReactComponent: "SvgrComponent" };
+import React from "react";
+
+const MockedSvg = props => <svg {...props} />;
+
+module.exports = { ReactComponent: MockedSvg };