@eureca/eureca-ui/src/components/Avatar/__tests__/avatar-upload.test.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { AvatarUpload } from '..';

import { render, fireEvent } from '@testing-library/react';

const onChangeHandler = jest.fn().mockImplementation(() => {});

function renderAvatarUpload({ onClick }) {
  return render(
    <AvatarUpload name="avatar-test" onClick={onClick} data-testid="avatar-upload-testid" />
  );
}

describe('Avatar Upload component', () => {
  it('triggers onClick', async () => {
    const { getByTestId } = renderAvatarUpload({ onClick: onChangeHandler });
    const element = getByTestId('avatar-upload-testid');
    fireEvent.click(element);
    expect(onChangeHandler).toHaveBeenCalledTimes(1);
  });
});