useTitle.test.ts

import { renderHook } from '@testing-library/react-hooks';
import useTitle from '../src/useTitle';

describe('useTitle', () => {
  it('should be defined', () => {
    expect(useTitle).toBeDefined();
  });

  it('should update document title', () => {
    const hook = renderHook((props) => useTitle(props), { initialProps: 'My page title' });

    expect(document.title).toBe('My page title');
    hook.rerender('My other page title');
    expect(document.title).toBe('My other page title');
  });

  it('should restore document title on unmount', () => {
    renderHook((props) => useTitle(props), { initialProps: 'Old Title' });
    expect(document.title).toBe('Old Title');

    const hook = renderHook((props) => useTitle(props.title, { restoreOnUnmount: props.restore }), {
      initialProps: { title: 'New Title', restore: true },
    });
    expect(document.title).toBe('New Title');
    hook.unmount();
    expect(document.title).toBe('Old Title');
  });
});