GetRootNodeMixed() — react Function Reference

Architecture documentation for the GetRootNodeMixed() function in TextNodesCase.js from the react codebase.

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ GetRootNodeMixed() — react Function Reference

Dependency Diagram

graph TD
  ade674e4_97bd_5e89_3874_3aeb6dd7aeb2["GetRootNodeMixed()"]
  f361f511_643d_fef8_84d3_4e38e9129616["TextNodesCase.js"]
  ade674e4_97bd_5e89_3874_3aeb6dd7aeb2 -->|defined in| f361f511_643d_fef8_84d3_4e38e9129616
  style ade674e4_97bd_5e89_3874_3aeb6dd7aeb2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/fragment-refs/TextNodesCase.js lines 402–433

function GetRootNodeMixed() {
  return (
    <TestCase title="getRootNode - Mixed Content">
      <TestCase.Steps>
        <li>Click the "Get Root Node" button</li>
      </TestCase.Steps>
      <TestCase.ExpectedResult>
        getRootNode should return the root of the DOM tree for fragments with
        mixed text and element content. The result is the same whether checking
        from text nodes or element nodes within the fragment.
      </TestCase.ExpectedResult>
      <Fixture>
        <Fixture.Controls>
          <GetRootNodeFragmentContainer>
            Text before element.
            <span
              style={{
                display: 'inline-block',
                padding: '5px 10px',
                margin: '0 5px',
                backgroundColor: 'lightyellow',
                border: '1px solid #cc0',
              }}>
              Element
            </span>
            Text after element.
          </GetRootNodeFragmentContainer>
        </Fixture.Controls>
      </Fixture>
    </TestCase>
  );
}