HurricaneJames/react-item-box-input

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

Open

    it('should select the last item when hitting the left arrow key from the left most position of the entry field', function() {
      var view = safeRender(<TestComponent items={items} />);
      var check = TestUtils.scryRenderedDOMComponentsWithClass(view, TestTemplate.templateClass);
      var entry = TestUtils.findRenderedDOMComponentWithTag(view, 'input');
      TestUtils.Simulate.click(entry);

• Read up
  Read up

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

Open

    it('should select the last item when hitting the backspace key from the first position of the entry field', function() {
      var view = safeRender(<TestComponent items={items} />);
      var check = TestUtils.scryRenderedDOMComponentsWithClass(view, TestTemplate.templateClass);
      var entry = TestUtils.findRenderedDOMComponentWithTag(view, 'input');
      TestUtils.Simulate.click(entry);

• Read up
  Read up

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

Open

    it('should support onCopy', function() {
      var someData = 'clipboard stuff';
      var mockOnCopy = sinon.spy();
      var view = TestUtils.renderIntoDocument(<TestComponent value="" onChange={mockOnChange} items={items} onCopy={mockOnCopy} />);
      var input = TestUtils.findRenderedDOMComponentWithTag(view, 'input');

• Read up
  Read up

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

Open

    it('should support onPaste', function() {
      var someData = 'clipboard stuff';
      var mockOnPaste = sinon.spy();
      var view = TestUtils.renderIntoDocument(<TestComponent value="" onChange={mockOnChange} items={items} onPaste={mockOnPaste} />);
      var input = TestUtils.findRenderedDOMComponentWithTag(view, 'input');

• Read up
  Read up

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

Open

    it('should support onCut', function() {
      var someData = 'clipboard stuff';
      var mockOnCut = sinon.spy();
      var view = TestUtils.renderIntoDocument(<TestComponent value="" onChange={mockOnChange} items={items} onCut={mockOnCut} />);
      var input = TestUtils.findRenderedDOMComponentWithTag(view, 'input');

• Read up
  Read up

File ItemBox-test.js has 404 lines of code (exceeds 250 allowed). Consider refactoring.

Open

var React = require('react');
var ReactDOM = require('react-dom');
var TestUtils = require('react-addons-test-utils');
var Immutable = require('immutable');
var sinon = require('sinon');

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

Open

    it('should support onKeyUp', function() {
      var mockKeyUp = sinon.spy();
      var view = TestUtils.renderIntoDocument(<TestComponent value="" onChange={mockOnChange} items={items} onKeyUp={mockKeyUp} />);
      var input = TestUtils.findRenderedDOMComponentWithTag(view, 'input');
      TestUtils.Simulate.keyUp(input, { keyCode: KEY_CODE_COMMA });

• Read up
  Read up

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

Open

    it('should support onKeyDown', function() {
      var mockKeyDown = sinon.spy();
      var view = TestUtils.renderIntoDocument(<TestComponent value="" onChange={mockOnChange} items={items} onKeyDown={mockKeyDown} />);
      var input = TestUtils.findRenderedDOMComponentWithTag(view, 'input');
      TestUtils.Simulate.keyDown(input, { keyCode: KEY_CODE_COMMA });

• Read up
  Read up

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

Open

    it('should support onInputFocus', function() {
      var mockOnFocus = sinon.spy();
      var view = TestUtils.renderIntoDocument(<TestComponent value="" onChange={mockOnChange} items={items} onInputFocus={mockOnFocus} />);
      var input = TestUtils.findRenderedDOMComponentWithTag(view, 'input');
      TestUtils.Simulate.focus(input);

• Read up
  Read up

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

Open

    it('should support onInputBlur', function() {
      var mockOnBlur = sinon.spy();
      var view = TestUtils.renderIntoDocument(<TestComponent value="" onChange={mockOnChange} items={items} onInputBlur={mockOnBlur} />);
      var input = TestUtils.findRenderedDOMComponentWithTag(view, 'input');
      TestUtils.Simulate.blur(input);

• Read up
  Read up

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

Open

    var extraItems = Immutable.fromJS([
      { data: { id: 1, text: 'aaa' } },
      { data: { id: 2, text: 'bbb' } },
      { data: { id: 2, text: 'ccc' } },
      { data: { id: 2, text: 'ddd' } },

• Read up
  Read up

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

Open

      var extraItems = Immutable.fromJS([
        { data: { id: 1, text: 'aaa' } },
        { data: { id: 2, text: 'bbb' } },
        { data: { id: 2, text: 'ccc' } },
        { data: { id: 2, text: 'ddd' } },

• Read up
  Read up

ItemBox has 24 functions (exceeds 20 allowed). Consider refactoring.

Open

var ItemBox = React.createClass({
  displayName: 'ItemBox',
  propTypes: {
    value: React.PropTypes.string,
    onChange: React.PropTypes.func,

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

Open

  onEntryKeyDown: function(e) {
    e.stopPropagation();
    if(e.keyCode === KeyCodes.LEFT_ARROW) {
      this.keyboardSelectLastItem(e);
    }

• Read up
  Read up

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

Open

  onEntryKeyUp: function(e) {
    e.stopPropagation();
    if(e.keyCode === KeyCodes.BACKSPACE) {
      this.keyboardSelectLastItem(e);
    }

• Read up
  Read up

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

Open

  checkComponentFocus: function(e) {
    if(!this.state.focused) {
      if(this.props.onFocus) { this.props.onFocus(e); }
      this.setState({ focused: true });
    }

• Read up
  Read up

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

Open

  checkComponentFocus: function(e) {
    if(!this.state.focused) {
      if(this.props.onFocus) { this.props.onFocus(e); }
      this.setState({ focused: true });
    }

• Read up
  Read up

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

Open

  render: function() {
    var inputStyle = {
      display: 'inline-block',
      width: this.state.width,
      boxShadow: 'none',

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

Open

  componentWillUnmount: function() {
    var document = this.refs.iframe.contentDocument;
    if(document) (document.defaultView || document.parentWindow).removeEventListener('resize', this.handleResize);
  },

• Read up
  Read up

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

Open

  componentDidMount: function() {
    var document = this.refs.iframe.contentDocument;
    if(document) (document.defaultView || document.parentWindow).addEventListener('resize', this.handleResize);
  },

• Read up
  Read up