CompareDocumentPositionTextNodes() — react Function Reference

Source Code

fixtures/dom/src/components/fixtures/fragment-refs/TextNodesCase.js lines 248–268

function CompareDocumentPositionTextNodes() {
  return (
    <TestCase title="compareDocumentPosition - Text Only">
      <TestCase.Steps>
        <li>Click the "Compare All Positions" button</li>
      </TestCase.Steps>
      <TestCase.ExpectedResult>
        compareDocumentPosition should work correctly even when the fragment
        contains only text nodes. The "Before" element should be PRECEDING the
        fragment, and the "After" element should be FOLLOWING.
      </TestCase.ExpectedResult>
      <Fixture>
        <Fixture.Controls>
          <CompareDocumentPositionFragmentContainer>
            This is text-only content inside the fragment.
          </CompareDocumentPositionFragmentContainer>
        </Fixture.Controls>
      </Fixture>
    </TestCase>
  );
}