All files Lect.jsx

100% Statements 9/9
100% Branches 6/6
100% Functions 2/2
100% Lines 8/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31      1x 6x   1x 3x 1x     2x         2x   2x                        
import React from 'react';
import './Lect.css';
 
export const ENDING_PUNCTUATION = ['.', '!', '?'];
export const getSpacer = text => (ENDING_PUNCTUATION.includes(text.slice(-1)) ? '  ' : ' ');
 
const Lect = ({ lect, shouldHighlight, showModal }) => {
  if (!lect) {
    return null;
  }
 
  const className = [
    'Lect',
    shouldHighlight ? 'highlighted' : 'unHighlighted',
  ].join(' ');
 
  const spacer = getSpacer(lect.text);
 
  return (
    <span
      className={ className }
      onClick={ /* istanbul ignore next */ () => showModal(lect) }
      aria-hidden='true'
    >
      { `${lect.text}${spacer}` }
    </span>
  );
};
 
export default Lect;