react-component-name 0.0.1 → 0.0.3

package/README.md

@@ -1,6 +1,6 @@
 # react-component-name
 
-Get a React component name from its rendered element
+Get a React component name from its `DOM` element
 
 _These examples use **Testing Library** but you can also get the component name from any rendered element with `getComponentNameFromElement` or from its `Fiber` node with `getComponentNameFromFiber`_
 
@@ -19,28 +19,40 @@ function Component () {
   return <div />
 }
 
-expect(getComponentNameFromRender(render(
-  <Component />
-)))
-  .toBe('div')
-
-const {
-  container
-} = render(
-  <Component />
-)
-
-expect(getComponentNameFromContainerElement(container))
-  .toBe('div')
-
-const {
-  container: {
-    firstElementChild: element
-  }
-} = render(
-  <Component />
-)
-
-expect(getComponentNameFromElement(element))
-  .toBe('div')
+describe('`getComponentNameFromRender`', () => {
+  it('gets the component name from `render`' () => {
+    expect(getComponentNameFromRender(render(
+      <Component />
+    )))
+      .toBe('div')
+  })
+})
+
+describe('`getComponentNameFromContainerElement`', () => {
+  it('gets the component name from the component container element' () => {
+    const {
+      container
+    } = render(
+      <Component />
+    )
+
+    expect(getComponentNameFromContainerElement(container))
+      .toBe('div')
+  })
+})
+
+describe('`getComponentNameFromElement`', () => {
+  it('gets the component name from the component element' () => {
+    const {
+      container: {
+        firstElementChild: element
+      }
+    } = render(
+      <Component />
+    )
+
+    expect(getComponentNameFromElement(element))
+      .toBe('div')
+  })
+})
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-component-name",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Get a React component name from Fiber",
   "keywords": [
     "react",
@@ -43,8 +43,8 @@
     "@testing-library/react": "^16.2.0",
     "@types/debug": "^4.1.12",
     "@types/jest": "^29.5.14",
-    "@types/react": "^19.0.11",
-    "@types/testing-library__react": "^10.0.1",
+    "@types/react": "^19.0.12",
+    "@types/testing-library__react": "^10.2.0",
     "@typescript-eslint/parser": "^8.26.1",
     "core-js": "^3.41.0",
     "eslint": "^9.22.0",

package/src/index.mjs

@@ -68,11 +68,9 @@ export function getElementFromRender (render) {
  *  @param {RenderType} render
  *  @returns {Element}
  */
-export function getContainerElementFromRender (render) {
-  const {
-    container: containerElement
-  } = render
-
+export function getContainerElementFromRender ({
+  container: containerElement
+}) {
   return containerElement
 }
 
@@ -80,11 +78,9 @@ export function getContainerElementFromRender (render) {
  *  @param {Element} containerElement
  *  @returns {Element | null}
  */
-function getElementFromContainerElement (containerElement) {
-  const {
-    firstElementChild: element = null
-  } = containerElement
-
+function getElementFromContainerElement ({
+  firstElementChild: element = null
+}) {
   return element
 }
 

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "NodeNext",
-    "target": "ESNext",
-    "allowJs": true,
-    "checkJs": true,
-    "noEmit": true,
-    "strict": true,
-    "jsx": "react"
-  },
-  "include": [
-    "."
-  ]
-}