import React from 'react';
import { mount } from 'enzyme';
import { expect } from 'chai';
import { TextInput } from '@mongodb-js/compass-components';

import CappedCollectionFields from './capped-collection-fields';

describe('CappedCollectionFields [Component]', function () {
  context('when isTimeSeries prop is true', function () {
    let component;

    beforeEach(function () {
      component = mount(
        <CappedCollectionFields
          isTimeSeries
          isCapped={false}
          isClustered={false}
          isFLE2={false}
          onChangeCappedSize={() => {}}
          onChangeIsCapped={() => {}}
          cappedSize={'0'}
        />
      );
    });

    afterEach(function () {
      component = null;
    });

    it('renders the checkbox disabled', function () {
      expect(component.find('Checkbox').props().disabled).to.equal(true);
    });
  });

  context('when isCapped prop is true', function () {
    let component;

    beforeEach(function () {
      component = mount(
        <CappedCollectionFields
          isTimeSeries={false}
          isCapped
          isClustered={false}
          isFLE2={false}
          onChangeCappedSize={() => {}}
          onChangeIsCapped={() => {}}
          cappedSize={'0'}
        />
      );
    });

    afterEach(function () {
      component = null;
    });

    it('renders the inputs ', function () {
      expect(component.find(TextInput).length).to.equal(1);
    });
  });

  context('when isTimeSeries prop is false', function () {
    let component;

    beforeEach(function () {
      component = mount(
        <CappedCollectionFields
          isTimeSeries={false}
          isCapped={false}
          isClustered={false}
          isFLE2={false}
          onChangeCappedSize={() => {}}
          onChangeIsCapped={() => {}}
          cappedSize={'0'}
        />
      );
    });

    afterEach(function () {
      component = null;
    });

    it('does not render the fields', function () {
      expect(component.find(TextInput).length).to.equal(0);
    });

    it('has the capped collection checkbox enabled', function () {
      expect(component.find('Checkbox').props().disabled).to.equal(false);
    });
  });

  context('when isClustered prop is true', function () {
    let component;

    beforeEach(function () {
      component = mount(
        <CappedCollectionFields
          isTimeSeries={false}
          isCapped={false}
          isFLE2={false}
          isClustered
          onChangeCappedSize={() => {}}
          onChangeIsCapped={() => {}}
          cappedSize={'0'}
        />
      );
    });

    afterEach(function () {
      component = null;
    });

    it('renders the checkbox disabled', function () {
      expect(component.find('Checkbox').props().disabled).to.equal(true);
    });
  });

  context('when isFLE2 prop is true', function () {
    let component;

    beforeEach(function () {
      component = mount(
        <CappedCollectionFields
          isTimeSeries={false}
          isCapped={false}
          isFLE2
          isClustered={false}
          onChangeCappedSize={() => {}}
          onChangeIsCapped={() => {}}
          cappedSize={'0'}
        />
      );
    });

    afterEach(function () {
      component = null;
    });

    it('renders the checkbox disabled', function () {
      expect(component.find('Checkbox').props().disabled).to.equal(true);
    });
  });
});