react Architecture Docs
Home / File/ TestCase.js — react Source File

TestCase.js — react Source File

Architecture documentation for TestCase.js, a javascript file in the react codebase. 8 imports, 32 dependents.

File javascript BabelCompiler Optimization 8 imports 32 dependents 1 classes

Entity Profile

Dependency Diagram

graph LR
  14dde3c9_48ef_6e34_3667_978d06aff15d["TestCase.js"]
  513aa174_bda6_c910_1f4e_849a0081d359["IssueList.js"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> 513aa174_bda6_c910_1f4e_849a0081d359
  6b2f30f3_fb6d_ed00_2c78_6f4a33fd3643["IssueList"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> 6b2f30f3_fb6d_ed00_2c78_6f4a33fd3643
  31cbc56c_6a7f_5784_c119_8fa99f8aca22["propTypes.js"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> 31cbc56c_6a7f_5784_c119_8fa99f8aca22
  c087d356_36b5_bbf8_3e3c_27a8c5137ef2["semverString"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> c087d356_36b5_bbf8_3e3c_27a8c5137ef2
  22b17487_3e5e_4c4c_05df_d34a88d43564["classnames"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> 22b17487_3e5e_4c4c_05df_d34a88d43564
  4eb12198_9a41_d26c_5aca_d7d500655e3a["semver"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> 4eb12198_9a41_d26c_5aca_d7d500655e3a
  4962a421_6f44_376a_ec35_6032e4845540["prop-types"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> 4962a421_6f44_376a_ec35_6032e4845540
  9df2348e_1b86_653b_24c9_9e88a44a39af["query-string"]
  14dde3c9_48ef_6e34_3667_978d06aff15d --> 9df2348e_1b86_653b_24c9_9e88a44a39af
  3a7ad74e_9f1c_c8d1_84f4_c2b053813d1d["index.js"]
  3a7ad74e_9f1c_c8d1_84f4_c2b053813d1d --> 14dde3c9_48ef_6e34_3667_978d06aff15d
  1268e058_b423_142a_d0e4_269d0187acb2["index.js"]
  1268e058_b423_142a_d0e4_269d0187acb2 --> 14dde3c9_48ef_6e34_3667_978d06aff15d
  f91798bc_7834_6a3e_b26a_92e61ba9eb26["index.js"]
  f91798bc_7834_6a3e_b26a_92e61ba9eb26 --> 14dde3c9_48ef_6e34_3667_978d06aff15d
  b8eeb77a_628d_0cf7_3055_29d4041e74be["index.js"]
  b8eeb77a_628d_0cf7_3055_29d4041e74be --> 14dde3c9_48ef_6e34_3667_978d06aff15d
  81bda781_d1ab_04a2_f9a5_679111cfc7c2["index.js"]
  81bda781_d1ab_04a2_f9a5_679111cfc7c2 --> 14dde3c9_48ef_6e34_3667_978d06aff15d
  b06995b9_20f4_1e15_2c5f_cd62c995cb8f["mouse-move.js"]
  b06995b9_20f4_1e15_2c5f_cd62c995cb8f --> 14dde3c9_48ef_6e34_3667_978d06aff15d
  style 14dde3c9_48ef_6e34_3667_978d06aff15d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import cn from 'classnames';
import semver from 'semver';
import PropTypes from 'prop-types';
import IssueList from './IssueList';
import {parse} from 'query-string';
import {semverString} from './propTypes';

const React = window.React;

const propTypes = {
  children: PropTypes.node.isRequired,
  title: PropTypes.node.isRequired,
  resolvedIn: semverString,
  introducedIn: semverString,
  resolvedBy: PropTypes.string,
};

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}
// ... (95 more lines)

Domain

Subdomains

Classes

Dependencies

Imported By

Source

Frequently Asked Questions

What does TestCase.js do?
TestCase.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Optimization subdomain.
What does TestCase.js depend on?
TestCase.js imports 8 module(s): IssueList, IssueList.js, classnames, prop-types, propTypes.js, query-string, semver, semverString.
What files import TestCase.js?
TestCase.js is imported by 32 file(s): CompareDocumentPositionCase.js, EventDispatchCase.js, EventListenerCase.js, FocusCase.js, GetClientRectsCase.js, IntersectionObserverCase.js, OnSelectEventTestCase.js, ReorderedInputsTestCase.js, and 24 more.
Where is TestCase.js in the architecture?
TestCase.js is located at fixtures/dom/src/components/TestCase.js (domain: BabelCompiler, subdomain: Optimization, directory: fixtures/dom/src/components).

Analyze Your Own Codebase

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

Try Supermodel Free