expectChildren() — react Function Reference

Architecture documentation for the expectChildren() function in ReactMultiChildText-test.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ expectChildren() — react Function Reference

Dependency Diagram

graph TD
  4d013edf_de28_ae10_3847_c3fb2f96357b["expectChildren()"]
  7bc73534_be2c_245f_ee95_95206defee07["ReactMultiChildText-test.js"]
  4d013edf_de28_ae10_3847_c3fb2f96357b -->|defined in| 7bc73534_be2c_245f_ee95_95206defee07
  20f45a09_8bce_1020_8bc1_676a9ba61058["testAllPermutations()"]
  20f45a09_8bce_1020_8bc1_676a9ba61058 -->|calls| 4d013edf_de28_ae10_3847_c3fb2f96357b
  style 4d013edf_de28_ae10_3847_c3fb2f96357b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactMultiChildText-test.js lines 37–72

const expectChildren = function (container, children) {
  const outerNode = container.firstChild;
  let textNode;
  if (typeof children === 'string') {
    textNode = outerNode.firstChild;

    if (children === '') {
      expect(textNode != null).toBe(false);
    } else {
      expect(textNode != null).toBe(true);
      expect(textNode.nodeType).toBe(3);
      expect(textNode.data).toBe(String(children));
    }
  } else {
    let mountIndex = 0;

    for (let i = 0; i < children.length; i++) {
      const child = children[i];

      if (typeof child === 'string') {
        if (child === '') {
          continue;
        }
        textNode = outerNode.childNodes[mountIndex];
        expect(textNode != null).toBe(true);
        expect(textNode.nodeType).toBe(3);
        expect(textNode.data).toBe(child);
        mountIndex++;
      } else {
        const elementDOMNode = outerNode.childNodes[mountIndex];
        expect(elementDOMNode.tagName).toBe('DIV');
        mountIndex++;
      }
    }
  }
};