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

import { Dialog, ErrorDialog, InfoDialog, SuccessDialog, WarningDialog } from '.'

describe('Dialog', () => {
  test('basic.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <Dialog title="基本示例" visible>
          <p>test content</p>
        </Dialog>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })

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

  test('info dialog.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <InfoDialog title="Info Dialog" visible>
          <p>test content</p>
        </InfoDialog>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })

  test('success dialog.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <SuccessDialog title="Success Dialog" visible>
          <p>test content</p>
        </SuccessDialog>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })

  test('error dialog.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <ErrorDialog title="Error Dialog" visible>
          <p>test content</p>
        </ErrorDialog>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })

  test('warning dialog.', () => {
    let tree: ReactTestRenderer
    renderer.act(() => {
      tree = renderer.create(
        <WarningDialog title="Warning Dialog" visible>
          <p>test content</p>
        </WarningDialog>
      )
    })
    expect(tree!.toJSON()).toMatchSnapshot()
  })
})