<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import { Duration, Icon } from 'components';
import classNames from 'classnames/bind';
import styles from './suite-summary.css';

const cx = classNames.bind(styles);

const SuiteSummary = props => {
  const { className, duration, totalTests, totalPasses,
    totalFailures, totalPending, totalSkipped } = props;

  return (
    <ul className={ cx('component', className) }>
      <li className={ cx('summary-item', 'duration') }>
        <Icon name='timer' className={ cx('icon') } size={ 18 } />
        <Duration timer={ duration } />
      </li>
      <li className={ cx('summary-item', 'tests') }>
        <Icon name='assignment' className={ cx('icon') } size={ 18 } />{ totalTests }
      </li>
      { !!totalPasses &&
        <li className={ cx('summary-item', 'passed') }>
          <Icon name='check' className={ cx('icon') } size={ 18 } />{ totalPasses }
        </li> }
      { !!totalFailures &&
        <li className={ cx('summary-item', 'failed') }>
          <Icon name='close' className={ cx('icon') } size={ 18 } />{ totalFailures }
        </li> }
      { !!totalPending &&
        <li className={ cx('summary-item', 'pending') }>
          <Icon name='pause' className={ cx('icon') } size={ 18 } />{ totalPending }
        </li> }
      { !!totalSkipped &&
        <li className={ cx('summary-item', 'skipped') }>
          <Icon name='stop' className={ cx('icon') } size={ 18 } />{ totalSkipped }
        </li> }
    </ul>
  );
};

SuiteSummary.propTypes = {
  className: PropTypes.string,
  duration: PropTypes.number,
  totalTests: PropTypes.number,
  totalPasses: PropTypes.number,
  totalFailures: PropTypes.number,
  totalPending: PropTypes.number,<commit_msg>suite/summary: Add title attributes to the duration <li>, etc. (#98)<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import { Duration, Icon } from 'components';
import classNames from 'classnames/bind';
import styles from './suite-summary.css';

const cx = classNames.bind(styles);

const SuiteSummary = props => {
  const { className, duration, totalTests, totalPasses,
    totalFailures, totalPending, totalSkipped } = props;

  return (
    <ul className={ cx('component', className) }>
      <li className={ cx('summary-item', 'duration') } title='Duration'>
        <Icon name='timer' className={ cx('icon') } size={ 18 } />
        <Duration timer={ duration } />
      </li>
      <li className={ cx('summary-item', 'tests') } title='Tests'>
        <Icon name='assignment' className={ cx('icon') } size={ 18 } />{ totalTests }
      </li>
      { !!totalPasses &&
        <li className={ cx('summary-item', 'passed') } title='Passed'>
          <Icon name='check' className={ cx('icon') } size={ 18 } />{ totalPasses }
        </li> }
      { !!totalFailures &&
        <li className={ cx('summary-item', 'failed') } title='Failed'>
          <Icon name='close' className={ cx('icon') } size={ 18 } />{ totalFailures }
        </li> }
      { !!totalPending &&
        <li className={ cx('summary-item', 'pending') } title='Pending'>
          <Icon name='pause' className={ cx('icon') } size={ 18 } />{ totalPending }
        </li> }
      { !!totalSkipped &&
        <li className={ cx('summary-item', 'skipped') } title='Skipped'>
          <Icon name='stop' className={ cx('icon') } size={ 18 } />{ totalSkipped }
        </li> }
    </ul>
  );
};

SuiteSummary.propTypes = {
  className: PropTypes.string,
  duration: PropTypes.number,
  totalTests: PropTypes.number,
  totalPasses: PropTypes.number,
  totalFailures: PropTypes.number,
  totalPending: PropTypes.number,
{'fraction_non_alphanumeric': 0.1799129014697877, 'fraction_numerical': 0.007076755579749592, 'mean_word_length': 3.1478555304740405, 'pattern_counts': {'":': 0, '<': 46, '<?xml version=': 0, '>': 48, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4311127', 'n_tokens_mistral': 1110, 'n_tokens_neox': 1106, 'n_words': 280}