/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

1 vote327 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
1 vote335 views1 answer
How to check if url has hash in react
Javascript React
2 votes310 views2 answers
React 17
Javascript React
21 votes312 views6 answers
React native vector icon
Javascript React
28 votes335 views1 answer
Semantic ui dropdown value react
Javascript React
118 votes396 views6 answers
Instalar bootstrap en react
Javascript React
0 vote317 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
0 vote337 views1 answer
S3 private image getobject react js
Javascript React
0 vote350 views1 answer
React native get route name
Javascript React
0 vote327 views1 answer
React testing for links
Javascript React