How to test Vue components with Vue Test Utils?

Question

Accepted Answer

**Vue Test Utils** — testing utilities.

```typescript
import { mount, shallowMount } from "@vue/test-utils"
import MyComponent from "./MyComponent.vue"

// Mount component
const wrapper = mount(MyComponent, {
    props: { title: "Hello" },
    global: {
        plugins: [pinia],
        stubs: { ChildComponent: true }
    }
})

// Find elements
const button = wrapper.find("button")
const items = wrapper.findAll("li")

// Trigger events
await button.trigger("click")
await wrapper.find("input").setValue("new value")

// Assert
expect(wrapper.text()).toContain("Hello")
expect(wrapper.emitted("update")).toBeTruthy()
```

Vue.js: How to test Vue components with Vue Test Utils?