mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 23:05:56 -05:00
e87e164a84
Chat Pane-Change Placeholder for message input box GitOrigin-RevId: 254efa89b883734ad3b7bfeefe625db84d93d579
57 lines
1.5 KiB
JavaScript
57 lines
1.5 KiB
JavaScript
import { expect } from 'chai'
|
|
import sinon from 'sinon'
|
|
import { screen, render, fireEvent } from '@testing-library/react'
|
|
|
|
import MessageInput from '../../../../../frontend/js/features/chat/components/message-input'
|
|
|
|
describe('<MessageInput />', function () {
|
|
let resetUnreadMessages, sendMessage
|
|
|
|
beforeEach(function () {
|
|
resetUnreadMessages = sinon.stub()
|
|
sendMessage = sinon.stub()
|
|
})
|
|
|
|
it('renders successfully', function () {
|
|
render(
|
|
<MessageInput
|
|
sendMessage={sendMessage}
|
|
resetUnreadMessages={resetUnreadMessages}
|
|
/>
|
|
)
|
|
|
|
screen.getByLabelText('Send a message to your collaborators')
|
|
})
|
|
|
|
it('sends a message after typing and hitting enter', function () {
|
|
render(
|
|
<MessageInput
|
|
sendMessage={sendMessage}
|
|
resetUnreadMessages={resetUnreadMessages}
|
|
/>
|
|
)
|
|
|
|
const input = screen.getByRole('textbox')
|
|
|
|
fireEvent.change(input, { target: { value: 'hello world' } })
|
|
fireEvent.keyDown(input, { key: 'Enter' })
|
|
expect(sendMessage).to.be.calledOnce
|
|
expect(sendMessage).to.be.calledWith('hello world')
|
|
})
|
|
|
|
it('resets the number of unread messages after clicking on the input', function () {
|
|
render(
|
|
<MessageInput
|
|
sendMessage={sendMessage}
|
|
resetUnreadMessages={resetUnreadMessages}
|
|
/>
|
|
)
|
|
|
|
const input = screen.getByPlaceholderText(
|
|
'Send a message to your collaborators…'
|
|
)
|
|
|
|
fireEvent.click(input)
|
|
expect(resetUnreadMessages).to.be.calledOnce
|
|
})
|
|
})
|