philomena/assets/js/autocomplete/__tests__/server-side-completions.spec.ts

import { init } from './context';

it('requests server-side autocomplete if local autocomplete returns no results', async () => {
  const ctx = await init();

  await ctx.setInput('mar');

  // 1. Request the local autocomplete index.
  // 2. Request the server-side suggestions.
  expect(fetch).toHaveBeenCalledTimes(2);

  ctx.expectUi().toMatchInlineSnapshot(`
    {
      "input": "mar<>",
      "suggestions": [
        "marvelous → beautiful  30",
        "mare  20",
        "market  10",
      ],
    }
  `);

  await ctx.setInput('');

  // Make sure the response caching is insensitive to term case and leading whitespace.
  await ctx.setInput('mar');
  await ctx.setInput(' mar');
  await ctx.setInput(' Mar');
  await ctx.setInput('  MAR');

  ctx.expectUi().toMatchInlineSnapshot(`
    {
      "input": "  MAR<>",
      "suggestions": [
        "marvelous → beautiful  30",
        "mare  20",
        "market  10",
      ],
    }
  `);

  expect(fetch).toHaveBeenCalledTimes(2);

  // Trailing whitespace is still significant because terms may have internal spaces.
  await ctx.setInput('mar ');

  expect(fetch).toHaveBeenCalledTimes(3);
});