This is an example of a not readable test

ExerciseDetail.spec.tsx

import { shallow } from 'enzyme';
import * as React from 'react';
import { ExerciseDetail } from './';

describe('ExerciseDetail', () => {
  it('should display the warning', () => {
    const anExercise: Exercise = {
      warning: 'irrelevant warning message',
      tags: ['irrelevant tag', 'irrelevant tag'],
      name: 'irrelevant name',
      image: 'irrelevant image url'
      // ... at less 20 props
    }
    const wrapper = shallow(<ExerciseDetail exercise={anExercise}/>);
    const message = wrapper.find('Message');

    expect(message.exists()).toBeTruthy();
  });
  
  it('should not display the warning', () => {
    const anExercise: Exercise = {
      warning: 'irrelevant warning message',
      tags: ['irrelevant tag', 'irrelevant tag'],
      name: 'irrelevant name',
      image: 'irrelevant image url'
      // ... at less 20 props
    }
    const wrapper = shallow(<ExerciseDetail exercise={anExercise}/>);
    const message = wrapper.find('Message');

    expect(message.exists()).toBeFalsy();
  });

  it('should render a list of 2 tags', () => {
    const anExercise: Exercise = {
      warning: 'irrelevant warning message',
      tags: ['irrelevant tag', 'irrelevant tag'],
      name: 'irrelevant name',
      image: 'irrelevant image url'
      // ... at less 20 props
    }
    const wrapper = shallow(<ExerciseDetail exercise={anExercise}/>);
    const chips = wrapper.find('Chip');

    expect(chips.length).toBe(2);
  });

});