1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-06-14 00:13:23 +02:00
portfolio/src/components/Icon/index.test.tsx

30 lines
912 B
TypeScript

import { render } from '@testing-library/react'
import Icon from '.'
describe('Icon', () => {
it('renders correctly', () => {
const { container, rerender } = render(<Icon name={'Compass'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<Icon name={'Dribbble'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<Icon name={'Download'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<Icon name={'Styleguide'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<Icon name={'Blog'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<Icon name={'Twitter'} />)
expect(container.firstChild.nodeName).toBe('svg')
})
it('does not render with unknown name', () => {
const { container } = render(<Icon name={'whatever'} />)
expect(container.firstChild).not.toBeInTheDocument()
})
})