-
Notifications
You must be signed in to change notification settings - Fork 51
/
SelectableDropdown.test.js
38 lines (35 loc) · 1.28 KB
/
SelectableDropdown.test.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
jest.disableAutomock()
import React from 'react'
import ReactDOMServer from 'react-dom/server'
import SelectableDropdown from '.'
import {MenuItem, DropdownButton} from 'react-bootstrap'
const callback = () => {}
describe('SelectableDropdown', () => {
it('can render SelectableDropdown markup', () => {
// Function used in TMMergeModal for a percentage selection dropdown
const valueToDisplay = v => `The function says ${v}`
const actual = ReactDOMServer.renderToStaticMarkup(
<SelectableDropdown title={'TestDropdown'}
id='dropdown-basic' classNameName='vmerge-ddown'
onSelectDropdownItem={callback}
selectedValue={'woof'}
valueToDisplay={valueToDisplay}
values={['moo', 'woof', 'meow']} />
)
const expected = ReactDOMServer.renderToStaticMarkup(
<DropdownButton id={'dropdown-basic'} bsStyle={'default'}
bsSize={'sm'} title={'TestDropdown'}>
<MenuItem onClick={callback} active={false}>
The function says moo
</MenuItem>
<MenuItem onClick={callback} active>
The function says woof
</MenuItem>
<MenuItem onClick={callback} active={false}>
The function says meow
</MenuItem>
</DropdownButton>
)
expect(actual).toEqual(expected)
})
})