[Bug]: findTabs() always return null in the test

Browser

No response

Package version

v3.0.11

React version

v18.0.0

Description

When I use the Tabs component, I can not find it by findTabs() method, it always return null.

I add Tabs as the content in Container, I can findHeader, findActions, findDescription, but can not findTabs()

Source code

<Container
    header={
        <Header
          variant="h2"
          description="Container description"
          actions={
            <SpaceBetween
              direction="horizontal"
              size="xs"
            >
              <Button>Action</Button>
              <Button>Another action</Button>
            </SpaceBetween>
          }
>
    <Tabs
        tabs={[
            {
                label: "HOME",
                id: "home",
                content: "home page"
            },
            {
                label: "feedback",
                id: "feedback",
                content: "feedback",
            },
            {
                label: "setting",
                id: "setting",
                content: "setting",
            }
        ]}
    />
</Container>

Reproduction

No response

Code of Conduct

• I agree to follow this project’s Code of Conduct
• I checked the current issues for duplicate problems

[just-boris]

It is required to import components in and the test utils from the same package.

If you are importing component from your custom package abc, the test-utils should be imported from abc/test-utils/dom

P.S. for your custom packages it is recommended to use your own NPM namespace, because npm will deny publishing if you decide to publish your themed package.

[just-boris]

Could you post your test code as well? Currently we only see the source code