Dirty fix for enzyme matchers

emotion-js · Nov 9, 2021 · df83ee6 · df83ee6
1 parent f6adf81
commit df83ee6
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/jest/src/utils.js b/packages/jest/src/utils.js
@@ -58,7 +58,9 @@ function getClassNameProp(node) {
   return (node && node.prop('className')) || ''
 }
 
-function getClassNamesFromEnzyme(selectors, node) {
+function getClassNamesFromEnzyme(selectors, nodeWithFragment) {
+  // TODO: Does approach work with older Emotion versions? Does it cause false positives with components named "Fragment" that aren't `React.Fragment`?
+  const node = nodeWithFragment.name() === 'Fragment' ? nodeWithFragment.children() : nodeWithFragment
   // We need to dive in to get the className if we have a styled element from a shallow render
   const isShallow = shouldDive(node)
   const nodeWithClassName = findNodeWithClassName(