How to test react-native-collapsible/Accordion using testing-libray/react-native?

[Shail-Patel-1]

 const { getByTestId } = testingHelpers.renderWithProviders(
      <ProductDetailScreen {...testProps} />,
      {
        preloadedState: preloadedState,
      }
    );
    const productSpecificationsTitleView = getByTestId(
      TestIds.PRODUCT_DETAIL.PRODUCT_SPECIFICATION_TITLE
    );

    expect(productSpecificationsTitleView).toBeDefined();

    await act(async () => {
      await fireEvent.press(productSpecificationsTitleView);
    });

    const productSpecificationsContentView = getByTestId(
      TestIds.PRODUCT_DETAIL.PRODUCT_SPECIFICATION_CONTENT
    );

    expect(productSpecificationsContentView).toBeDefined();
  });

Whether or not i press the title the content is still present in the dom

Used & tested:

toBeDefined toBeOnScreen toBeNull toBeVisible

but above all fails i used queryByTestId, getByTestId, queryByText

[KonstantinKostianytsia]

I tested on this way

const firstItemCollapsable = screen.getByTestId(
      `${LongformContentNavigationTestIDs.outlineListItemContainer}.${mockedRoutes[0].id}`,
    ).children[1];
    /// is hidden
    expect(firstItemCollapsable.instance.props.collapsed).toBe(true);
    fireEvent.press(firstItemIcon);
    /// is collapsed
    expect(firstItemCollapsable.instance.props.collapsed).toBe(false);
    fireEvent.press(firstItemIcon);
    /// is hidden again
    expect(firstItemCollapsable.instance.props.collapsed).toBe(true);