1 files changed, 237 insertions, 0 deletions
diff --git a/spec/frontend/packages/details/store/getters_spec.js b/spec/frontend/packages/details/store/getters_spec.js
new file mode 100644
index 00000000000..307976d4124
--- /dev/null
+++ b/spec/frontend/packages/details/store/getters_spec.js
@@ -0,0 +1,237 @@
+import {
+  conanInstallationCommand,
+  conanSetupCommand,
+  packagePipeline,
+  packageTypeDisplay,
+  packageIcon,
+  mavenInstallationXml,
+  mavenInstallationCommand,
+  mavenSetupXml,
+  npmInstallationCommand,
+  npmSetupCommand,
+  nugetInstallationCommand,
+  nugetSetupCommand,
+  pypiPipCommand,
+  pypiSetupCommand,
+  composerRegistryInclude,
+  composerPackageInclude,
+} from '~/packages/details/store/getters';
+import {
+  conanPackage,
+  npmPackage,
+  nugetPackage,
+  mockPipelineInfo,
+  mavenPackage as packageWithoutBuildInfo,
+  pypiPackage,
+} from '../../mock_data';
+import {
+  generateMavenCommand,
+  generateXmlCodeBlock,
+  generateMavenSetupXml,
+  registryUrl,
+  pypiSetupCommandStr,
+} from '../mock_data';
+import { generateConanRecipe } from '~/packages/details/utils';
+import { NpmManager } from '~/packages/details/constants';
+
+describe('Getters PackageDetails Store', () => {
+  let state;
+
+  const defaultState = {
+    packageEntity: packageWithoutBuildInfo,
+    conanPath: registryUrl,
+    mavenPath: registryUrl,
+    npmPath: registryUrl,
+    nugetPath: registryUrl,
+    pypiPath: registryUrl,
+  };
+
+  const setupState = (testState = {}) => {
+    state = {
+      ...defaultState,
+      ...testState,
+    };
+  };
+
+  const recipe = generateConanRecipe(conanPackage);
+  const conanInstallationCommandStr = `conan install ${recipe} --remote=gitlab`;
+  const conanSetupCommandStr = `conan remote add gitlab ${registryUrl}`;
+
+  const mavenCommandStr = generateMavenCommand(packageWithoutBuildInfo.maven_metadatum);
+  const mavenInstallationXmlBlock = generateXmlCodeBlock(packageWithoutBuildInfo.maven_metadatum);
+  const mavenSetupXmlBlock = generateMavenSetupXml();
+
+  const npmInstallStr = `npm i ${npmPackage.name}`;
+  const npmSetupStr = `echo @Test:registry=${registryUrl} >> .npmrc`;
+  const yarnInstallStr = `yarn add ${npmPackage.name}`;
+  const yarnSetupStr = `echo \\"@Test:registry\\" \\"${registryUrl}\\" >> .yarnrc`;
+
+  const nugetInstallationCommandStr = `nuget install ${nugetPackage.name} -Source "GitLab"`;
+  const nugetSetupCommandStr = `nuget source Add -Name "GitLab" -Source "${registryUrl}" -UserName <your_username> -Password <your_token>`;
+
+  const pypiPipCommandStr = `pip install ${pypiPackage.name} --index-url ${registryUrl}`;
+  const composerRegistryIncludeStr = '{"type":"composer","url":"foo"}';
+  const composerPackageIncludeStr = JSON.stringify({
+    [packageWithoutBuildInfo.name]: packageWithoutBuildInfo.version,
+  });
+
+  describe('packagePipeline', () => {
+    it('should return the pipeline info when pipeline exists', () => {
+      setupState({
+        packageEntity: {
+          ...npmPackage,
+          pipeline: mockPipelineInfo,
+        },
+      });
+
+      expect(packagePipeline(state)).toEqual(mockPipelineInfo);
+    });
+
+    it('should return null when build_info does not exist', () => {
+      setupState();
+
+      expect(packagePipeline(state)).toBe(null);
+    });
+  });
+
+  describe('packageTypeDisplay', () => {
+    describe.each`
+      packageEntity              | expectedResult
+      ${conanPackage}            | ${'Conan'}
+      ${packageWithoutBuildInfo} | ${'Maven'}
+      ${npmPackage}              | ${'NPM'}
+      ${nugetPackage}            | ${'NuGet'}
+      ${pypiPackage}             | ${'PyPi'}
+    `(`package type`, ({ packageEntity, expectedResult }) => {
+      beforeEach(() => setupState({ packageEntity }));
+
+      it(`${packageEntity.package_type} should show as ${expectedResult}`, () => {
+        expect(packageTypeDisplay(state)).toBe(expectedResult);
+      });
+    });
+  });
+
+  describe('packageIcon', () => {
+    describe('nuget packages', () => {
+      it('should return nuget package icon', () => {
+        setupState({ packageEntity: nugetPackage });
+
+        expect(packageIcon(state)).toBe(nugetPackage.nuget_metadatum.icon_url);
+      });
+
+      it('should return null when nuget package does not have an icon', () => {
+        setupState({ packageEntity: { ...nugetPackage, nuget_metadatum: {} } });
+
+        expect(packageIcon(state)).toBe(null);
+      });
+    });
+
+    it('should not find icons for other package types', () => {
+      setupState({ packageEntity: npmPackage });
+
+      expect(packageIcon(state)).toBe(null);
+    });
+  });
+
+  describe('conan string getters', () => {
+    it('gets the correct conanInstallationCommand', () => {
+      setupState({ packageEntity: conanPackage });
+
+      expect(conanInstallationCommand(state)).toBe(conanInstallationCommandStr);
+    });
+
+    it('gets the correct conanSetupCommand', () => {
+      setupState({ packageEntity: conanPackage });
+
+      expect(conanSetupCommand(state)).toBe(conanSetupCommandStr);
+    });
+  });
+
+  describe('maven string getters', () => {
+    it('gets the correct mavenInstallationXml', () => {
+      setupState();
+
+      expect(mavenInstallationXml(state)).toBe(mavenInstallationXmlBlock);
+    });
+
+    it('gets the correct mavenInstallationCommand', () => {
+      setupState();
+
+      expect(mavenInstallationCommand(state)).toBe(mavenCommandStr);
+    });
+
+    it('gets the correct mavenSetupXml', () => {
+      setupState();
+
+      expect(mavenSetupXml(state)).toBe(mavenSetupXmlBlock);
+    });
+  });
+
+  describe('npm string getters', () => {
+    it('gets the correct npmInstallationCommand for NPM', () => {
+      setupState({ packageEntity: npmPackage });
+
+      expect(npmInstallationCommand(state)(NpmManager.NPM)).toBe(npmInstallStr);
+    });
+
+    it('gets the correct npmSetupCommand for NPM', () => {
+      setupState({ packageEntity: npmPackage });
+
+      expect(npmSetupCommand(state)(NpmManager.NPM)).toBe(npmSetupStr);
+    });
+
+    it('gets the correct npmInstallationCommand for Yarn', () => {
+      setupState({ packageEntity: npmPackage });
+
+      expect(npmInstallationCommand(state)(NpmManager.YARN)).toBe(yarnInstallStr);
+    });
+
+    it('gets the correct npmSetupCommand for Yarn', () => {
+      setupState({ packageEntity: npmPackage });
+
+      expect(npmSetupCommand(state)(NpmManager.YARN)).toBe(yarnSetupStr);
+    });
+  });
+
+  describe('nuget string getters', () => {
+    it('gets the correct nugetInstallationCommand', () => {
+      setupState({ packageEntity: nugetPackage });
+
+      expect(nugetInstallationCommand(state)).toBe(nugetInstallationCommandStr);
+    });
+
+    it('gets the correct nugetSetupCommand', () => {
+      setupState({ packageEntity: nugetPackage });
+
+      expect(nugetSetupCommand(state)).toBe(nugetSetupCommandStr);
+    });
+  });
+
+  describe('pypi string getters', () => {
+    it('gets the correct pypiPipCommand', () => {
+      setupState({ packageEntity: pypiPackage });
+
+      expect(pypiPipCommand(state)).toBe(pypiPipCommandStr);
+    });
+
+    it('gets the correct pypiSetupCommand', () => {
+      setupState({ pypiSetupPath: 'foo' });
+
+      expect(pypiSetupCommand(state)).toBe(pypiSetupCommandStr);
+    });
+  });
+
+  describe('composer string getters', () => {
+    it('gets the correct composerRegistryInclude command', () => {
+      setupState({ composerPath: 'foo' });
+
+      expect(composerRegistryInclude(state)).toBe(composerRegistryIncludeStr);
+    });
+
+    it('gets the correct composerPackageInclude command', () => {
+      setupState();
+
+      expect(composerPackageInclude(state)).toBe(composerPackageIncludeStr);
+    });
+  });
+});