fix tests part1
This commit is contained in:
parent
b385f19b9f
commit
8efaade4b2
|
@ -18,6 +18,7 @@ const MessageProgress = forwardRef(
|
||||||
<MessagePlain header={header} content={content} {...props} ref={ref}>
|
<MessagePlain header={header} content={content} {...props} ref={ref}>
|
||||||
<div className="absolute bottom-0 left-0 right-0 h-[3px] rounded-b overflow-hidden">
|
<div className="absolute bottom-0 left-0 right-0 h-[3px] rounded-b overflow-hidden">
|
||||||
<div
|
<div
|
||||||
|
role="progressbar"
|
||||||
className="h-full transition-all duration-200"
|
className="h-full transition-all duration-200"
|
||||||
style={{ width: `${percent}%`, backgroundColor: color }}
|
style={{ width: `${percent}%`, backgroundColor: color }}
|
||||||
></div>
|
></div>
|
||||||
|
|
|
@ -10,7 +10,7 @@ const MockSubscriptionsHook = ({ messages, setMessages }: any) => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
onClick={() => setMessages([...messages, ...messages])}
|
onClick={() => setMessages((prev: any) => [...prev, ...messages])}
|
||||||
data-testid="trigger-messages"
|
data-testid="trigger-messages"
|
||||||
>
|
>
|
||||||
Trigger Messages
|
Trigger Messages
|
||||||
|
@ -89,7 +89,7 @@ describe('Messages Component', () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
test('renders messages with overflow and scroll behavior', () => {
|
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(
|
render(
|
||||||
<MessageProvider>
|
<MessageProvider>
|
||||||
|
@ -100,7 +100,9 @@ describe('Messages Component', () => {
|
||||||
</MessageProvider>
|
</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({ maxHeight: '6rem' })
|
||||||
expect(longMessage.closest('div')).toHaveStyle({ overflowY: 'auto' })
|
expect(longMessage.closest('div')).toHaveStyle({ overflowY: 'auto' })
|
||||||
})
|
})
|
||||||
|
@ -138,11 +140,11 @@ describe('Messages Component', () => {
|
||||||
|
|
||||||
render(
|
render(
|
||||||
<MessageProvider>
|
<MessageProvider>
|
||||||
<MockSubscriptionsHook />
|
<MockSubscriptionsHook messages={messages} setMessages={setMessages} />
|
||||||
</MessageProvider>
|
</MessageProvider>
|
||||||
)
|
)
|
||||||
|
|
||||||
fireEvent.click(screen.getByTestId('trigger-messages'))
|
fireEvent.click(screen.getByTestId('trigger-messages'))
|
||||||
expect(setMessages).toHaveBeenCalledWith([...messages, ...messages])
|
expect(setMessages).toHaveBeenCalledWith(expect.any(Function))
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue