bbc/simorgh

File index.test.jsx has 260 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import moment from 'moment';
import {
  render,
  screen,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    describe('Relative time 9 hours ago', () => {
      it('should render timestamp in string format', () => {
        const nineHoursAgoString = calcTimestampHoursAgo(9).toISOString();
        const { getByText } = render(
          <Fixture timestamp={nineHoursAgoString} />,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    describe('Relative time 59 minutes ago', () => {
      it('should render timestamp in string format', () => {
        const fiftyNineMinutesAgoString =
          calcTimestampMinutesAgo(59).toISOString();
        const { getByText } = render(

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const FixtureWithWebp = ({
  useLargeImages = false,
  timestamp = Date.now(),
}) => (
  <Promo>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const Fixture = ({ useLargeImages = false, timestamp = Date.now() }) => (
  <Promo>
    <Promo.Image
      useLargeImages={useLargeImages}
      src="https://ichef.test.bbci.co.uk/ace/ws/{width}/cpsdevpb/3502/test/0c533a40-770b-11ed-bd83-8f15ba358e41.jpg"

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const FixtureProgrammes = ({ useLargeImages = false }) => (
  <Promo>
    <Promo.Image
      useLargeImages={useLargeImages}
      src="https://ichef.bbci.co.uk/images/ic/{width}xn/p06vzdgj.jpg"

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const FixtureProgrammesWithWebp = ({ useLargeImages = false }) => (
  <Promo>
    <Promo.Image
      useLargeImages={useLargeImages}
      src="https://ichef.bbci.co.uk/images/ic/{width}xn/p06vzdgj.jpg.webp"

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

  it('should append a webp file extension - programmes iChef recipes', () => {
    render(<FixtureProgrammes />);

    const image = screen.getByAltText('Test image alt text');
    const srcSet = image.getAttribute('srcSet');

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

  it('should have only one webp file extension when URL has one already - programmes iChef recipes', () => {
    render(<FixtureProgrammesWithWebp />);

    const image = screen.getByAltText('Test image alt text');
    const srcSet = image.getAttribute('srcSet');

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

  it('should append a webp file extension - all other iChef Recipes', () => {
    render(<Fixture />);

    const image = screen.getByAltText('Test image alt text');
    const srcSet = image.getAttribute('srcSet');

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

  it('should have only one webp file extension when URL has one already - all other iChef Recipes', () => {
    render(<FixtureWithWebp />);

    const image = screen.getByAltText('Test image alt text');
    const srcSet = image.getAttribute('srcSet');

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  it('should create src set using correct resolutions - programmes iChef recipes ', () => {
    render(<FixtureProgrammes />);

    const image = screen.getByAltText('Test image alt text');
    const srcSet = image.getAttribute('srcSet');

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  it('should create src set using resolutions - all other iChef Recipes', () => {
    render(<Fixture />);

    const image = screen.getByAltText('Test image alt text');
    const srcSet = image.getAttribute('srcSet');

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      it('should render timestamp in ISO string format', () => {
        const overTenHoursString = calcTimestampHoursAgo(10).toISOString();
        const { getByText } = render(
          <Fixture timestamp={overTenHoursString} />,
          {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      it('should render timestamp in epoch format', () => {
        const overTenHoursEpoch = calcTimestampHoursAgo(10).getTime();
        const { getByText } = render(
          <Fixture timestamp={overTenHoursEpoch} />,
          {

• Read up
  Read up