@eureca/eureca-ui/src/components/Steps/__tests__/track-stepper.test.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { TrackStepper } from '..';

import { render } from '@testing-library/react';

const tracks = [
  {
    type: 'initial',
    status: 'complete',
    title: 'Módulo 1: Comece por aqui.',
    date: new Date(),
    score: '300',
    maxScore: '1000',
    content: '404',
  },
  {
    type: 'fit',
    status: 'complete',
    title: 'Módulo 2: Fit Cultural',
    date: new Date(2018, 10, 13),
    score: '76%',
    maxScore: '',
    content: 'Foi clara nos seus argumentos, soube uttilizar a lingua.',
  },
  {
    type: 'pdf',
    status: 'complete',
    title: 'Módulo 3: Desafio #1  | Conta pra mim...',
    date: new Date(2019, 7, 30),
    score: '495',
    maxScore: '500',
    content: 'Foi clara nos seus argumentos, soube uttilizar a lingua.',
  },
  {
    type: 'pdf',
    status: 'incomplete',
    title: 'Módulo 4: Desafio #1  | Energia limpa para que te quero',
    date: new Date(),
    score: '484',
    maxScore: '500',
    content: 'Foi clara nos seus argumentos, soube uttilizar a lingua.',
  },
];

function renderTrackStepper(props) {
  return render(<TrackStepper {...props} />);
}

describe('Track Stepper component', () => {
  it('translate all scores properly', () => {
    const { getAllByTestId } = renderTrackStepper({ tracks, companyName: 'EDP' });
    const stepperScore = getAllByTestId('stepper-score-testid');
    expect(stepperScore[0].textContent).toBe('300 / 1000');
    expect(stepperScore[1].textContent).toBe('76% de compatibilidade com a cultura da EDP');
    expect(stepperScore[2].textContent).toBe('495 / 500');
    expect(stepperScore[3].textContent).toBe('484 / 500');
  });
});