aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/breadcrumbs/tests/breadcrumbs.component.test.js
blob: 5013c5b60746da5ebd93d9acf8d9c7e74b9e29c9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import React from 'react'
import assert from 'assert'
import { shallow } from 'enzyme'
import Breadcrumbs from '../breadcrumbs.component'

describe('Breadcrumbs Component', () => {
  it('should render with the correct colors', () => {
    const wrapper = shallow(
      <Breadcrumbs
        currentIndex={1}
        total={3}
      />
    )

    assert.ok(wrapper)
    assert.equal(wrapper.find('.breadcrumbs').length, 1)
    assert.equal(wrapper.find('.breadcrumb').length, 3)
    assert.equal(wrapper.find('.breadcrumb').at(0).props().style['backgroundColor'], '#FFFFFF')
    assert.equal(wrapper.find('.breadcrumb').at(1).props().style['backgroundColor'], '#D8D8D8')
    assert.equal(wrapper.find('.breadcrumb').at(2).props().style['backgroundColor'], '#FFFFFF')
  })
})