@wojtekmaj/react-hooks/src/usePrefersReducedMotion.spec.ts

A collection of React Hooks.

import { describe, expect, it, vi } from 'vitest';
import { renderHook } from '@testing-library/react';

import usePrefersReducedMotion from './usePrefersReducedMotion.js';
import useMatchMedia from './useMatchMedia.js';

vi.mock('./useMatchMedia.js', () => ({ default: vi.fn() }));

const mockedUseMatchMedia = vi.mocked(useMatchMedia);
mockedUseMatchMedia.mockReturnValue(true);

describe('usePrefersReducedMotion()', () => {
  it('should call useMatchMedia properly', () => {
    renderHook(() => usePrefersReducedMotion());

    expect(useMatchMedia).toHaveBeenCalledWith('(prefers-reduced-motion: reduce)');
  });

  it('returns useMatchMedia result propperly', () => {
    const { result } = renderHook(() => usePrefersReducedMotion());

    expect(result.current).toBe(true);
  });
});