import React from 'react'
import {render, screen} from '@testing-library/react'
import {FlexItem} from '../FlexItem'

describe('FlexItem', () => {
  it('should render the flex item with visible overflow by default', () => {
    render(<FlexItem>Content</FlexItem>)

    const flexItem = screen.getByText(/content/i)
    const computedStyle = window.getComputedStyle(flexItem)

    expect(computedStyle.overflowY).toBe('')
  })
})