packages/react-query/src/internals/getQueryKey.test.ts - main - githubmirror/trpc

packages/react-query/src/internals/getQueryKey.test.ts

142 строки3 KB

Simone Cervini

feat(react-query): add support for mutations to `createTRPCQueryUtils` and improve offline support (#5814)

13 июл 2024, 00:33

13 июл 2024, 00:33e14ad21

import { getMutationKeyInternal, getQueryKeyInternal } from './getQueryKey';

test('getArrayQueryKey', () => {
  // empty path should not nest an extra array
  expect(getQueryKeyInternal([], undefined, 'any')).toMatchInlineSnapshot(
    `Array []`,
  );
  expect(getMutationKeyInternal([])).toMatchInlineSnapshot(`Array []`);

  // should not nest an empty object
  expect(getQueryKeyInternal(['foo'], undefined, 'any')).toMatchInlineSnapshot(`
    Array [
      Array [
        "foo",
      ],
    ]
  `);
  expect(getQueryKeyInternal(['foo'], undefined, 'query'))
    .toMatchInlineSnapshot(`
    Array [
      Array [
        "foo",
      ],
      Object {
        "type": "query",
      },
    ]
  `);
  expect(getQueryKeyInternal(['foo'], undefined, 'infinite'))
    .toMatchInlineSnapshot(`
    Array [
      Array [
        "foo",
      ],
      Object {
        "type": "infinite",
      },
    ]
  `);
  expect(getMutationKeyInternal(['foo'])).toMatchInlineSnapshot(`
    Array [
      Array [
        "foo",
      ],
    ]
  `);

  // some proc may have dot separated parts
  expect(getQueryKeyInternal(['foo', 'bar.baz'], 'bar', 'query'))
    .toMatchInlineSnapshot(`
    Array [
      Array [
        "foo",
        "bar",
        "baz",
      ],
      Object {
        "input": "bar",
        "type": "query",
      },
    ]
  `);
  expect(getMutationKeyInternal(['foo', 'bar.baz'])).toMatchInlineSnapshot(`
    Array [
      Array [
        "foo",
        "bar",
        "baz",
      ],
    ]
  `);

  expect(getQueryKeyInternal(['foo'], 'bar', 'query')).toMatchInlineSnapshot(`
    Array [
      Array [
        "foo",
      ],
      Object {
        "input": "bar",
        "type": "query",
      },
    ]
  `);
  expect(getQueryKeyInternal([], 'bar', 'query')).toMatchInlineSnapshot(`
    Array [
      Array [],
      Object {
        "input": "bar",
        "type": "query",
      },
    ]
  `);
  expect(getQueryKeyInternal(['post', 'byId'], '1', 'query'))
    .toMatchInlineSnapshot(`
    Array [
      Array [
        "post",
        "byId",
      ],
      Object {
        "input": "1",
        "type": "query",
      },
    ]
  `);
  expect(
    getQueryKeyInternal(['post', 'byId'], { cursor: 'a', id: 1 }, 'infinite'),
  ).toMatchInlineSnapshot(`
      Array [
        Array [
          "post",
          "byId",
        ],
        Object {
          "input": Object {
            "id": 1,
          },
          "type": "infinite",
        },
      ]
    `);
  expect(
    getQueryKeyInternal(
      ['post', 'byId'],
      { cursor: 'a', direction: 'forward', id: 1 },
      'infinite',
    ),
  ).toMatchInlineSnapshot(`
    Array [
      Array [
        "post",
        "byId",
      ],
      Object {
        "input": Object {
          "id": 1,
        },
        "type": "infinite",
      },
    ]
  `);
});