aboutsummaryrefslogtreecommitdiffstats
path: root/src/utils/hooks/use-redirection/use-redirection.test.ts
blob: c14ac4cb27ff0d068e59f815270283f9eb53bfee (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import { describe, it } from '@jest/globals';
import { renderHook } from '@testing-library/react';
import nextRouterMock from 'next-router-mock';
import { MemoryRouterProvider } from 'next-router-mock/MemoryRouterProvider';
import { useRedirection } from './use-redirection';

describe('useRedirection', () => {
  it('redirects to another page', async () => {
    const initialPath = '/initial-path';
    const redirectPath = '/redirect-path';

    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
    expect.assertions(2);

    await nextRouterMock.push('/initial-path');

    expect(nextRouterMock.asPath).toBe(initialPath);

    renderHook(() => useRedirection({ to: redirectPath }), {
      wrapper: MemoryRouterProvider,
    });

    expect(nextRouterMock.asPath).toBe(redirectPath);
  });

  it('can replace the url in the history', async () => {
    const initialPath = '/initial-path';
    const redirectPath = '/redirect-path';

    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
    expect.assertions(2);

    await nextRouterMock.push('/initial-path');

    expect(nextRouterMock.asPath).toBe(initialPath);

    renderHook(() => useRedirection({ isReplacing: true, to: redirectPath }), {
      wrapper: MemoryRouterProvider,
    });

    expect(nextRouterMock.asPath).toBe(redirectPath);

    /* Ideally we should check if when we use `back()` the current path is
     * still the redirectPath but it is not yet implemented in the mock. */
  });

  it('can conditionally redirect to another page', async () => {
    const paths = {
      initial: '/initial-path',
      matching: '/matching-path',
      redirect: '/redirect-path',
    };

    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
    expect.assertions(3);

    await nextRouterMock.push('/initial-path');

    expect(nextRouterMock.asPath).toBe(paths.initial);

    const { rerender } = renderHook(
      () =>
        useRedirection({
          to: paths.redirect,
          whenPathMatches: (path) => path === paths.matching,
        }),
      {
        wrapper: MemoryRouterProvider,
      }
    );

    expect(nextRouterMock.asPath).toBe(paths.initial);

    await nextRouterMock.push(paths.matching);

    rerender();

    expect(nextRouterMock.asPath).toBe(paths.redirect);
  });
});