mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import React from 'react'
|
|
import { render } from '@testing-library/react'
|
|
import Button from '../../../src/components/atoms/Button'
|
|
|
|
describe('Button', () => {
|
|
it('primary renders correctly', () => {
|
|
const { container } = render(<Button primary>I am a primary button</Button>)
|
|
|
|
const button = container.querySelector('button')
|
|
expect(button).toBeInTheDocument()
|
|
expect(button).toHaveTextContent('primary')
|
|
expect(button && button.className).toMatch(/primary/)
|
|
})
|
|
|
|
it('href renders correctly without crashing', () => {
|
|
const { container } = render(
|
|
<Button href="https://hello.com">I am a href button</Button>
|
|
)
|
|
const button = container.querySelector('a')
|
|
expect(button).toBeInTheDocument()
|
|
expect(button).toHaveTextContent('href')
|
|
})
|
|
|
|
it('link renders correctly without crashing', () => {
|
|
const { container } = render(<Button link>I am a link button</Button>)
|
|
|
|
const button = container.querySelector('button')
|
|
expect(button).toBeInTheDocument()
|
|
expect(button).toHaveTextContent('link')
|
|
expect(button && button.className).toMatch(/link/)
|
|
})
|
|
})
|