gymnastjs/gymnast

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

Open

  it('should register the new mediaQuery listener when "show" prop changes', () => {
    jest.clearAllMocks()
 
    const { rerender } = render(
      <Fruit fruit={{ YetAnotherKey: '🍇' }} show="large" />

• Read up
  Read up

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

Open

  it('should unregister the current mediaQuery listener when "show" prop changes', () => {
    jest.clearAllMocks()
 
    const { rerender } = render(
      <Fruit fruit={{ YetAnotherKey: '🍏' }} show="large" />

• Read up
  Read up

File index.spec.tsx has 327 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { size } from 'lodash'
import defaults from '../defaults'
import {
  accumulateOver,
  combineSpacing,

Function useGrid has 66 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useGrid<A extends {}>(
  props: GridProps & A
): [
  boolean,
  A & { className: string | undefined; style: React.CSSProperties }

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

Open

        <GymnastProvider base={4}>
          <GymnastProvider base={2}>
            <GymnastProvider columns={9}>
              <TesterComponent>{spy}</TesterComponent>
            </GymnastProvider>

• Read up
  Read up

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

Open

      <GymnastProvider columns={2}>
        <GymnastProvider base={4}>
          <GymnastProvider gutter={10}>
            <TesterComponent>{spy}</TesterComponent>
          </GymnastProvider>

• Read up
  Read up

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

Open

  it('should not log "warn" when log level is "error"', () => {
    log.setLevel('error')
    spyOn(console, 'warn')
 
    log.warn('I do nothing either!')

• Read up
  Read up

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

Open

  it('should not log "info" when log level is "warn"', () => {
    log.setLevel('warn')
    spyOn(console, 'log')
 
    log.info('I do nothing!')

• Read up
  Read up

Function useResolution has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useResolution<A extends GridProps>(
  resolutionKeys: Array<string>,
  props: A,
  allowMatchMedia: boolean = supportsMatchMedia
): [boolean, A & OneResolutionGrid] {

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

Open

  it('should return a min value only when no max value is provided', () => {
    const out = getMediaQueries('test', {
      test: {
        minWidth: '1px',
      },

• Read up
  Read up

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

Open

  it('should include invalid keys', () => {
    const out = getMediaQueries('test2', {
      test2: {
        invalidValue: 'meow',
      },

• Read up
  Read up

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

Open

  it('should kebab case keys', () => {
    const out = getMediaQueries('test2', {
      test2: {
        MaxAspectRatio: '1/2',
      },

• Read up
  Read up

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

Open

  it('should return a max value only when no min value is provided', () => {
    const out = getMediaQueries('test', {
      test: {
        maxWidth: '2px',
      },

• Read up
  Read up

Function getSpacing has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function getSpacing(
  values: Array<number> | void = [],
  type: 'margin' | 'padding'
): { [CSSProp: string]: number } {
  if (!values || !values.length) {

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

Open

  it('should set margin as border width', () => {
    const css = getCSS('marginBottom', 2, 4)
 
    expect(css).toEqual({
      borderBottomWidth: 2 * 4,

• Read up
  Read up

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

Open

  it('should set padding as is', () => {
    const css = getCSS('paddingLeft', 3, 5)
 
    expect(css).toEqual({
      paddingLeft: 3 * 5,

• Read up
  Read up

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

Open

    expect(child1.mock.calls[0][0]).toEqual(
      expect.objectContaining({
        columns: 3,
        base: 5,
      })

• Read up
  Read up

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

Open

    expect(child3.mock.calls[0][0]).toEqual(
      expect.objectContaining({
        columns: 2,
        base: 4,
      })

• Read up
  Read up

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

Open

    expect(spy.mock.calls[0][0]).toEqual(
      expect.objectContaining({
        columns: 9,
        base: 2,
      })

• Read up
  Read up

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

Open

    expect(child2.mock.calls[0][0]).toEqual(
      expect.objectContaining({
        columns: 2,
        base: 1,
      })

• Read up
  Read up