boldr/boldr-ui

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

Open

  xit('isWords', () => {
    const { isWords } = validationRules;

    expect(isWords()).toBe(true);
    expect(isWords(values)).toBe(true);

• Read up
  Read up

Function injectResetStyle has 223 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const injectResetStyle = () => {
  // eslint-disable-next-line no-unused-expressions
  injectGlobal`
   * {
     font-size: inherit;

File Popover.test.js has 515 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { Simulate } from 'react-dom/test-utils';
import { mount } from 'enzyme';
import Button from '../Button';
import Popover from './';

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

Open

export const TextFormField = ({ id, meta, input, label, placeholder, ...rest }: ReduxFormFields) =>
  <FormField>
    <Label>
      {label}
    </Label>

• Read up
  Read up

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

Open

export const TextAreaFormField = ({
  id,
  meta,
  input,
  label,

• Read up
  Read up

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

Open

  it('should render a Component with flex modifiers', () => {
    const Component = props => {
      return <div>Hello World</div>;
    };
    const WithHelpersModifiersComponent = BoldrUI.createWrappedComponent(Component);

• Read up
  Read up

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

Open

  it('should render a Component with .flex', () => {
    const Component = props => {
      return <div>Hello World</div>;
    };
    const WithHelpersModifiersComponent = BoldrUI.createWrappedComponent(Component);

• Read up
  Read up

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

Open

      case 'crosshair':
        return (
          /* eslint-disable */
          <BaseIcon viewBox="0 0 24 24" {...this.props}>
            <g>

• Read up
  Read up

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

Open

      case 'globe':
        return (
          /* eslint-disable */
          <BaseIcon viewBox="0 0 24 24" {...this.props}>
            <g>

• Read up
  Read up

File boldrui.test.js has 403 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { shallow, mount } from 'enzyme';

import * as BoldrUI from './boldrui';

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

Open

  it('should render a Component without isFlex prop when someone provides bad data', () => {
    const Component = props => {
      return <div>Hello World</div>;
    };
    const WithHelpersModifiersComponent = BoldrUI.createWrappedComponent(Component);

• Read up
  Read up

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

Open

describe('CardText', () => {
  it('merges className and style', () => {
    const props = {
      style: { background: 'black' },
      className: 'test',

• Read up
  Read up

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

Open

  it('should render a Component with flex modifiers', () => {
    const Component = props => {
      return <div>Hello World</div>;
    };
    const WithHelpersModifiersComponent = BoldrUI.createWrappedComponent(Component);

• Read up
  Read up

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

Open

describe('MediaOverlay', () => {
  it('merges className and style', () => {
    const props = {
      style: { background: 'black' },
      className: 'test',

• Read up
  Read up

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

Open

  it('should render a section with .boldrui-hero and color modifiers', () => {
    const container = shallow(<Hero isBold isFullHeight isColor="light" />);
    expect(container.hasClass('boldrui-hero')).toBe(true);
    expect(container.hasClass('is-bold')).toBe(true);
    expect(container.hasClass('is-fullheight')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a custom component with NavbarLink props', () => {
    const customComponent = props =>
      <div>
        My Button <a {...props} />
      </div>;

• Read up
  Read up

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

Open

  it('should render a div.select with select, modifiers and custom classNames', () => {
    const component = shallow(<SelectInput disabled isLoading className="custom" />);
    expect(component.hasClass('boldrui-form__select')).toBe(true);
    expect(component.hasClass('is-disabled')).toBe(true);
    expect(component.hasClass('is-loading')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a custom component with NavbarItem props', () => {
    const customComponent = props =>
      <div>
        My Button <a {...props} />
      </div>;

• Read up
  Read up

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

Open

  it('should render a section with .boldrui-hero and size modifiers', () => {
    const container = shallow(<Hero isBold isFullHeight isSize="medium" />);
    expect(container.hasClass('boldrui-hero')).toBe(true);
    expect(container.hasClass('is-bold')).toBe(true);
    expect(container.hasClass('is-fullheight')).toBe(true);

• Read up
  Read up

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

Open

  it('should render a div with .boldrui-form__field and modifiers', () => {
    const component = shallow(<FormField isGrouped hasAddons isHorizontal />);
    expect(component.hasClass('boldrui-form__field')).toBe(true);
    expect(component.hasClass('is-grouped')).toBe(true);
    expect(component.hasClass('has-addons')).toBe(true);

• Read up
  Read up