import React from 'react'
import renderer, { ReactTestRenderer } from 'react-test-renderer'

import { Drawer } from '.'

describe('Drawer', () => {
  test('basic.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <Drawer title="抽屉标题" visible>
          <p>test content</p>
        </Drawer>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })

  test('nested.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <Drawer title="抽屉标题" visible>
          <Drawer title="抽屉标题" visible>
            <p>test content</p>
          </Drawer>
        </Drawer>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })

  test('no title and footer.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <Drawer title={null} footer={null} visible>
          <p>test content</p>
        </Drawer>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })
})