react Architecture Docs
Home / Class/ TestCase Class — react Architecture

TestCase Class — react Architecture

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

Class javascript BabelCompiler

Entity Profile

Dependency Diagram

graph TD
  e1e356f5_b085_dad5_a81f_4b4844381311["TestCase"]
  14dde3c9_48ef_6e34_3667_978d06aff15d["TestCase.js"]
  e1e356f5_b085_dad5_a81f_4b4844381311 -->|defined in| 14dde3c9_48ef_6e34_3667_978d06aff15d
  9bb7005d_8cf4_1eb5_60ad_8ded6ba7008a["constructor()"]
  e1e356f5_b085_dad5_a81f_4b4844381311 -->|method| 9bb7005d_8cf4_1eb5_60ad_8ded6ba7008a
  71b5c81a_6c35_2de0_6be2_4ff47f948410["render()"]
  e1e356f5_b085_dad5_a81f_4b4844381311 -->|method| 71b5c81a_6c35_2de0_6be2_4ff47f948410

Relationship Graph

Source Code

fixtures/dom/src/components/TestCase.js lines 18–127

class TestCase extends React.Component {
  constructor(props, context) {
    super(props, context);

    this.state = {
      complete: false,
    };
  }

  handleChange = e => {
    this.setState({
      complete: e.target.checked,
    });
  };

  render() {
    const {
      title,
      description,
      introducedIn,
      resolvedIn,
      resolvedBy,
      affectedBrowsers,
      relatedIssues,
      children,
    } = this.props;

    let {complete} = this.state;

    const {version} = parse(window.location.search);
    const isTestFixed =
      !version || !resolvedIn || semver.gte(version, resolvedIn);

    complete = !isTestFixed || complete;

    return (
      <section className={cn('test-case', complete && 'test-case--complete')}>
        <h2 className="test-case__title type-subheading">
          <label>
            <input
              className="test-case__title__check"
              type="checkbox"
              checked={complete}
              onChange={this.handleChange}
            />{' '}
            {title}
          </label>
        </h2>

        <dl className="test-case__details">
          {introducedIn && <dt>First broken in: </dt>}
          {introducedIn && (
            <dd>
              <a
                href={'https://github.com/facebook/react/tag/v' + introducedIn}>
                <code>{introducedIn}</code>
              </a>
            </dd>
          )}

          {resolvedIn && <dt>First supported in: </dt>}
          {resolvedIn && (
            <dd>
              <a href={'https://github.com/facebook/react/tag/v' + resolvedIn}>
                <code>{resolvedIn}</code>
              </a>
            </dd>
          )}

          {resolvedBy && <dt>Fixed by: </dt>}
          {resolvedBy && (
            <dd>
              <a
                href={
                  'https://github.com/facebook/react/pull/' +
                  resolvedBy.slice(1)
                }>
                <code>{resolvedBy}</code>
              </a>
            </dd>
          )}

Domain

Defined In

Source

Frequently Asked Questions

What is the TestCase class?
TestCase is a class in the react codebase, defined in fixtures/dom/src/components/TestCase.js.
Where is TestCase defined?
TestCase is defined in fixtures/dom/src/components/TestCase.js at line 18.

Analyze Your Own Codebase

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

Try Supermodel Free