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

import {CenteredLayer} from '..'

describe(`CenteredLayer`, () => {
  it(`passes through props and is positioned`, () => {
    render(
      <CenteredLayer data-hitarea="test" className={`otherClass`}>
        test
      </CenteredLayer>
    )
    const div = screen.getByText(`test`)
    expect(div).toBeInTheDocument()
    expect(div).toHaveClass(`position:absolute`)
    expect(div).toHaveClass(`otherClass`)
    expect(div).toHaveAttribute(`data-hitarea`, `test`)
  })
})