/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 vote158 views1 answer
Sanity react
Javascript React
0 vote147 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
64 votes147 views4 answers
How to install react-router-dom in react js
Javascript React
0 vote160 views1 answer
Usb react native device not found
Javascript React
0 vote146 views2 answers
Call a method of component from outside react
Javascript React
-1 vote152 views1 answer
React native list view
Javascript React
0 vote141 views1 answer
Drawer navigation set width react native
Javascript React
0 vote144 views1 answer
React features
Javascript React
17 votes168 views4 answers
React native geolocation
Javascript React
118 votes236 views6 answers
Instalar bootstrap en react
Javascript React