40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { render, screen } from '@testing-library/react'
|
|
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import React from 'react'
|
|
|
|
// Simple mock component for testing
|
|
const MockChatInput = () => {
|
|
return (
|
|
<div>
|
|
<textarea data-testid="chat-input" placeholder="Type a message..." />
|
|
<button data-testid="send-message-button">Send</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
describe('ChatInput Simple Tests', () => {
|
|
it('renders chat input elements', () => {
|
|
render(<MockChatInput />)
|
|
|
|
const textarea = screen.getByTestId('chat-input')
|
|
const sendButton = screen.getByTestId('send-message-button')
|
|
|
|
expect(textarea).toBeInTheDocument()
|
|
expect(sendButton).toBeInTheDocument()
|
|
})
|
|
|
|
it('has correct placeholder text', () => {
|
|
render(<MockChatInput />)
|
|
|
|
const textarea = screen.getByTestId('chat-input')
|
|
expect(textarea).toHaveAttribute('placeholder', 'Type a message...')
|
|
})
|
|
|
|
it('displays send button', () => {
|
|
render(<MockChatInput />)
|
|
|
|
const sendButton = screen.getByTestId('send-message-button')
|
|
expect(sendButton).toHaveTextContent('Send')
|
|
})
|
|
})
|