Format SVG React snapshots as <svg> tag with props (#5196)

* Format SVG React snapshots as <svg> tag with props * Keep output simpler
facebook · Oct 1, 2018 · 53e4c0a · 53e4c0a
1 parent aa57262
commit 53e4c0a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/react-scripts/config/jest/fileTransform.js b/packages/react-scripts/config/jest/fileTransform.js
@@ -21,7 +21,15 @@ module.exports = {
       return `module.exports = {
         __esModule: true,
         default: ${assetFilename},
-        ReactComponent: () => ${assetFilename},
+        ReactComponent: (props) => ({
+          $$typeof: Symbol.for('react.element'),
+          type: 'svg',
+          ref: null,
+          key: null,
+          props: Object.assign({}, props, {
+            children: ${assetFilename}
+          })
+        }),
       };`;
     }