import React from 'react'
import Enzyme, {
  shallow
} from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'


import {
  Aside
} from './'

Enzyme.configure({
  adapter: new Adapter()
})

describe('Aside', (): void => {
  test('Render native component', (): void => {
    const component = shallow(<Aside native={true}>Lorem Ipsum</Aside>)

    expect(component).toMatchSnapshot()
  })
  test('Render component with theme', (): void => {
    const component = shallow(<Aside themed={true}>Lorem Ipsum</Aside>)

    expect(component).toMatchSnapshot()
  })
  test('Render component without theme', (): void => {
    const component = shallow(<Aside>Lorem Ipsum</Aside>)

    expect(component).toMatchSnapshot()
  })
  test('Render empty component', (): void => {
    const component = shallow(<Aside></Aside>)

    expect(component).toMatchSnapshot()
  })
})