reactjs/react-modal

File Modal.spec.js has 734 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-env mocha */
import should from "should";
import React, { Component } from "react";
import ReactDOM from "react-dom";
import Modal from "react-modal";

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

Open

  it("overrides content classes with custom object className", () => {
    withElementCollector(() => {
      const props = {
        isOpen: true,
        className: {

• Read up
  Read up

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

Open

  it("overrides overlay classes with custom object overlayClassName", () => {
    withElementCollector(() => {
      const props = {
        isOpen: true,
        overlayClassName: {

• Read up
  Read up

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

Open

  it("traps tab in the modal on shift + tab", () => {
    const topButton = <button>top</button>;
    const bottomButton = <button>bottom</button>;
    const modalContent = (
      <div>

• Read up
  Read up

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

Open

  it("traps tab in the modal on shift + tab with KeyboardEvent.code", () => {
    const topButton = <button>top</button>;
    const bottomButton = <button>bottom</button>;
    const modalContent = (
      <div>

• Read up
  Read up

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

Open

      it("should close on Esc key event", () => {
        const requestCloseCallback = sinon.spy();
        withModal(
          {
            isOpen: true,

• Read up
  Read up

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

Open

      it("should close on Esc key event with KeyboardEvent.code", () => {
        const requestCloseCallback = sinon.spy();
        withModal(
          {
            isOpen: true,

• Read up
  Read up

File ModalPortal.js has 347 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Component } from "react";
import PropTypes from "prop-types";
import * as focusManager from "../helpers/focusManager";
import scopeTab from "../helpers/scopeTab";
import * as ariaAppHider from "../helpers/ariaAppHider";

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

Open

    it("overlay mouse down and content mouse up, should not close", () => {
      const requestCloseCallback = sinon.spy();
      const props = {
        isOpen: true,
        shouldCloseOnOverlayClick: true,

• Read up
  Read up

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

Open

    it("content mouse down and overlay mouse up, should not close", () => {
      const requestCloseCallback = sinon.spy();
      const props = {
        isOpen: true,
        shouldCloseOnOverlayClick: true,

• Read up
  Read up

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

Open

  handleOnAfterOpenModal = () => {
    // when ready, we can access the available refs.
    (new Promise((resolve, reject) => {
      setTimeout(() => resolve(true), 500);
    })).then(res => {

• Read up
  Read up

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

Open

  handleOnAfterOpenModal = () => {
    // when ready, we can access the available refs.
    (new Promise((resolve, reject) => {
      setTimeout(() => resolve(true), 500);
    })).then(res => {

• Read up
  Read up

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

Open

              <fieldset>
                <legend>Radio buttons</legend>
                <label>
                  <input id="radio-a" name="radios" type="radio" /> A
                </label>

• Read up
  Read up

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

Open

              <fieldset>
                <legend>Checkbox buttons</legend>
                <label>
                  <input id="checkbox-a" name="checkbox-a" type="checkbox" /> A
                </label>

• Read up
  Read up

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

Open

  it("supports adding style on the modal overlay", () => {
    const style = { overlay: { width: "75px" } };
    const props = { isOpen: true, style }; 
    withModal(props, null, modal => {
      moverlay(modal).style.width.should.be.eql("75px");

• Read up
  Read up

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

Open

  it("supports overriding style on the modal overlay", () => {
    const style = { overlay: { position: "static" } };
    const props = { isOpen: true, style }; 
    withModal(props, null, modal => {
      moverlay(modal).style.position.should.be.eql("static");

• Read up
  Read up

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

Open

  it("supports overriding style on the modal contents", () => {
    const style = { content: { position: "static" } };
    const props = { isOpen: true, style }; 
    withModal(props, null, modal => {
      mcontent(modal).style.position.should.be.eql("static");

• Read up
  Read up

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

Open

  it("supports adding style to the modal contents", () => {
    const style = { content: { width: "20px" } };
    const props = { isOpen: true, style }; 
    withModal(props, null, modal => {
      mcontent(modal).style.width.should.be.eql("20px");

• Read up
  Read up

ModalPortal has 26 functions (exceeds 20 allowed). Consider refactoring.

Open

export default class ModalPortal extends Component {
  static defaultProps = {
    style: {
      overlay: {},
      content: {}

File Modal.events.spec.js has 282 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-env mocha */
import React from "react";
import ReactDOM from "react-dom";
import "should";
import sinon from "sinon";