better-react-spinkit/src/ChasingDots/__spec__/index.spec.js

A collection of loading indicators animated with CSS for React

import { default as React } from 'react'
import { createRenderer } from 'react-test-renderer/shallow'
import { default as expect } from 'expect'
import { default as ChasingDots } from '..'
import { default as Base } from '../../Base'

const renderer = createRenderer()

describe('ChasingDots', () => {
  let tree

  beforeEach(() => {
    renderer.render(<ChasingDots />)
    tree = renderer.getRenderOutput()
  })

  it('renders a container', () => {
    expect(tree.type).toEqual(Base)
  })

  // it('renders an outer div', () => {
  //   const outerDiv = tree.props.children
  //   expect(outerDiv.type).toEqual('div')
  //   expect(outerDiv.props.style).toExist()
  // })

  // it('renders two inner divs', () => {
  //   const innerDivs = tree.props.children.props.children
  //   expect(innerDivs.length).toEqual(2)
  //   expect(innerDivs[0].type).toEqual('div')
  //   expect(innerDivs[1].type).toEqual('div')
  //   expect(innerDivs[0].props.style).toExist()
  //   expect(innerDivs[1].props.style).toExist()
  // })
})