dashboard/shell/components/form/__tests__/NameNsDescription.ts

import { mount } from '@vue/test-utils';
import NameNsDescription from '@shell/components/form/NameNsDescription.vue';

describe('component: NameNsDescription', () => {
  // Accessing to computed value due code complexity
  it('should map namespaces to options', () => {
    const namespaceName = 'test';
    const result = [{
      label: namespaceName,
      value: namespaceName
    }];
    const wrapper = mount(NameNsDescription, {
      propsData: {
        value: {},
        mode:  'create',
      },
      mocks: {
        $store: {
          getters: {
            namespaces:          jest.fn(),
            allowedNamespaces:   () => ({ [namespaceName]: true }),
            currentStore:        () => 'cluster',
            'cluster/schemaFor': jest.fn(),
            'i18n/t':            jest.fn()
          },
        },
      }
    });

    expect((wrapper.vm as any).options).toStrictEqual(result);
  });

  it('should emit in case of new namespace', () => {
    const namespaceName = 'test';
    const newNamespaceName = 'bananas';
    const wrapper = mount(NameNsDescription, {
      propsData: {
        value: { metadata: {} },
        mode:  'create',
      },
      mocks: {
        $store: {
          getters: {
            namespaces:          jest.fn(),
            allowedNamespaces:   () => ({ [namespaceName]: true }),
            currentStore:        () => 'cluster',
            'cluster/schemaFor': jest.fn(),
            'i18n/t':            jest.fn()
          },
        },
        $refs: { name: { focus: jest.fn() } }
      }
    });

    (wrapper.vm as any).updateNamespace(newNamespaceName);

    expect(wrapper.emitted().isNamespaceNew?.[0][0]).toBe(true);
  });
});