navidrome/ui/src/common/MultiLineTextField.test.js
2026-01-02 19:23:03 +00:00

31 lines
891 B
JavaScript

import * as React from 'react'
import { render, cleanup } from '@testing-library/react'
import { MultiLineTextField } from './MultiLineTextField'
describe('<MultiLineTextField />', () => {
afterEach(cleanup)
it('should render each line in a separated div', () => {
const record = { comment: 'line1\nline2' }
const { queryByTestId } = render(
<MultiLineTextField record={record} source={'comment'} />
)
expect(queryByTestId('comment.0').textContent).toBe('line1')
expect(queryByTestId('comment.1').textContent).toBe('line2')
})
it.each([null, undefined])(
'should render the emptyText when value is %s',
(body) => {
const { queryByText } = render(
<MultiLineTextField
record={{ id: 123, body }}
emptyText="NA"
source="body"
/>
)
expect(queryByText('NA')).not.toBeNull()
}
)
})