/Javascript/React/How to write unit test cases in react js

How to write unit test cases in react js

# Given a component
import React from 'react';
const Hi = ({ userName }) => (
  <div className="sayhello">Howdy, {userName}!</div>
);
export default Hi;

# Install required deps
npm install --save-dev riteway

# Unit test
import React from 'react';
import { describe } from 'riteway';
import render from 'riteway/render-component';
import match from 'riteway/match';
import Hi from '../hi';
describe('Hi component', async assert => {
  const userName = 'MeMyself';
  const $ = render(<Hello userName={userName} />);
  const contains = match($('.sayhello').html());
  assert({
    given: 'A user',
    should: 'It should render a correct username.',
    actual: contains(userName),
    expected: `Hi, ${userName}!`
  });
});

Similar codes

0 vote227 views1 answer
How to go to settings on next click in react native
Javascript React
0 vote194 views1 answer
React date component with word month
Javascript React
0 vote152 views1 answer
How to use algolia react native
Javascript React
1 vote185 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
15 votes195 views2 answers
React native get location
Javascript React
0 vote180 views1 answer
React setstate in another component
Javascript React
1 vote201 views2 answers
React beforeunload
Javascript React
1 vote195 views1 answer
Have flat list automatically wrap react native
Javascript React
7 votes172 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote211 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React