codingblocks/qit.cloud

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

Open

describe('<AddToQueueButton className="{string}" />', () => {
  it('className property should be included', () => {
    const expectedValue = (new Date()).getTime().toString()
    const wrapper = shallow(<AddToQueueButton className={expectedValue} />)
    const button = wrapper.dive().find('button')

• Read up
  Read up

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

Open

describe('<RemoveFromQueueButton className="{string}" />', () => {
  it('className property should be included', () => {
    const expectedValue = (new Date()).getTime().toString()
    const wrapper = shallow(<RemoveFromQueueButton className={expectedValue} />)
    const button = wrapper.dive().find('button')

• Read up
  Read up

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

Open

describe('<AddToQueueButton onclick="{function}" />', () => {
  it('should trigger the function on button click', () => {
    const customMethod = sinon.spy()
    const wrapper = shallow(<AddToQueueButton onClick={customMethod} />)
    const button = wrapper.dive().find('button')

• Read up
  Read up

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

Open

describe('<RemoveFromQueueButton onclick="{function}" />', () => {
  it('should trigger the function on button click', () => {
    const customMethod = sinon.spy()
    const wrapper = shallow(<RemoveFromQueueButton onClick={customMethod} />)
    const button = wrapper.dive().find('button')

• Read up
  Read up

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

Open

const ConnectedApp = connect(state => ({
  searchTerm: state.search.searchTerm,
  currentSearch: state.search.currentSearch,
  loading: state.search.loading,
  nowPlaying: state.player.nowPlaying,

• Read up
  Read up

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

Open

export const ConnectedSearchResults = connect(state => ({
  nowPlaying: state.player.nowPlaying,
  results: state.search.results,
  resultCount: state.search.resultCount,
  queue: state.player.queue,

• Read up
  Read up

Function render has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    return (
      <div ref={this.sliderRef}>
        <ScrubberWrapper>
          {!this.props.hideLabel ? (

Function render has 89 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    return (
      <AudioControlsContainer>
        <TimeSliderContainer>
          <TimeSlider

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

Open

  beforeEach(function () {
    cy.server()
 
    cy.route({
      method: 'GET',

• Read up
  Read up

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

Open

  beforeEach(function () {
    cy.server()
 
    cy.route({
      method: 'GET',

• Read up
  Read up

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

Open

  layout: {
    width: 'auto',
    display: 'block', // Fix IE11 issue.
    marginLeft: theme.spacing.unit * 3,
    marginRight: theme.spacing.unit * 3,

• Read up
  Read up

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

Open

  layout: {
    width: 'auto',
    display: 'block', // Fix IE11 issue.
    marginLeft: theme.spacing.unit * 3,
    marginRight: theme.spacing.unit * 3,

• Read up
  Read up

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

Open

  paper: {
    marginTop: theme.spacing.unit * 8,
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',

• Read up
  Read up

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

Open

  paper: {
    marginTop: theme.spacing.unit * 8,
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',

• Read up
  Read up

Function render has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { classes, showSignin } = this.props
    const { handleSubmit, handleChange } = this
    return (
      <div>

Function render has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const {
      className,
      results,
      resultCount,

File AudioPlayer.js has 268 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import styled from 'styled-components'
import React from 'react'
import { actions } from 'mirrorx'
import Mousetrap from 'mousetrap'
 
 

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

Open

describe('<RemoveFromQueueButton />', () => {
  it('should render without any props', () => {
    const wrapper = shallow(<RemoveFromQueueButton />)
    const button = wrapper.dive().find('button')
    expect(button).not.toBeNull()

• Read up
  Read up

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

Open

describe('<AddToQueueButton />', () => {
  it('should render without any props', () => {
    const wrapper = shallow(<AddToQueueButton />)
    const button = wrapper.dive().find('button')
    expect(button).not.toBeNull()

• Read up
  Read up

Function render has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { classes, showSignup } = this.props
    const { handleSubmit, handleChange } = this
    return (
      <div>