@elastic-suite/gally-admin-components/src/hooks/useOptions.test.ts

Components package for gally admin BO

import { act } from '@testing-library/react'

import {
  fetchApi,
  fieldDropdown,
  fieldDropdownWithApiOptions,
  fieldRef,
} from '@elastic-suite/gally-admin-shared'
import { renderHookWithProviders } from '../utils/tests'

import { useOptions } from './useOptions'

describe('useOptions', () => {
  it('should load the field schema static options', async () => {
    const { result } = renderHookWithProviders(() => useOptions())
    expect(result.current.fieldOptions).toEqual(new Map())
    await act(() => result.current.load(fieldDropdown))
    expect(
      result.current.fieldOptions.get(fieldDropdown.property['@id'])
    ).toEqual([
      { value: 'test1', label: 'option_test1' },
      { value: 'test2', label: 'option_test2' },
    ])
  })

  it('should load the field schema api options', async () => {
    const { result } = renderHookWithProviders(() => useOptions())
    expect(result.current.fieldOptions).toEqual(new Map())
    await act(() => result.current.load(fieldDropdownWithApiOptions))
    expect(
      result.current.fieldOptions.get(
        fieldDropdownWithApiOptions.property['@id']
      )
    ).toEqual([
      { value: 'position', label: 'Position', options: undefined },
      { value: 'id', label: 'Id', options: undefined },
      { value: 'stock.status', label: 'Stock status', options: undefined },
      { value: 'sku', label: 'Sku', options: undefined },
      { value: 'price', label: 'Price', options: undefined },
    ])
  })

  it('should load the field resource options', async () => {
    ;(fetchApi as jest.Mock).mockClear()
    const { result } = renderHookWithProviders(() => useOptions())
    expect(result.current.fieldOptions).toEqual(new Map())
    await act(() => result.current.load(fieldRef))
    expect(result.current.fieldOptions.get(fieldRef.property['@id'])).toEqual([
      { id: 1, value: 1, label: '/metadata/1' },
      { id: 2, value: 2, label: '/metadata/2' },
    ])
    expect(fetchApi).toHaveBeenCalledTimes(1)
  })

  it('should not load the options twice', async () => {
    ;(fetchApi as jest.Mock).mockClear()
    const { result } = renderHookWithProviders(() => useOptions())
    expect(result.current.fieldOptions).toEqual(new Map())
    await act(() =>
      Promise.all([
        result.current.load(fieldRef),
        result.current.load(fieldRef),
      ]).then(() => undefined)
    )
    expect(result.current.fieldOptions.get(fieldRef.property['@id'])).toEqual([
      { id: 1, value: 1, label: '/metadata/1' },
      { id: 2, value: 2, label: '/metadata/2' },
    ])
    expect(fetchApi).toHaveBeenCalledTimes(1)
  })
})