import React from 'react';
import { render } from '@testing-library/react';

import Box from '../index';

describe('rendering', () => {
  it('renders a Box container and its children', () => {
    const { getByText, getByTestId } = render(
      <Box data-test-id="box">Box content</Box>
    );

    expect(getByTestId('box')).toBeInTheDocument();
    expect(getByText('Box content')).toBeInTheDocument();
  });
});