import * as React from 'react'
import {render, screen} from '@testing-library/react'

import {Border} from '..'
import {defaultBorderProps} from '../Border'

describe(`Border`, () => {
  it(`renders`, () => {
    const {rerender} = render(<Border data-testid="border" />)
    const div = screen.getByTestId(`border`)
    expect(div).toHaveClass(`position:absolute border-style:solid`)
    expect(div).toHaveClass(Object.values(defaultBorderProps).join(` `))

    rerender(<Border data-testid="border" widthClassName={`someWidth`} colorClassName={`someColor`} />)
    expect(div).toHaveClass(`someWidth someColor`)
  })
})