react-component-snapshot 0.0.16 → 0.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-component-snapshot",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Transform a React component to match its snapshot in Jest",
   "keywords": [
     "react",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "debug": "^4.4.0",
-    "react-component-name": "^0.0.7"
+    "react-component-name": "^0.0.8"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
@@ -45,6 +45,7 @@
     "@types/debug": "^4.1.12",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.0.12",
+    "@types/react-dom": "^19.0.4",
     "@typescript-eslint/parser": "^8.28.0",
     "core-js": "^3.41.0",
     "eslint": "^9.23.0",
@@ -53,7 +54,8 @@
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "react": "19.0.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "imports": {
     "#react-component-snapshot": "./src/index.mjs"

package/src/fiber/index.mjs

@@ -128,6 +128,55 @@ function getSiblings (fiberNode) {
   return siblings
 }
 
+/**
+ * @param {[key: PropertyKey, value: unknown]} entry
+ * @returns {PropertyKey}
+ */
+function getEntryKey ([key]) {
+  return key
+}
+
+/**
+ * @param {[key: PropertyKey, value: unknown]} entry
+ * @returns {unknown}
+ */
+function getEntryValue ([key, value]) {
+  return value
+}
+
+/**
+ * @param {[key: PropertyKey, value: unknown]} entry
+ * @returns {boolean}
+ */
+function entryKeyIsNotChildren (entry) {
+  return getEntryKey(entry) !== 'children'
+}
+
+/**
+ * @param {[key: PropertyKey, value: unknown]} entry
+ * @returns {boolean}
+ */
+function entryKeyIsNotRef (entry) {
+  return getEntryKey(entry) !== 'ref'
+}
+
+/**
+ * @param {[key: PropertyKey, value: unknown]} entry
+ * @returns {boolean}
+ */
+function entryValueIsNotRef (entry) {
+  const value = getEntryValue(entry)
+
+  if (isObject(value)) {
+    return !( // @ts-expect-error
+      value.$$typeof === REACT_COMPONENT_FORWARD_REF_TYPE /* forward ref */ ||
+      'current' in value /* ref shape */
+    )
+  }
+
+  return true
+}
+
 /**
  *  @param {FiberNode} fiberNode
  *  @returns {Record<PropertyKey, unknown>}
@@ -144,17 +193,9 @@ function getProps (fiberNode) {
     return (
       Object.fromEntries(
         Object.entries(props)
-          .filter(([key]) => key !== 'children')
-          .filter(([key]) => key !== 'ref')
-          .filter(([key, value]) => { // key is not `ref` but value may be a `ref`
-            if (isObject(value)) {
-              return !(
-                value.$$typeof !== REACT_COMPONENT_FORWARD_REF_TYPE /* forward ref */ ||
-                'current' in value /* ref shape */
-              )
-            }
-            return true
-          })
+          .filter(entryKeyIsNotChildren)
+          .filter(entryKeyIsNotRef) // key is not `ref`
+          .filter(entryValueIsNotRef) // ... but value may be a `ref`
       )
     )
   }
@@ -162,6 +203,20 @@ function getProps (fiberNode) {
   return {}
 }
 
+/**
+ *  @param {FiberNode} fiberNode
+ *  @returns {string | FiberNode}
+ */
+function toChildrenOf (fiberNode) {
+  const stateNode = fiberNode.stateNode
+
+  if (stateNode instanceof Text) {
+    return stateNode.data
+  }
+
+  return fiberNode
+}
+
 /**
  *  @param {FiberNode} fiberNode
  *  @returns {Array<string | FiberNode>}
@@ -172,15 +227,10 @@ function getChildrenOf (fiberNode) {
   if (child) {
     const siblings = getSiblings(child)
 
-    return [child].concat(siblings).map((child) => {
-      const stateNode = child.stateNode
-
-      if (stateNode instanceof Text) {
-        return stateNode.data
-      }
-
-      return child
-    })
+    return (
+      [child].concat(siblings)
+        .map(toChildrenOf)
+    )
   }
 
   const stateNode = fiberNode.stateNode

package/src/index.d.mts

@@ -2,6 +2,8 @@ import type {
   RenderResult as RenderType
 } from '@testing-library/react'
 
+import '#react-component-snapshot/fiber'
+
 export function getComponentElement (render: RenderType): Element | null
 
 export function getComponentElementFromRender (render: RenderType): Element | null

package/.publish/README.md

@@ -1,20 +0,0 @@
-# Publish to NPM
-
-For CircleCI or the shell
-
-If you need an _authentication token_ to publish then you should resolve that before executing this script
-
-```bash
-echo ".publish/publish.sh" >> .npmignore
-git clone https://github.com/modernpoacher/publish.git .publish
-.publish/publish.sh
-```
-
-A Gist with the same content as `publish.sh` may need an additional step
-
-```bash
-echo ".publish/publish.sh" >> .npmignore
-git clone https://gist.github.com/efd85e2b8da1ee830dd637f134994a9d.git .publish
-chmod +x .publish/publish.sh
-.publish/publish.sh
-```