| 1 | import React from 'react';
|
| 2 | import { render, screen } from '@testing-library/react';
|
| 3 | import { ToastHeader } from '..';
|
| 4 | import { testForCustomClass, testForDefaultClass } from '../testUtils';
|
| 5 |
|
| 6 | describe('ToastHeader', () => {
|
| 7 | it('should render with "toast-header" class', () => {
|
| 8 | testForDefaultClass(ToastHeader, 'toast-header');
|
| 9 | });
|
| 10 |
|
| 11 | it('should render additional classes', () => {
|
| 12 | testForCustomClass(ToastHeader);
|
| 13 | });
|
| 14 |
|
| 15 | it('should render close button', () => {
|
| 16 | render(<ToastHeader toggle={() => {}}>Yo!</ToastHeader>);
|
| 17 |
|
| 18 | expect(screen.getByLabelText(/close/i)).toBeInTheDocument();
|
| 19 | });
|
| 20 |
|
| 21 | it('should render custom tag', () => {
|
| 22 | render(<ToastHeader tag="p">Yo!</ToastHeader>);
|
| 23 | expect(screen.getByText(/yo!/i).tagName.toLowerCase()).toMatch('p');
|
| 24 | });
|
| 25 |
|
| 26 | it('should render custom wrapping tag', () => {
|
| 27 | render(<ToastHeader wrapTag="main">Yo!</ToastHeader>);
|
| 28 | expect(screen.getByText(/yo/i).parentElement.tagName).toMatch(/main/i);
|
| 29 | });
|
| 30 | });
|