# vitest-mock-match-media

[![CI](https://github.com/ntnyq/vitest-mock-match-media/workflows/CI/badge.svg)](https://github.com/ntnyq/vitest-mock-match-media/actions)
[![NPM VERSION](https://img.shields.io/npm/v/vitest-mock-match-media.svg)](https://www.npmjs.com/package/vitest-mock-match-media)
[![NPM DOWNLOADS](https://img.shields.io/npm/dy/vitest-mock-match-media.svg)](https://www.npmjs.com/package/vitest-mock-match-media)
[![LICENSE](https://img.shields.io/github/license/ntnyq/vitest-mock-match-media.svg)](https://github.com/ntnyq/vitest-mock-match-media/blob/main/LICENSE)

[MatchMedia](https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList) API mock for vitest.

## Install

```shell
npm install vitest-mock-match-media -D
```

```shell
yarn add vitest-mock-match-media -D
```

```shell
pnpm add vitest-mock-match-media -D
```

## Setup

Create file `vitest.setup.ts`:

```ts
import 'vitest-mock-match-media'
```

In your `vitest.config.ts`:

```ts
import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    setupFiles: ['./vitest.setup.ts'],
    mockReset: false,
  },
})
```

## License

[MIT](./LICENSE) License © 2025-PRESENT [ntnyq](https://github.com/ntnyq)