nukeop/nuclear

File PlaylistsContainer.test.tsx has 258 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable @typescript-eslint/ban-ts-comment */
import { render, waitFor, fireEvent } from '@testing-library/react';
import React from 'react';
import fetchMock from 'fetch-mock';
import { createMemoryHistory } from 'history';

Function mountComponent has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const mountComponent = (initialStore?: AnyProps, initStore = true) => {
    const initialState = initialStore ||
      buildStoreState()
        .withPlaylists()
        .withPlugins()

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

Open

  const mountComponent = (initialStore?: AnyProps, initStore = true) => {
    const initialState = initialStore ||
      buildStoreState()
        .withPlaylists()
        .withPlugins()

• Read up
  Read up

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

Open

  it('should go to playlist after clicking on it', async () => {
    const { component, history } = mountComponent();
    expect(history.location.pathname).toBe('/playlists');
    await waitFor(() => component.getByText(/test playlist 2/i).click());
    expect(history.location.pathname).toBe('/playlist/test-playlist-id-2');

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    expect(state.toasts.notifications).toContainEqual({
      title: 'import-fail-title',
      details: 'error-empty-data',
      id: expect.any(String),
      icon: null,

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    expect(state.toasts.notifications).toContainEqual({
      title: 'import-fail-title',
      details: 'error-empty-data',
      id: expect.any(String),
      icon: null,

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    expect(state.toasts.notifications).toContainEqual({
      title: 'import-fail-title',
      details: 'error-empty-data',
      id: expect.any(String),
      icon: null,

• Read up
  Read up

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

Open

    expect(state.playlists.localPlaylists.data).toEqual(
      expect.arrayContaining([
        expect.objectContaining({
          name: 'New playlist'
        })

• Read up
  Read up

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

Open

    expect(state.playlists.localPlaylists.data).toEqual(
      expect.arrayContaining([
        expect.objectContaining({
          name: 'new-empty-playlist'
        })]));

• Read up
  Read up

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

Open

    expect(state.playlists.localPlaylists.data).toEqual(
      expect.arrayContaining([
        expect.objectContaining({
          name: 'new-empty-playlist'
        })]));

• Read up
  Read up

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

Open

    expect(state.playlists.localPlaylists.data).toEqual(
      expect.arrayContaining([
        expect.objectContaining({
          name: 'New playlist'
        })

• Read up
  Read up

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

Open

  it('should display all playlists', async () => {
    const { component } = mountComponent();
    expect(component.asFragment()).toMatchSnapshot();
  });

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    expect(state.playlists.localPlaylists.data).not.toEqual([
      expect.objectContaining({
        name: ''
      })
    ]);

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    expect(state.playlists.localPlaylists.data).not.toEqual([
      expect.objectContaining({
        name: ''
      })
    ]);

• Read up
  Read up