Add Linkify test
This commit is contained in:
parent
53a4ea673b
commit
62e7492357
|
@ -54,7 +54,10 @@ const Linkify = ({ text, ...rest }) => {
|
||||||
// Push remaining text
|
// Push remaining text
|
||||||
if (text.length > lastIndex) {
|
if (text.length > lastIndex) {
|
||||||
elements.push(
|
elements.push(
|
||||||
<span dangerouslySetInnerHTML={{ __html: text.substring(lastIndex) }} />
|
<span
|
||||||
|
key={'last-span-key'}
|
||||||
|
dangerouslySetInnerHTML={{ __html: text.substring(lastIndex) }}
|
||||||
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,34 @@
|
||||||
|
import React from 'react'
|
||||||
|
import { render, screen } from '@testing-library/react'
|
||||||
|
import '@testing-library/jest-dom/extend-expect'
|
||||||
|
import Linkify from './Linkify'
|
||||||
|
|
||||||
|
const URL = 'http://www.example.com'
|
||||||
|
|
||||||
|
const expectLink = (url) => {
|
||||||
|
const linkEl = screen.getByRole('link')
|
||||||
|
expect(linkEl).not.toBeNull()
|
||||||
|
expect(linkEl?.href).toBe(url)
|
||||||
|
}
|
||||||
|
|
||||||
|
describe('<Linkify />', () => {
|
||||||
|
it('should render link', () => {
|
||||||
|
render(<Linkify text={URL} />)
|
||||||
|
expectLink(`${URL}/`)
|
||||||
|
expect(screen.getByText(URL)).toBeInTheDocument()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should render link and text', () => {
|
||||||
|
render(<Linkify text={`foo ${URL} bar`} />)
|
||||||
|
expectLink(`${URL}/`)
|
||||||
|
expect(screen.getByText(/foo/i)).toBeInTheDocument()
|
||||||
|
expect(screen.getByText(URL)).toBeInTheDocument()
|
||||||
|
expect(screen.getByText(/bar/i)).toBeInTheDocument()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should render only text', () => {
|
||||||
|
render(<Linkify text={'foo bar'} />)
|
||||||
|
expect(screen.queryAllByRole('link')).toHaveLength(0)
|
||||||
|
expect(screen.getByText(/foo bar/i)).toBeInTheDocument()
|
||||||
|
})
|
||||||
|
})
|
Loading…
Reference in New Issue