1
Fork 0

fix tests part1

This commit is contained in:
Konstantin Koval 2024-07-27 12:14:26 +03:00
parent b385f19b9f
commit 8efaade4b2
2 changed files with 8 additions and 5 deletions

View File

@ -18,6 +18,7 @@ const MessageProgress = forwardRef(
<MessagePlain header={header} content={content} {...props} ref={ref}>
<div className="absolute bottom-0 left-0 right-0 h-[3px] rounded-b overflow-hidden">
<div
role="progressbar"
className="h-full transition-all duration-200"
style={{ width: `${percent}%`, backgroundColor: color }}
></div>

View File

@ -10,7 +10,7 @@ const MockSubscriptionsHook = ({ messages, setMessages }: any) => {
return (
<div>
<button
onClick={() => setMessages([...messages, ...messages])}
onClick={() => setMessages((prev: any) => [...prev, ...messages])}
data-testid="trigger-messages"
>
Trigger Messages
@ -89,7 +89,7 @@ describe('Messages Component', () => {
})
test('renders messages with overflow and scroll behavior', () => {
const longContent = 'This is a very long message '.repeat(10)
const longContent = 'This is a very long message '.repeat(10).trim()
render(
<MessageProvider>
@ -100,7 +100,9 @@ describe('Messages Component', () => {
</MessageProvider>
)
const longMessage = screen.getByText(longContent)
const longMessage = screen.getByText((content, element) => {
return element?.textContent === longContent
})
expect(longMessage.closest('div')).toHaveStyle({ maxHeight: '6rem' })
expect(longMessage.closest('div')).toHaveStyle({ overflowY: 'auto' })
})
@ -138,11 +140,11 @@ describe('Messages Component', () => {
render(
<MessageProvider>
<MockSubscriptionsHook />
<MockSubscriptionsHook messages={messages} setMessages={setMessages} />
</MessageProvider>
)
fireEvent.click(screen.getByTestId('trigger-messages'))
expect(setMessages).toHaveBeenCalledWith([...messages, ...messages])
expect(setMessages).toHaveBeenCalledWith(expect.any(Function))
})
})