react Architecture Docs
Home / Class/ InputTestCase Class — react Architecture

InputTestCase Class — react Architecture

Architecture documentation for the InputTestCase class in InputTestCase.js from the react codebase.

Class javascript BabelCompiler

Entity Profile

Dependency Diagram

graph TD
  284c120f_94a4_b51a_afd4_4773500fb56f["InputTestCase"]
  54dddc6b_95b5_d917_4703_e6a8f64ec36c["InputTestCase.js"]
  284c120f_94a4_b51a_afd4_4773500fb56f -->|defined in| 54dddc6b_95b5_d917_4703_e6a8f64ec36c
  5bdf1b0b_8bff_51ed_667f_80504c1ddecc["constructor()"]
  284c120f_94a4_b51a_afd4_4773500fb56f -->|method| 5bdf1b0b_8bff_51ed_667f_80504c1ddecc
  081b2c9e_12ad_0bdc_8b21_45be0c3b973f["render()"]
  284c120f_94a4_b51a_afd4_4773500fb56f -->|method| 081b2c9e_12ad_0bdc_8b21_45be0c3b973f

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/text-inputs/InputTestCase.js lines 4–57

class InputTestCase extends React.Component {
  static defaultProps = {
    type: 'text',
    defaultValue: '',
    parseAs: 'text',
  };

  constructor() {
    super(...arguments);

    this.state = {
      value: this.props.defaultValue,
    };
  }

  onChange = event => {
    const raw = event.target.value;

    switch (this.props.type) {
      case 'number':
        const parsed = parseFloat(event.target.value, 10);

        this.setState({value: isNaN(parsed) ? '' : parsed});

        break;
      default:
        this.setState({value: raw});
    }
  };

  render() {
    const {children, type, defaultValue} = this.props;
    const {value} = this.state;

    return (
      <Fixture>
        <div>{children}</div>

        <div className="control-box">
          <fieldset>
            <legend>Controlled {type}</legend>
            <input type={type} value={value} onChange={this.onChange} />
            <p className="hint">Value: {JSON.stringify(this.state.value)}</p>
          </fieldset>

          <fieldset>
            <legend>Uncontrolled {type}</legend>
            <input type={type} defaultValue={defaultValue} />
          </fieldset>
        </div>
      </Fixture>
    );
  }
}

Domain

Defined In

Source

Frequently Asked Questions

What is the InputTestCase class?
InputTestCase is a class in the react codebase, defined in fixtures/dom/src/components/fixtures/text-inputs/InputTestCase.js.
Where is InputTestCase defined?
InputTestCase is defined in fixtures/dom/src/components/fixtures/text-inputs/InputTestCase.js at line 4.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free