quintodrome/ui/src/common/Linkify.test.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

35 lines
1 KiB
JavaScript
Raw Normal View History

2022-10-07 13:44:16 -08:00
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()
})
})