zooid-list/src/ListItem/index.spec.js

List

import chai, { expect } from 'chai'
import chaiEnzyme from 'chai-enzyme'
import React from 'react'
import Sinon from 'sinon'
import sinonChai from 'sinon-chai'
import { shallow } from 'enzyme'

import ListItem from './'
import styles from './styles.css'

chai.use(chaiEnzyme())
chai.use(sinonChai)

describe('<ListItem />', () => {
  it('should render with default styling', () => {
    const sut = shallow(<ListItem>Hotline Bling!</ListItem>)
    expect(sut).to.have.className(styles.root)
  })

  describe('when given children as prop', () => {
    it('should render the children', () => {
      const sut = shallow(<ListItem>Hotline Bling!</ListItem>)
      expect(sut).to.contain('Hotline Bling!')
    })
  })

  describe('when given className as prop', () => {
    it('should merge classNames', () => {
      const sut = shallow(<ListItem className="Fancy" />)
      expect(sut).to.have.className('Fancy')
    })
  })

  describe('when given style as prop', () => {
    it('should merge styles', () => {
      const sut = shallow(<ListItem style='hi' />)
      expect(sut).to.have.prop('style', 'hi')
    })
  })

  describe('when given onClick as prop', () => {
    it('should handle click', () => {
      const handleClick = Sinon.spy()
      const sut = shallow(<ListItem onClick={handleClick} />)
      sut.simulate('click')
      expect(handleClick).to.have.been.called
    })
  })
})