1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/component-library/popover-header/popover-header.test.tsx

68 lines
2.0 KiB
TypeScript

/* eslint-disable jest/require-top-level-describe */
import { render, fireEvent } from '@testing-library/react';
import React from 'react';
import { PopoverHeader } from './popover-header';
describe('PopoverHeader', () => {
it('should render PopoverHeader correctly', () => {
const { getByTestId, container } = render(
<PopoverHeader data-testid="popover-header">PopoverHeader</PopoverHeader>,
);
expect(getByTestId('popover-header')).toHaveClass('mm-popover-header');
expect(container).toMatchSnapshot();
});
it('should render popover header children as a string', () => {
const { getByText } = render(
<PopoverHeader data-testid="popover-header">
PopoverHeader test
</PopoverHeader>,
);
expect(getByText('PopoverHeader test')).toBeDefined();
});
it('should render popover header children as a node', () => {
const { getByText, getByTestId } = render(
<PopoverHeader data-testid="popover-header">
<div data-testid="div">PopoverHeader test</div>
</PopoverHeader>,
);
expect(getByText('PopoverHeader test')).toBeDefined();
expect(getByTestId('div')).toBeDefined();
});
it('should render popover header back button', () => {
const onBackTest = jest.fn();
const { getByTestId } = render(
<PopoverHeader
onBack={onBackTest}
backButtonProps={{ 'data-testid': 'back' }}
>
PopoverHeader
</PopoverHeader>,
);
const backButton = getByTestId('back');
fireEvent.click(backButton);
expect(onBackTest).toHaveBeenCalled();
});
it('should render popover header close button', () => {
const onCloseTest = jest.fn();
const { getByTestId } = render(
<PopoverHeader
onClose={onCloseTest}
closeButtonProps={{ 'data-testid': 'close' }}
>
PopoverHeader
</PopoverHeader>,
);
const closeButton = getByTestId('close');
fireEvent.click(closeButton);
expect(onCloseTest).toHaveBeenCalled();
});
});