render()

in scripts/bench/benchmarks/pe-class-components/benchmark.js [4007:4515]

• 471 lines of code
• 30 McCabe index (conditional complexity)

    render() {
      if (this.props.x === 317) {
        return React.createElement(
          'div',
          {className: '_4lg0 _4h2m', style: {height: 40, width: 721, left: 0}},
          undefined,
          React.createElement(TransitionCell142, {x: 316})
        );
      }
      if (this.props.x === 322) {
        return React.createElement(
          'div',
          {className: '_4lg0 _4h2m', style: {height: 40, width: 798, left: 0}},
          undefined,
          React.createElement(TransitionCell142, {x: 321})
        );
      }
      if (this.props.x === 325) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 40, width: 1022, left: 798},
          },
          undefined,
          React.createElement(TransitionCell142, {x: 324})
        );
      }
      if (this.props.x === 328) {
        return React.createElement(
          'div',
          {className: '_4lg0 _4h2m', style: {height: 40, width: 0, left: 1820}},
          undefined,
          React.createElement(TransitionCell142, {x: 327})
        );
      }
      if (this.props.x === 331) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 40, width: 25, left: 1820},
          },
          undefined,
          React.createElement(TransitionCell142, {x: 330})
        );
      }
      if (this.props.x === 339) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg6 _4h2m',
            style: {height: 25, width: 42, left: 0},
          },
          undefined,
          React.createElement(TransitionCell142, {x: 338})
        );
      }
      if (this.props.x === 344) {
        return React.createElement(
          'div',
          {className: '_4lg0 _4h2m', style: {height: 25, width: 400, left: 42}},
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 343})
        );
      }
      if (this.props.x === 350) {
        return React.createElement(
          'div',
          {className: '_4lg0 _4h2m', style: {height: 25, width: 33, left: 442}},
          undefined,
          React.createElement(TransitionCell142, {x: 349})
        );
      }
      if (this.props.x === 356) {
        return React.createElement(
          'div',
          {className: '_4lg0 _4h2m', style: {height: 25, width: 36, left: 475}},
          undefined,
          React.createElement(TransitionCell142, {x: 355})
        );
      }
      if (this.props.x === 361) {
        return React.createElement(
          'div',
          {className: '_4lg0 _4h2m', style: {height: 25, width: 60, left: 511}},
          undefined,
          React.createElement(TransitionCell142, {x: 360})
        );
      }
      if (this.props.x === 366) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 150, left: 571},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 365})
        );
      }
      if (this.props.x === 373) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 140, left: 0},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 372})
        );
      }
      if (this.props.x === 378) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 140, left: 140},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 377})
        );
      }
      if (this.props.x === 383) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 80, left: 280},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 382})
        );
      }
      if (this.props.x === 388) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 80, left: 360},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 387})
        );
      }
      if (this.props.x === 393) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 60, left: 440},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 392})
        );
      }
      if (this.props.x === 398) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 80, left: 500},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 397})
        );
      }
      if (this.props.x === 403) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 78, left: 580},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 402})
        );
      }
      if (this.props.x === 408) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 70, left: 658},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 407})
        );
      }
      if (this.props.x === 413) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4lg5 _4h2p _4h2m',
            style: {height: 25, width: 70, left: 728},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 412})
        );
      }
      if (this.props.x === 418) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 200, left: 798},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 417})
        );
      }
      if (this.props.x === 423) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 100, left: 998},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 422})
        );
      }
      if (this.props.x === 428) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 120, left: 1098},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 427})
        );
      }
      if (this.props.x === 433) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 113, left: 1218},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 432})
        );
      }
      if (this.props.x === 438) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 113, left: 1331},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 437})
        );
      }
      if (this.props.x === 443) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 113, left: 1444},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 442})
        );
      }
      if (this.props.x === 448) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 113, left: 1557},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 447})
        );
      }
      if (this.props.x === 451) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 150, left: 1670},
          },
          React.createElement(
            'div',
            {
              className: '_4lg9',
              style: {height: 25},
              onMouseDown: function() {},
            },
            React.createElement('div', {
              className: '_4lga _4lgb',
              style: {height: 25},
            })
          ),
          React.createElement(TransitionCell142, {x: 450})
        );
      }
      if (this.props.x === 454) {
        return React.createElement(
          'div',
          {
            className: '_4lg0 _4h2m',
            style: {height: 25, width: 25, left: 1820},
          },
          undefined,
          React.createElement(TransitionCell142, {x: 453})
        );
      }
    }