Skip to content

Rerender from @testing-library/vue not working #1014

Open
@LeoMo-27

Description

@LeoMo-27

Environment

  • Operating System: Darwin
  • Node Version: v22.11.0
  • Nuxt Version: 3.14.159
  • CLI Version: 3.15.0
  • Nitro Version: 2.10.3
  • Package Manager: [email protected]
  • Builder: -
  • User Config: -
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://stackblitz.com/edit/github-5sxamx-wxweax?file=components%2FMyComponent.nuxt.spec.ts

Describe the bug

When using rerender from @testing-library/vue the rendered component does not receive the props passed in the method. The issue is related with the suspense wrapper component created on the renderSuspended wrapper of the render method.

In the reproduction, you can see that the wrapper component created is the one that inherits the props passed to the rerender method. The expected HTML should look like this:

<body>
  <div
    data-v-app=""
    id="__nuxt"
  />
  <div>
    <div
      id="test-wrapper"
    >
      <p>
        Hello Vue 3
      </p>
    </div>
  </div>
</body>

But it looks like this:

<body>
  <div
    data-v-app=""
    id="__nuxt"
  />
  <div>
    <div
      id="test-wrapper"
      msg="Hello Vue 3"
    >
      <p>
        Hello in component
      </p>
    </div>
  </div>
</body>

Additional context

I tried solving the issue with no avail, I'm sorry I can not be of more help 😢

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions