content: /* eslint-env mocha */
  import expect from 'expect';
  import React from 'react';
  import { render } from '../../__tests__/render';
  import { FooterDropDownSection } from '../';
  
  describe('Footer', () => {
      describe('FooterDropDownSection', () => {
          it('should render a div with the dropdown section css class', () => {
              const output = render(<FooterDropDownSection title="Section" />);
  
              expect(output.type).toBe('div');
              expect(output.props.className)
                  .toInclude('mdl-mega-footer__drop-down-section');
          });
  
          it('should allow custom css classes', () => {
              const output = render(<FooterDropDownSection className="my-dropdown" title="Section" />);
  
              expect(output.props.className)
                  .toInclude('mdl-mega-footer__drop-down-section')
                  .toInclude('my-dropdown');
          });
  
          it('should render with a mini size if specified', () => {
              const output = render(<FooterDropDownSection size="mini" title="Section" />);
  
              expect(output.props.className)
                  .toInclude('mdl-mini-footer__drop-down-section');
          });
  
          it('should pass the size to children', () => {
              const element = (
                  <FooterDropDownSection title="Section">
                      <div>Allo</div>
                  </FooterDropDownSection>
              );
              const output = render(element);
  
              expect(output.props.size)
                  .toBe(output.props.children[0].props.size);
          });
      });
  });
  