phanan/koel

Function useFloatingUi has 58 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const useFloatingUi = (
  reference: HTMLElement | Ref<HTMLElement | undefined>,
  floating: HTMLElement | Ref<HTMLElement | undefined>,
  config: Partial<Config> = {}
) => {

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

Open

    it('clears queue', async () => {
      const { emitted } = this.renderComponent(0, 'Queue')

      await this.user.click(screen.getByTitle('Clear current queue'))

• Read up
  Read up

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

Open

    it('queues', async () => {
      const queueMock = this.mock(queueStore, 'queue')
      await this.renderComponent()

      await this.user.click(screen.getByText('Queue'))

• Read up
  Read up

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

Open

    it('downloads', async () => {
      const downloadMock = this.mock(downloadService, 'fromAlbum')
      await this.renderComponent()

      await this.user.click(screen.getByText('Download'))

• Read up
  Read up

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

Open

    it('adds to favorites', async () => {
      const likeMock = this.mock(favoriteStore, 'like')
      await this.renderComponent()

      await this.user.click(screen.getByText('Favorites'))

• Read up
  Read up

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

Open

    it('deletes current playlist', async () => {
      const { emitted } = this.renderComponent(0, 'Playlist')

      await this.user.click(screen.getByTitle('Delete this playlist'))

• Read up
  Read up

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

Open

    it('downloads', async () => {
      const downloadMock = this.mock(downloadService, 'fromSongs')
      await this.renderComponent()

      await this.user.click(screen.getByText('Download'))

• Read up
  Read up

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

Open

    it('adds songs to Favorites', async () => {
      const mock = this.mock(favoriteStore, 'like')
      this.renderComponent()

      await this.user.click(screen.getByTestId('add-to-favorites'))

• Read up
  Read up

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

Open

    it('plays', async () => {
      const mock = this.mock(youTubeService, 'play')
      this.renderComponent()

      await this.user.click(screen.getByRole('button'))

• Read up
  Read up

SongRepository has 21 functions (exceeds 20 allowed). Consider refactoring.

Open

class SongRepository extends Repository
{
    use Searchable;

    public const SORT_COLUMNS_NORMALIZE_MAP = [

Function test has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  protected test () {
    it('renders for album', () => {
      expect(this.renderForAlbum().html()).toMatchSnapshot()
    })

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

Open

Cypress.Commands.add('$assertPlaying', () => {
  cy.findByTestId('pause-btn').should('exist')
  cy.findByTestId('play-btn').should('not.exist')
  cy.$findInTestId('other-controls [data-testid=soundbars]').should('be.visible')
})

• Read up
  Read up

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

Open

Cypress.Commands.add('$assertNotPlaying', () => {
  cy.findByTestId('pause-btn').should('not.exist')
  cy.findByTestId('play-btn').should('exist')
  cy.$findInTestId('other-controls [data-testid=soundbars]').should('not.exist')
})

• Read up
  Read up

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

Open

    it('gets an artist by ID', () => {
      const artist = factory<Artist>('artist')
      artistStore.vault.set(artist.id, artist)
      expect(artistStore.byId(artist.id)).toEqual(artist)
    })

• Read up
  Read up

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

Open

    it('gets an album by ID', () => {
      const album = factory<Album>('album')
      albumStore.vault.set(album.id, album)
      expect(albumStore.byId(album.id)).toEqual(album)
    })

• Read up
  Read up

Function test has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  protected test () {
    it('has different behaviors for current user', () => {
      const user = factory<User>('user')
      this.actingAs(user).renderComponent(user)

File songStore.spec.ts has 251 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { reactive } from 'vue'
import isMobile from 'ismobilejs'
import UnitTestCase from '@/__tests__/UnitTestCase'
import { expect, it } from 'vitest'
import factory from '@/__tests__/factory'

Function test has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  protected test () {
    it('initializes the store', () => {
      const applyMock = this.mock(themeStore, 'applyThemeFromPreference')

      themeStore.init()

Function test has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  protected test () {
    it('toggles one song', async () => {
      const addMock = this.mock(favoriteStore, 'add')
      const removeMock = this.mock(favoriteStore, 'remove')
      const postMock = this.mock(http, 'post')

Function test has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  protected test () {
    it('renders', async () => expect((await this.renderComponent()).html()).toMatchSnapshot())

    it('plays all', async () => {
      const songs = factory<Song>('song', 10)