zammad/app/frontend/shared/entities/object-attributes/composables/__tests__/useObjectAttributes.spec.ts

// Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/

import { createPinia, setActivePinia } from 'pinia'
import { effectScope } from 'vue'

import { mockGraphQLApi } from '#tests/support/mock-graphql-api.ts'
import { waitForTimeout } from '#tests/support/utils.ts'

import { EnumObjectManagerObjects } from '#shared/graphql/types.ts'

import { ObjectManagerFrontendAttributesDocument } from '../../graphql/queries/objectManagerFrontendAttributes.api.ts'
import { useObjectAttributes } from '../useObjectAttributes.ts'

import objectFrontendAttributes from './mocks/objectFrontendAttributes.json'

const mockOrganizationObjectManagerAttributes = () => {
  mockGraphQLApi(ObjectManagerFrontendAttributesDocument).willResolve({
    objectManagerFrontendAttributes: objectFrontendAttributes,
  })
}

const getMeta = async () => {
  mockOrganizationObjectManagerAttributes()

  const meta = useObjectAttributes(EnumObjectManagerObjects.Organization)
  await waitForTimeout()

  return meta
}

const scope = effectScope()

describe('Object Manager Frontend Attributes Store', () => {
  beforeEach(() => {
    setActivePinia(createPinia())
  })

  it('is filled for Organization', async () => {
    await scope.run(async () => {
      const meta = await getMeta()

      expect(meta.attributes).not.toBe(undefined)
    })
  })

  it('contains screens', async () => {
    await scope.run(async () => {
      const meta = await getMeta()

      expect(meta.screens.value).toEqual({
        view: [
          'name',
          'shared',
          'domain_assignment',
          'domain',
          'note',
          'active',
          'test',
          'textarea',
        ],
        edit: [
          'name',
          'shared',
          'domain_assignment',
          'domain',
          'note',
          'active',
          'test',
          'textarea',
        ],
      })
    })
  })

  it('provides a fancy lookup of all attributes', async () => {
    await scope.run(async () => {
      const meta = await getMeta()

      expect(meta.attributesLookup.value.get('name')).toEqual({
        __typename: 'ObjectManagerFrontendAttribute',
        name: 'name',
        display: 'Name',
        dataType: 'input',
        isInternal: true,
        dataOption: {
          type: 'text',
          maxlength: 150,
          null: false,
          item_class: 'formGroup--halfSize',
        },
        screens: {},
      })

      // Check if also the static attribute exists.
      expect(meta.attributesLookup.value.get('created_at')).toEqual({
        name: 'created_at',
        display: __('Created at'),
        dataType: 'datetime',
        isStatic: true,
        isInternal: true,
      })
    })
  })
})