@coreui/react/src/toast/tests/CToast.test.js

CoreUI React 17 Bootstrap 4 components

import React from 'react'
import { configure, mount } from 'enzyme'
import Adapter from '@wojtekmaj/enzyme-adapter-react-17'
import { create } from 'react-test-renderer';
import { act } from 'react-dom/test-utils';


import CToast from '../CToast'
import CToaster from '../CToaster'

configure({ adapter: new Adapter() })

describe('CToast', () => {
  it('renders basic wrapper correctly', () => {
    const component = create(<CToast/>);
    let tree = component.toJSON();
    expect(tree).toMatchSnapshot()
  })
  it('renders customized wrapper correctly', () => {
    const componentCustomized = create(
      <CToast
        className='class-name'
        show
        autohide
        fade
        color={'danger'}
      >
        CToast
      </CToast>
    );
    let tree = componentCustomized.toJSON();
    expect(tree).toMatchSnapshot()
  })
  it('autohide', () => {
    jest.useFakeTimers()
    const component = mount(
      <CToaster
        position='bottom-full'
      >
        <CToast
          className='class-name'
          show
          autohide={1000}
          fade
        >
          CToast
        </CToast>
      </CToaster>
    );
    act(() => {
      jest.runAllTimers()
    })
    console.log(component.html());
    expect(component.find(<CToast/>)).toHaveLength(0);
  })
  it('autohide', () => {
    jest.useFakeTimers()
    const component = mount(
      <CToaster
        position='bottom-full'
      >
        <CToast
          className='class-name'
          show
          autohide={1000}
          fade={false}
        >
          CToast
        </CToast>
      </CToaster>
    );
    act(() => {
      jest.runAllTimers()
    })
    console.log(component.html());
    expect(component.find(<CToast/>)).toHaveLength(0);
  })
})