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

* Format SVG React snapshots as <svg> tag with props * Keep output simpler

Format SVG React snapshots as <svg> tag with props (#5196)
* Format SVG React snapshots as <svg> tag with props * Keep output simpler
53e4c0ac · Dan Abramov · GitHub · aa57262f · 53e4c0ac
Unverified Commit 53e4c0ac authored 6 years ago by Dan Abramov Committed by GitHub 6 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 9 additions and 1 deletion
+9 -1
--- 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}
+          })
+        }),
      };`;
    }