copilot/packages/cp-frontend/test/unit/state/reducers/ui.js

import {
  _toggleServicesQuickActions,
  _toggleInstancesTooltip
} from '@state/reducers/ui';
import state from '@state/state';

describe('ui reducer', () => {
  it('toggleServicesQuickActions shows correctly', () => {
    const uiState = state.ui;
    const expectedUiState = {
      ...state.ui,
      services: {
        ...state.ui.services,
        quickActions: {
          show: true,
          position: {
            top: 10,
            left: 10
          },
          service: {
            id: 'service-id'
          }
        }
      }
    };
    const action = {
      payload: {
        show: true,
        position: {
          top: 10,
          left: 10
        },
        service: {
          id: 'service-id'
        }
      }
    };
    const result = _toggleServicesQuickActions(uiState, action);
    expect(result).toEqual(expectedUiState);
  });

  it('toggleServicesQuickActions hides correctly', () => {
    const uiState = state.ui;
    const expectedUiState = {
      ...state.ui,
      services: {
        ...state.ui.services,
        quickActions: {
          show: false
        }
      }
    };
    const action = { payload: { show: false } };
    const result = _toggleServicesQuickActions(uiState, action);
    expect(result).toEqual(expectedUiState);
  });

  it('toggleInstancesTooltip shows correctly', () => {
    const uiState = state.ui;
    const expectedUiState = {
      ...state.ui,
      instances: {
        ...state.ui.instances,
        tooltip: {
          show: true,
          position: {
            top: 10,
            left: 10
          },
          instance: {
            id: 'instance-id'
          },
          type: 'healthy'
        }
      }
    };
    const action = {
      payload: {
        show: true,
        position: {
          top: 10,
          left: 10
        },
        instance: {
          id: 'instance-id'
        },
        type: 'healthy'
      }
    };
    const result = _toggleInstancesTooltip(uiState, action);
    expect(result).toEqual(expectedUiState);
  });

  it('toggleServicesQuickActions hides correctly', () => {
    const uiState = state.ui;
    const expectedUiState = {
      ...state.ui,
      instances: {
        ...state.ui.instances,
        tooltip: {
          show: false
        }
      }
    };
    const action = { payload: { show: false } };
    const result = _toggleInstancesTooltip(uiState, action);
    expect(result).toEqual(expectedUiState);
  });
});