Add Linkify test
This commit is contained in:
@@ -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()
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user