import React from 'react'
import renderer from 'react-test-renderer'

import { Timeline, TimelineItem } from './index'

describe('Timeline', () => {
  test('basic.', () => {
    const tree = renderer.create(
      <Timeline placement="top">
        <TimelineItem color="red" label="2020/02/03">吃了炸鸡</TimelineItem>
        <TimelineItem color="green" label="2020/02/04">吃了汉堡</TimelineItem>
        <TimelineItem label="2020/02/05">吃了薯条</TimelineItem>
        <TimelineItem color="grey" label="2020/02/06">喝了可乐</TimelineItem>
      </Timeline>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })
  test('mode.', () => {
    const tree = renderer.create(
      <Timeline mode="left">
        <TimelineItem color="red" label="2020/02/03">吃了炸鸡</TimelineItem>
        <TimelineItem color="green" label="2020/02/04">吃了汉堡</TimelineItem>
        <TimelineItem label="2020/02/05">吃了薯条</TimelineItem>
        <TimelineItem color="grey" label="2020/02/06">喝了可乐</TimelineItem>
      </Timeline>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })
  test('layout.', () => {
    const tree = renderer.create(
      <Timeline layout="horizontal">
        <TimelineItem color="red" label="2020/02/03">吃了炸鸡</TimelineItem>
        <TimelineItem color="green" label="2020/02/04">吃了汉堡</TimelineItem>
        <TimelineItem label="2020/02/05">吃了薯条</TimelineItem>
        <TimelineItem color="grey" label="2020/02/06">喝了可乐</TimelineItem>
      </Timeline>
    ).toJSON()
    expect(tree).toMatchSnapshot()
  })
})