RubyLouvre/anu

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

Open

'use strict';

const emptyFunction = function(){}

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

Open

  it('does change the string ".98" to "0.98" with no change handler', () => {
    class Stub extends React.Component {
      state = {
        value: '.98',
      };

• Read up
  Read up

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

Open

  it('distinguishes precision for extra zeroes in string number values', () => {
    class Stub extends React.Component {
      state = {
        value: '3.0000',
      };

• Read up
  Read up

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

Open

    function renderInputWithStringThenWithNull() {
      class Input extends React.Component {
        state = {value: 'first'};
        render() {
          return (

• Read up
  Read up

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

Open

    function renderInputWithStringThenWithUndefined() {
      class Input extends React.Component {
        state = {value: 'first'};
        render() {
          return (

• Read up
  Read up

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

Open

  it('updates the value on radio buttons from "" to 0', function() {
    const container = document.createElement('div');
    ReactDOM.render(
      <input type="radio" value="" onChange={function() {}} />,
      container,

• Read up
  Read up

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

Open

  it('updates the value on checkboxes from "" to 0', function() {
    const container = document.createElement('div');
    ReactDOM.render(
      <input type="checkbox" value="" onChange={function() {}} />,
      container,

• Read up
  Read up

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

Open

  it('should allow setting `value` to `false`', () => {
    const container = document.createElement('div');
    let stub = <input type="text" value="yolo" onChange={emptyFunction} />;
    const node = ReactDOM.render(stub, container);

• Read up
  Read up

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

Open

  it('should allow setting `value` to `true`', () => {
    const container = document.createElement('div');
    let stub = <input type="text" value="yolo" onChange={emptyFunction} />;
    const node = ReactDOM.render(stub, container);

• Read up
  Read up

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

Open

  it('should properly transition a text input from 0 to an empty 0.0', function() {
    const container = document.createElement('div');

    ReactDOM.render(<input type="text" value={0} />, container);
    ReactDOM.render(<input type="text" value="0.0" />, container);

• Read up
  Read up

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

Open

  it('should properly transition from 0 to an empty value', function() {
    const container = document.createElement('div');

    ReactDOM.render(<input type="text" value={0} />, container);
    ReactDOM.render(<input type="text" value="" />, container);

• Read up
  Read up

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

Open

  it('should properly transition from an empty value to 0', function() {
    const container = document.createElement('div');

    ReactDOM.render(<input type="text" value="" />, container);
    ReactDOM.render(<input type="text" value={0} />, container);

• Read up
  Read up

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

Open

  it('should properly transition a number input from "" to 0', function() {
    const container = document.createElement('div');

    ReactDOM.render(<input type="number" value="" />, container);
    ReactDOM.render(<input type="number" value={0} />, container);

• Read up
  Read up

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

Open

  it('should warn if controlled radio switches to uncontrolled with defaultChecked', () => {
    const stub = <input type="radio" checked={true} onChange={emptyFunction} />;
    const container = document.createElement('div');
    ReactDOM.render(stub, container);
    expect(() =>

• Read up
  Read up

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

Open

  it('should warn if controlled radio switches to uncontrolled (checked is null)', () => {
    const stub = <input type="radio" checked={true} onChange={emptyFunction} />;
    const container = document.createElement('div');
    ReactDOM.render(stub, container);
    expect(() =>

• Read up
  Read up

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

Open

  it('should warn if controlled checkbox switches to uncontrolled (checked is null)', () => {
    const stub = (
      <input type="checkbox" checked={true} onChange={emptyFunction} />
    );
    const container = document.createElement('div');

• Read up
  Read up

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

Open

  it('should warn if controlled checkbox switches to uncontrolled with defaultChecked', () => {
    const stub = (
      <input type="checkbox" checked={true} onChange={emptyFunction} />
    );
    const container = document.createElement('div');

• Read up
  Read up

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

Open

  it('should warn if uncontrolled radio (checked is null) switches to controlled', () => {
    const stub = <input type="radio" checked={null} />;
    const container = document.createElement('div');
    ReactDOM.render(stub, container);
    expect(() =>

• Read up
  Read up

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

Open

  it('should warn if controlled radio switches to uncontrolled (checked is undefined)', () => {
    const stub = <input type="radio" checked={true} onChange={emptyFunction} />;
    const container = document.createElement('div');
    ReactDOM.render(stub, container);
    expect(() => ReactDOM.render(<input type="radio" />, container)).toWarnDev(

• Read up
  Read up

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

Open

  it('should warn if controlled checkbox switches to uncontrolled (checked is undefined)', () => {
    const stub = (
      <input type="checkbox" checked={true} onChange={emptyFunction} />
    );
    const container = document.createElement('div');

• Read up
  Read up

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

Open

  it('should warn if uncontrolled checkbox (checked is null) switches to controlled', () => {
    const stub = <input type="checkbox" checked={null} />;
    const container = document.createElement('div');
    ReactDOM.render(stub, container);
    expect(() =>

• Read up
  Read up

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

Open

  it('should warn if uncontrolled radio (checked is undefined) switches to controlled', () => {
    const stub = <input type="radio" />;
    const container = document.createElement('div');
    ReactDOM.render(stub, container);
    expect(() =>

• Read up
  Read up

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

Open

  it('should warn if uncontrolled checkbox (checked is undefined) switches to controlled', () => {
    const stub = <input type="checkbox" />;
    const container = document.createElement('div');
    ReactDOM.render(stub, container);
    expect(() =>

• Read up
  Read up

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

Open

    it('an uncontrolled text input will not update the value attribute on blur', () => {
      const stub = ReactTestUtils.renderIntoDocument(
        <input type="text" defaultValue="1" />,
      );
      const node = ReactDOM.findDOMNode(stub);

• Read up
  Read up

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

Open

    it('an uncontrolled number input will not update the value attribute on blur', () => {
      const stub = ReactTestUtils.renderIntoDocument(
        <input type="number" defaultValue="1" />,
      );
      const node = ReactDOM.findDOMNode(stub);

• Read up
  Read up

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

Open

  it('should display "true" for `defaultValue` of `true`', () => {
    let stub = <input type="text" defaultValue={true} />;
    stub = ReactTestUtils.renderIntoDocument(stub);
    const node = ReactDOM.findDOMNode(stub);

• Read up
  Read up

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

Open

  it('should display "false" for `defaultValue` of `false`', () => {
    let stub = <input type="text" defaultValue={false} />;
    stub = ReactTestUtils.renderIntoDocument(stub);
    const node = ReactDOM.findDOMNode(stub);

• Read up
  Read up

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

Open

    expect(() =>
      ReactTestUtils.renderIntoDocument(
        <input type="text" value="zoink" readOnly={false} />,
      ),
    ).toWarnDev(

• Read up
  Read up

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

Open

    expect(() =>
      ReactDOM.render(
        <input type="text" defaultValue="uncontrolled" />,
        container,
      ),

• Read up
  Read up

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

Open

    expect(() =>
      ReactDOM.render(<input type="text" value="controlled" />, container),
    ).toWarnDev(
      'Warning: A component is changing an uncontrolled input of type text to be controlled. ' +
        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +

• Read up
  Read up

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

Open

    expect(() =>
      ReactDOM.render(<input type="radio" value="value" />, container),
    ).toWarnDev(
      'Warning: A component is changing a controlled input of type radio to be uncontrolled. ' +
        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +

• Read up
  Read up

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

Open

    expect(() =>
      ReactDOM.render(<input type="text" value="controlled" />, container),
    ).toWarnDev(
      'Warning: A component is changing an uncontrolled input of type text to be controlled. ' +
        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +

• Read up
  Read up

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

Open

      expect(() =>
        ReactDOM.render(
          <input value={Symbol('foobar')} onChange={() => {}} />,
          container,
        ),

• Read up
  Read up

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

Open

      expect(() =>
        ReactDOM.render(
          <input value={Symbol('foobar')} onChange={() => {}} />,
          container,
        ),

• Read up
  Read up

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

Open

    Object.defineProperty(node, 'value', {
      get: function() {
        return nodeValue;
      },
      set: nodeValueSetter.mockImplementation(function(newValue) {

• Read up
  Read up

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

Open

    Object.defineProperty(node, 'value', {
      get: function() {
        return nodeValue;
      },
      set: nodeValueSetter.mockImplementation(function(newValue) {

• Read up
  Read up

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

Open

    Object.defineProperty(node, 'value', {
      get: function() {
        return nodeValue;
      },
      set: nodeValueSetter.mockImplementation(function(newValue) {

• Read up
  Read up