describe-react
v1.2.28
Published
Write your react tests in JSX and using Jest
Downloads
3
Readme
describe-react
Write your react tests in JSX
// list.test.js
import React from 'react'
import run, { Describe, Expect, Render, Trigger } from 'describe-react'
// A component with hooks to test
function Counter() {
const [counter, setCounter] = React.useState(0)
function increment() {
setCounter(counter + 1)
}
return (
<button onClick={ increment }>
{ counter }
</button>
)
}
run(() => (
<Describe label="Counter">
<Render>
<Counter />
</Render>
<Expect element="button">
<To have text="0" />
</Expect>
<Trigger event="click" to element="button" />
<Expect element="button">
<To have text="1" />
</Expect>
</Describe>
))
jest list.test
PASS list.test.js
Quick usage
Expect element="button"
✓ to have text "0"
Trigger
✓ event="click" to element="button"
Expect element="button"
✓ to have text "1"
View documentation