kitten-components/assets/javascripts/kitten/components/grid/scrollable-container.test.js

Front-end components library

import React from 'react'
import renderer from 'react-test-renderer'
import { ScrollableContainer } from 'kitten/components/grid/scrollable-container'

describe('<ScrollableContainer />', () => {
  let component

  describe('by default', () => {
    beforeEach(() => {
      component = renderer.create(<ScrollableContainer />).toJSON()
    })

    it('matches with snapshot', () => {
      expect(component).toMatchSnapshot()
    })
  })

  describe('with some props', () => {
    beforeEach(() => {
      component = renderer
        .create(
          <ScrollableContainer
            className="custom__class"
            style={{ color: 'red' }}
            aria-hidden
          />,
        )
        .toJSON()
    })

    it('matches with snapshot', () => {
      expect(component).toMatchSnapshot()
    })
  })

  describe('with children', () => {
    beforeEach(() => {
      component = renderer
        .create(
          <ScrollableContainer>
            <nav>
              <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
              </ul>
            </nav>
          </ScrollableContainer>,
        )
        .toJSON()
    })

    it('matches with snapshot', () => {
      expect(component).toMatchSnapshot()
    })
  })
})