snapshot_jest_2.spec.js

import React from 'react';
import { mount } from 'enzyme';

import { UsersComponent } from './users.component';

const data = [
  {
    id: '5c76f0b7bb5c210da0f8554a',
    firstName: 'Florine',
    lastName: 'Russell',
    email: 'florine.russell$email..org',
  },
];

describe('Users component', () => {
  it('renders list loading and then list with one row', async () => {
    const fetchUsersList = jest.fn(() => new Promise(resolve => resolve(data)));
    const wrapper = mount(<UsersComponent fetchUsersList={fetchUsersList}/>);

    await expect(fetchUsersList).toHaveBeenCalled();
    
    wrapper.update();
    
    expect(wrapper).toMatchSnapshot();
  });
});