1.1.2 • Published 5 years ago

react-test-render v1.1.2

Weekly downloads
3,423
License
-
Repository
-
Last release
5 years ago

React Test Render Utils

Example Usage

import { createRenderer } from 'react-test-render'
import MyComponent from './my-component'
import MyComponentItem from './my-component-item'

test(() => {
  const serviceAbc = new ServiceAbc()
  const renderer = reactTestRender.createRenderer(MyComponent, {
    serviceAbc
  })

  let myComponent = renderer.render({ x: 123 })
  expect(myComponent.props.x).to.be(123)

  serviceAbc.setItemsInTest([ 1, 2, 3 ])
  let itemComponents = renderer.getChildrenOfType(MyComponentItem)
  expect(itemComponents).to.have.length(3)
})

API

reactTestRender.createRenderer(ComponentType, context) -> TestRenderer

# Rerenders and returns the current rendering.
TestRenderer#render(props) -> Component

# Returns the current rendering without rerendering.
TestRenderer#getRendering() -> Component

# Collects the children of the provided component or the root one.
TestRenderer#getChildren(parentComponent) -> [ Component ]
TestRenderer#getChildren() -> [ Component ]
TestRenderer#getChildrenOfType(ComponentType, parentComponent) -> [ Component ]
TestRenderer#getChildrenOfType(tagName, parentComponent) -> [ Component ]
TestRenderer#getChildrenOfType(ComponentType) -> [ Component ]
TestRenderer#getChildrenOfType(tagName) -> [ Component ]
TestRenderer#getChildrenOfClass(className, parentComponent) -> [ Component ]
TestRenderer#getChildrenOfClass(className) -> [ Component ]

# Returns the first child component if present
TestRenderer#getChildOfType(ComponentType, parentComponent) -> Component | null
TestRenderer#getChildOfType(tagName, parentComponent) -> Component | null
TestRenderer#getChildOfType(ComponentType) -> Component | null
TestRenderer#getChildOfType(tagName) -> Component | null
TestRenderer#getChildOfClass(className, parentComponent) -> Component | null
TestRenderer#getChildOfClass(className) -> Component | null

# Returns the whole text content of the provided component or the root one.
TestRenderer#getTextContent(component) -> string
TestRenderer#getTextContent() -> string