import React from 'react'
import { render } from '@testing-library/react'
import InfoBox from '../index'

describe('InfoBox', () => {
  it('should render correctly with in-line layoutWidth', () => {
    const { container } = render(
      <InfoBox content={{ type: 'info-box', layoutWidth: 'in-line' }}>
        <p>Test content</p>
      </InfoBox>
    )
    expect(container.firstChild).toMatchSnapshot()
  })

  it('should render correctly with inset-left layoutWidth', () => {
    const { container } = render(
      <InfoBox content={{ type: 'info-box', layoutWidth: 'inset-left' }}>
        <p>Test content</p>
      </InfoBox>
    )
    expect(container.firstChild).toMatchSnapshot()
  })
})
