/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

5 votes321 views2 answers
React js download file
Javascript React
0 vote339 views1 answer
React paypal express checkout
Javascript React
12 votes302 views2 answers
React split array into chunks
Javascript React
86 votes341 views3 answers
React check if window exists
Javascript React
0 vote358 views2 answers
React open pdf in new tab
Javascript React
2 votes292 views2 answers
Splice state react
Javascript React
0 vote333 views1 answer
Persian calender for react-native
Javascript React
31 votes316 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote317 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote367 views1 answer
React flip move
Javascript React