aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/ui/__tests__/MessageInput-test.js
blob: 9603d1fefc7b6553afd2044e57aba234654e73ca (plain) (blame)
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
import React from 'react';
import { create, act } from 'react-test-renderer';

import MessageInput from '../MessageInput';

const testMessage = {
    mid: 1,
    rid: 0,
    body: 'test message',
    timestamp: new Date().toISOString(),
    attach: '',
    to: {}
};

window.matchMedia = window.matchMedia || function() {
    return {
        matches: true,
        addListener: function() { },
        removeListener: function() { }
    };
};

function createMessageInput(data, onFocus, onSend, draft) {
    return create(<MessageInput data={data} onSend={onSend} text={draft} />, {
        createNodeMock: (element) => {
            if (element.type === 'textarea') {
                // mock a focus function
                return {
                    focus: onFocus,
                    style: {}
                };
            }
            return null;
        }
    });
}

it('Gives immediate focus on to textarea on load', () => {
    let focused = false;
    act(() => {
        createMessageInput(testMessage, () => {
            focused = true;
        }, () => { });
    });
    expect(focused).toEqual(true, 'textarea was not focused');
});


it('Submits on ctrl-enter', () => {
    const onSend = jest.fn();
    var messageInput = null;
    act(() => {
        messageInput = createMessageInput(testMessage, () => {}, onSend);
    });
    let textarea = messageInput.root.findByType('textarea');
    act(() => {

        textarea.props.onKeyPress({
            charCode: 13,
            which: 13,
            keyCode: 13,
            ctrlKey: false
        });
    });
    expect(onSend).toHaveBeenCalledTimes(0);
    act(() => {
        textarea.props.onKeyPress({
            charCode: 13,
            which: 13,
            keyCode: 13,
            ctrlKey: true
        });
    });
    expect(onSend).toHaveBeenCalledTimes(1);
    expect(textarea.props.value).toEqual('');
    act(() => {
        textarea.props.onChange({
            target: {
                value: ' ',
                validity: {}
            }
        });
    });
    expect(textarea.props.value).toEqual(' ');
    act(() => {
        messageInput.root.findByType('form').props.onSubmit({ event: {} });
    });
    expect(textarea.props.value).toEqual('', 'Value should be cleared after submit');
});

it('Show draft text', () => {
    var messageInput;
    act(() => {
        messageInput = createMessageInput(testMessage, () => {}, () => {}, 'yo');
    });
    let textarea = messageInput.root.findByType('textarea');
    expect(textarea.props.value).toEqual('yo', 'Value should match draft');
});