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

import Col from '..';

describe('Col', () => {
  it('renders with id and contains the children', () => {
    const { getByText, getByTestId } = render(
      <Col
        data-test-id="col"
        span={[24, 23, 22, 21, 20]}
        offset={[0, 1, 2, 3, 4]}
      >
        Col content
      </Col>
    );

    expect(getByTestId('col')).toBeInTheDocument();
    expect(getByText('Col content')).toBeInTheDocument();
  });
});