boldr/boldr-ui

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

Open

  it('should render an input with .boldrui-form__input and modifiers', () => {
    const component = shallow(<Input isActive isHovered isFocused />);
    expect(component.hasClass('boldrui-form__input')).toBe(true);
    expect(component.hasClass('is-active')).toBe(true);
    expect(component.hasClass('is-hovered')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a div with .boldrui-container, modifiers and custom classNames', () => {
    const container = shallow(<Container isFluid className="custom loader" />);
    expect(container.hasClass('boldrui-container')).toBe(true);
    expect(container.hasClass('is-fluid')).toBe(true);
    expect(container.hasClass('custom')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a div with .boldrui-navbar__item, modifiers and custom classNames', () => {
    const component = shallow(<NavbarItem isActive className="custom" />);
    expect(component.is('div')).toBe(true);
    expect(component.hasClass('boldrui-navbar__item')).toBe(true);
    expect(component.hasClass('is-active')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a div with .boldrui-form__control, modifiers and custom classNames', () => {
    const component = shallow(<Control isExpanded className="custom loader" />);
    expect(component.hasClass('boldrui-form__control')).toBe(true);
    expect(component.hasClass('is-expanded')).toBe(true);
    expect(component.hasClass('custom')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a a with .boldrui-navbar__link, modifiers and custom classNames', () => {
    const component = shallow(<NavbarLink isActive className="custom" />);
    expect(component.is('a')).toBe(true);
    expect(component.hasClass('boldrui-navbar__link')).toBe(true);
    expect(component.hasClass('is-active')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a div with .boldrui-hero__video, modifiers and custom classNames', () => {
    const container = shallow(<HeroVideo isTransparent className="custom loader" />);
    expect(container.hasClass('boldrui-hero__video')).toBe(true);
    expect(container.hasClass('is-transparent')).toBe(true);
    expect(container.hasClass('custom')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a section with .boldrui-hero, modifiers and custom classNames', () => {
    const container = shallow(<Hero isBold className="custom loader" />);
    expect(container.hasClass('boldrui-hero')).toBe(true);
    expect(container.hasClass('is-bold')).toBe(true);
    expect(container.hasClass('custom')).toBe(true);

• Read up
  Read up

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

Open

  it('renders correctly when pressing space', () => {
    const mockOnClick = jest.fn();
    const tree = renderer.create(
      <AccordionItemTitle onClick={mockOnClick}>
        <div>Fake Title</div>

• Read up
  Read up

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

Open

  it('renders correctly when pressing another key', () => {
    const mockOnClick = jest.fn();
    const tree = renderer.create(
      <AccordionItemTitle onClick={mockOnClick}>
        <div>Fake Title</div>

• Read up
  Read up

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

Open

  it('renders correctly when pressing enter', () => {
    const mockOnClick = jest.fn();
    const tree = renderer.create(
      <AccordionItemTitle onClick={mockOnClick}>
        <div>Fake Title</div>

• Read up
  Read up

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

Open

function locate(anchorBoundingBox, containerBoundingBox, contentDimension, options) {
  const { right, bottom } = anchorBoundingBox;
  const x = right + options.cushion;
  const y = bottom - contentDimension.height;

• Read up
  Read up

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

Open

export function locate(anchorBoundingBox, containerBoundingBox, contentDimension, options) {
  const { right, bottom } = anchorBoundingBox;
  const x = right - contentDimension.width;
  const y = bottom + options.cushion;

• Read up
  Read up

File Tooltip.js has 336 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable react/no-find-dom-node, no-unused-expressions, no-return-assign */
import React, { cloneElement } from 'react';
import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';

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

Open

  it('should support custom prefix', () => {
    const wrapper = mount(
      <Portal prefix="custom-prefix">
        <div className="portal-child" />
      </Portal>,

• Read up
  Read up

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

Open

  it('should support custom className', () => {
    const wrapper = mount(
      <Portal className="custom-className">
        <div className="portal-child" />
      </Portal>,

• Read up
  Read up

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

Open

  it('should render a div with .boldrui-level__item, modifiers and classNames', () => {
    const component = shallow(
      <LevelItem isFlexible className="custom">
        My LevelItem
      </LevelItem>,

• Read up
  Read up

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

Open

  it('should render a nav with .boldrui-level, modifiers and classNames', () => {
    const component = shallow(
      <Level isMobile className="custom">
        My Level
      </Level>,

• Read up
  Read up

File Select.js has 322 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/**
 * Select
 */

import React, { Component, Children } from 'react';

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

Open

  it('should render a paragraph with .boldrui-form__help, modifiers and classNames', () => {
    const component = shallow(<Help isColor="dark" className="custom" />);
    expect(component.hasClass('boldrui-form__help')).toBe(true);
    expect(component.hasClass('is-dark')).toBe(true);
    expect(component.hasClass('custom')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a label with .boldrui-form__label, modifiers and custom classNames', () => {
    const component = shallow(<Label isSize="large" className="custom" />);
    expect(component.hasClass('boldrui-form__label')).toBe(true);
    expect(component.hasClass('is-large')).toBe(true);
    expect(component.hasClass('custom')).toBe(true);

• Read up
  Read up