/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 vote344 views1 answer
React chrome get language
Javascript React
0 vote277 views1 answer
Change module name react native android studio
Javascript React
0 vote290 views1 answer
Github create react app buildpack
Javascript React
18 votes288 views6 answers
React native release apk command
Javascript React
0 vote277 views1 answer
Configure the Chrome debugger react
Javascript React
1 vote297 views2 answers
Autofocus react
Javascript React
0 vote280 views1 answer
Displaying the date react
Javascript React
18 votes278 views3 answers
How to hide header in react navigation
Javascript React
140 votes435 views5 answers
React js installation
Javascript React
0 vote293 views1 answer
Eject expo app to android and react native
Javascript React