-
Notifications
You must be signed in to change notification settings - Fork 2
/
MessagesComponent.test.jsx
33 lines (24 loc) · 1.04 KB
/
MessagesComponent.test.jsx
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
import { render, fireEvent } from '@testing-library/react'
import '@testing-library/jest-dom'
import MessagesComponent from './MessagesComponent'
describe('Messages component', () => {
test('Renders Message content', () => {
const { getByTestId, getByText } = render(<MessagesComponent />)
const inputField = getByTestId('messageInput')
fireEvent.change(inputField, { target: { value: 'hello' } })
const sendButton = getByTestId('submitMessageButton')
fireEvent.click(sendButton)
const messageContent = getByText("hello")
expect(messageContent).toBeInTheDocument()
}),
test('Message input exists', () => {
const { getByPlaceholderText } = render(<MessagesComponent />)
const inputPlaceholder = getByPlaceholderText('Type your message here...')
expect(inputPlaceholder).toBeInTheDocument()
}),
test('Button to send message exists', () => {
const { getByTestId } = render(<MessagesComponent />)
const submitBtn = getByTestId('submitMessageButton')
expect(submitBtn).toBeInTheDocument()
})
})