GetClientRectsTextOnly() — react Function Reference

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

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ GetClientRectsTextOnly() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/fragment-refs/TextNodesCase.js lines 11–30

function GetClientRectsTextOnly() {
  return (
    <TestCase title="getClientRects - Text Only">
      <TestCase.Steps>
        <li>Click the "Print Rects" button</li>
      </TestCase.Steps>
      <TestCase.ExpectedResult>
        The fragment contains only text nodes. getClientRects should return
        bounding rectangles for the text content using the Range API.
      </TestCase.ExpectedResult>
      <Fixture>
        <Fixture.Controls>
          <PrintRectsFragmentContainer>
            This is text content inside a fragment with no element children.
          </PrintRectsFragmentContainer>
        </Fixture.Controls>
      </Fixture>
    </TestCase>
  );
}