content: import React from 'react';
  import PropTypes from 'prop-types';
  import { Test } from 'components/test';
  import classNames from 'classnames/bind';
  import styles from './test.css';
  
  const cx = classNames.bind(styles);
  
  const TestList = ({
    className,
    tests,
    beforeHooks,
    afterHooks,
    enableCode,
  }) => (
    <ul className={cx('list', className)}>
      {!!beforeHooks &&
        beforeHooks.map(test => (
          <Test key={test.uuid} test={test} enableCode={enableCode} />
        ))}
      {!!tests &&
        tests.map(test => (
          <Test key={test.uuid} test={test} enableCode={enableCode} />
        ))}
      {!!afterHooks &&
        afterHooks.map(test => (
          <Test key={test.uuid} test={test} enableCode={enableCode} />
        ))}
    </ul>
  );
  
  TestList.propTypes = {
    className: PropTypes.string,
    tests: PropTypes.array,
    beforeHooks: PropTypes.array,
    afterHooks: PropTypes.array,
    enableCode: PropTypes.bool,
  };
  
  TestList.displayName = 'TestList';
  
  export default TestList;
  