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('', function () { let resetUnreadMessages, sendMessage beforeEach(function () { resetUnreadMessages = sinon.stub() sendMessage = sinon.stub() }) it('renders successfully', function () { render( ) screen.getByLabelText('Send a message to your collaborators') }) it('sends a message after typing and hitting enter', function () { render( ) 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( ) const input = screen.getByPlaceholderText( 'Send a message to your collaborators…' ) fireEvent.click(input) expect(resetUnreadMessages).to.be.calledOnce }) })