aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js/__tests__/components/common/ToggleInputButtonSpec.js
blob: 39e555cdbff7eb680a5c23b3642b18cf36a2063c (plain)
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
39
40
41
42
43
import React from 'react'
import renderer from 'react-test-renderer'
import ToggleInputButton from '../../../components/common/ToggleInputButton'
import { Key } from '../../../utils'

describe('ToggleInputButton Component', () => {
    let mockFunc = jest.fn(),
        toggleInputButton = undefined,
        tree = undefined

    it('should render correctly', () => {
        toggleInputButton = renderer.create(
            <ToggleInputButton checked={true} name="foo" onToggleChanged={mockFunc}
                               placeholder="bar">text</ToggleInputButton>)
        tree = toggleInputButton.toJSON()
        expect(tree).toMatchSnapshot()
    })

    it('should handle keydown and click action', () => {
        toggleInputButton = renderer.create(
            <ToggleInputButton checked={false} name="foo" onToggleChanged={mockFunc}
                               placeholder="bar" txt="txt">text</ToggleInputButton>)
        tree = toggleInputButton.toJSON()
        let mockEvent = {
            keyCode: Key.ENTER,
            stopPropagation: jest.fn()
        }

        tree.children[1].props.onKeyDown(mockEvent)
        expect(mockFunc).toBeCalledWith("txt")

        tree.children[0].props.onClick()
        expect(mockFunc).toBeCalledWith("txt")
    })

    it('should update state onChange', () => {
        // trigger onChange
        tree.children[1].props.onChange({ target: { value: "foo" }})
        // update the tree
        tree = toggleInputButton.toJSON()
        expect(tree.children[1].props.value).toEqual("foo")
    })
})