gistfile1.txt

  it('correctly forwards refs for grabberProps, closeButtonProps, and headlineProps', () => {
    // Create refs for each prop
    const grabberRef = createRef<View>();
    const closeButtonRef = createRef<typeof Pressable>();
    const headlineRef = createRef<Text>();

    // Render component with refs
    const { getByTestId } = render(
      <MyComponent
        grabberProps={{ ref: grabberRef, testID: 'grabber' }}
        closeButtonProps={{ ref: closeButtonRef, testID: 'close-button' }}
        headlineProps={{ ref: headlineRef, testID: 'headline' }}
      />
    );

    // Verify refs are correctly attached
    expect(grabberRef.current).not.toBeNull();
    expect(closeButtonRef.current).not.toBeNull();
    expect(headlineRef.current).not.toBeNull();

    // Ensure the refs map to real native nodes
    expect(findNodeHandle(grabberRef.current)).not.toBeNull();
    expect(findNodeHandle(closeButtonRef.current)).not.toBeNull();
    expect(findNodeHandle(headlineRef.current)).not.toBeNull();
  });