What is the difference between unit and integration tests in Vue?

Question

Accepted Answer

**Unit** — individual functions. **Integration** — component interaction.

**Unit test:**
```typescript
import { describe, it, expect } from "vitest"
import { useCounter } from "./useCounter"

describe("useCounter", () => {
    it("increments", () => {
        const { count, increment } = useCounter()
        increment()
        expect(count.value).toBe(1)
    })
})
```

**Integration test:**
```typescript
import { describe, it, expect } from "vitest"
import { mount } from "@vue/test-utils"
import App from "./App.vue"

describe("App", () => {
    it("renders correctly", () => {
        const wrapper = mount(App)
        expect(wrapper.find("h1").text()).toBe("Hello")
    })
})
```

**Key differences:**
- **Unit** — isolated, fast.
- **Integration** — components together.

Vue.js: What is the difference between unit and integration tests in Vue?