What is the difference between mount and shallowMount in Vue Test Utils?

Question

Accepted Answer

**mount** — full rendering. **shallowMount** — stubbed children.

**mount:**
```typescript
import { mount } from "@vue/test-utils"
import Parent from "./Parent.vue"

// Renders all child components
const wrapper = mount(Parent)
// Child components are fully rendered
```

**shallowMount:**
```typescript
import { shallowMount } from "@vue/test-utils"
import Parent from "./Parent.vue"

// Stubs child components
const wrapper = shallowMount(Parent)
// Child components are stubbed
```

**When to use:**
- **mount** — integration tests.
- **shallowMount** — unit tests.

Vue.js: What is the difference between mount and shallowMount in Vue Test Utils?