kitten-components/assets/javascripts/kitten/components/modals/modal.test.js

Front-end components library

import React from 'react'
import classNames from 'classnames'
import sinon from 'sinon'
import { Modal } from 'kitten/components/modals/modal'

describe('<Modal />', () => {
  const sandbox = sinon.createSandbox()

  describe('with trigger', () => {
    const component = mount(
      <Modal trigger={<span className="trigger-example" />} />,
    )

    it('contains the trigger', () => {
      expect(component.find('.trigger-example').exists()).toBe(true)
    })
  })

  describe('with content prop', () => {
    const component = mount(<Modal className="content-example" />)

    it('contains the content', () => {
      expect(component.render().hasClass('content-example')).toBe(true)
      expect(component.render().hasClass('k-Modal')).toBe(true)
    })

    describe('with onClose prop', () => {
      let onCloseSpy
      let modalComponent

      beforeAll(() => {
        onCloseSpy = sandbox.spy()
        modalComponent = mount(
          <Modal className="content-example" onClose={onCloseSpy} />,
        )

        modalComponent.instance().close()
      })

      it('calls onClose prop callback', () => {
        expect(onCloseSpy.calledOnce).toBe(true)
      })
    })
  })
})