TextNodesCase() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ TextNodesCase() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/fragment-refs/TextNodesCase.js lines 435–470

export default function TextNodesCase() {
  return (
    <TestCase title="Text Node Support">
      <TestCase.ExpectedResult>
        <p>
          This section demonstrates how various FragmentInstance methods work
          with text nodes.
        </p>
        <p>
          <strong>Supported:</strong> getClientRects, compareDocumentPosition,
          scrollIntoView, getRootNode, addEventListener, removeEventListener,
          dispatchEvent
        </p>
        <p>
          <strong>No-op (silent):</strong> focus, focusLast (text nodes cannot
          receive focus)
        </p>
        <p>
          <strong>Not supported (warns):</strong> observeUsing (observers cannot
          observe text nodes)
        </p>
      </TestCase.ExpectedResult>
      <GetClientRectsTextOnly />
      <GetClientRectsMixed />
      <CompareDocumentPositionTextNodes />
      <FocusTextOnlyNoop />
      <ScrollIntoViewTextOnly />
      <ScrollIntoViewMixed />
      <ObserveTextOnlyWarning />
      <EventTextOnly />
      <EventMixed />
      <GetRootNodeTextOnly />
      <GetRootNodeMixed />
    </TestCase>
  );
}