kitten-components/assets/javascripts/kitten/components/layout/side-layout.test.js

Front-end components library

import React from 'react'
import { SideLayout } from 'kitten/components/layout/side-layout'

describe('<SideLayout />', () => {
  describe('by default', () => {
    const component = mount(
      <SideLayout className="myAwesomeClass">…</SideLayout>,
    )

    it('renders a <div class="myAwesomeClass" />', () => {
      expect(component.hasClass('myAwesomeClass')).toBe(true)
    })
  })

  describe('with sidebar prop', () => {
    const component = mount(
      <SideLayout sidebar="Sidebar content">…</SideLayout>,
    )

    const sideGridAside = component.find('.k-SideGrid__aside')

    it('has a sidebar content', () => {
      expect(sideGridAside.text()).toBe('Sidebar content')
    })
  })

  describe('with children', () => {
    const component = mount(<SideLayout>Lorem ipsum…</SideLayout>)

    it('has a content', () => {
      expect(component.text()).toBe('Lorem ipsum…')
    })
  })
})