chore: Add snapshot tests for registry configuration (#130)

Jira: EPMDPEDP-13007
Related: #130
Change-Id: I716355d7b12d6e5f4d456f464896f3b3f3c2fc7c

src/components/HeadlampTileChart/index.tsx

@@ -1,6 +1,7 @@
 import { TileChart } from '@kinvolk/headlamp-plugin/lib/CommonComponents';
 import { TileChartProps } from '@kinvolk/headlamp-plugin/lib/components/common/TileChart/TileChart';
 import { makeStyles } from '@material-ui/core';
+import React from 'react';
 
 const useStyles = makeStyles(() => ({
     root: {

src/index.tsx

@@ -7,6 +7,7 @@ import {
     registerRoute,
     registerSidebarEntry,
 } from '@kinvolk/headlamp-plugin/lib';
+import React from 'react';
 import { LogoWithText } from './Logo';
 import routes from './routes';
 import { SIDEBAR_LIST } from './routes/sidebar-list';

src/k8s/ConfigMap/mocks/edp-config-map.mock.ts

@@ -0,0 +1,43 @@
+import { ValueOf } from '../../../types/global';
+import { CONTAINER_REGISTRY_PLATFORM, CONTAINER_REGISTRY_TYPE } from '../constants';
+
+export const createEmptyEdpConfigMapMock = (
+    platform: ValueOf<typeof CONTAINER_REGISTRY_PLATFORM>
+) => ({
+    metadata: {
+        name: 'edp-config',
+        namespace: 'test-namespace',
+    },
+    data: {
+        aws_region: 'eu-central-1',
+        container_registry_host: 'registry.test.com',
+        container_registry_space: 'test-namespace',
+        container_registry_type: '',
+        dns_wildcard: 'test-dns-wildcard',
+        edp_name: 'test-namespace',
+        edp_version: '3.8.0-SNAPSHOT.23',
+        platform: platform,
+    },
+    kind: 'ConfigMap',
+});
+
+export const createEdpConfigMapMock = (
+    type: ValueOf<typeof CONTAINER_REGISTRY_TYPE>,
+    platform: ValueOf<typeof CONTAINER_REGISTRY_PLATFORM>
+) => ({
+    metadata: {
+        name: 'edp-config',
+        namespace: 'test-namespace',
+    },
+    data: {
+        aws_region: 'eu-central-1',
+        container_registry_host: 'registry.test.com',
+        container_registry_space: 'test-namespace',
+        container_registry_type: type,
+        dns_wildcard: 'test-dns-wildcard',
+        edp_name: 'test-namespace',
+        edp_version: '3.8.0-SNAPSHOT.23',
+        platform: platform,
+    },
+    kind: 'ConfigMap',
+});

src/k8s/Secret/mocks/kaniko-config-secret.mock.ts

@@ -0,0 +1,65 @@
+/*
+Encoded data
+
+"auths": {
+    "registry.test.com": {
+        "username": "test-username",
+        "password": "test-password",
+        "auth": "test-auth"
+    }
+}
+
+*/
+
+export const kanikoDockerSecretMock = {
+    metadata: {
+        name: 'kaniko-docker-config',
+        namespace: 'test-namespace',
+        labels: {
+            'app.edp.epam.com/integration-secret': 'true',
+            'app.edp.epam.com/secret-type': 'registry',
+        },
+        annotations: {
+            'app.edp.epam.com/integration-secret-connected': 'true',
+        },
+    },
+    immutable: false,
+    data: {
+        '.dockerconfigjson':
+            'eyJhdXRocyI6eyJyZWdpc3RyeS50ZXN0LmNvbSI6eyJ1c2VybmFtZSI6InRlc3QtdXNlcm5hbWUiLCJwYXNzd29yZCI6InRlc3QtcGFzc3dvcmQiLCJhdXRoIjoidGVzdC1hdXRoIn19fQ==',
+    },
+    type: 'kubernetes.io/dockerconfigjson',
+    kind: 'Secret',
+    apiVersion: 'v1',
+};
+
+export const kanikoDockerSecretWithOwnerMock = {
+    metadata: {
+        name: 'kaniko-docker-config',
+        namespace: 'test-namespace',
+        labels: {
+            'app.edp.epam.com/integration-secret': 'true',
+            'app.edp.epam.com/secret-type': 'registry',
+        },
+        annotations: {
+            'app.edp.epam.com/integration-secret-connected': 'true',
+        },
+        ownerReferences: [
+            {
+                apiVersion: 'external-secrets.io/v1beta1',
+                kind: 'ExternalSecret',
+                name: 'kaniko-docker-config',
+                controller: true,
+                blockOwnerDeletion: true,
+            },
+        ],
+    },
+    immutable: false,
+    data: {
+        '.dockerconfigjson':
+            'eyJhdXRocyI6eyJyZWdpc3RyeS50ZXN0LmNvbSI6eyJ1c2VybmFtZSI6InRlc3QtdXNlcm5hbWUiLCJwYXNzd29yZCI6InRlc3QtcGFzc3dvcmQiLCJhdXRoIjoidGVzdC1hdXRoIn19fQ==',
+    },
+    type: 'kubernetes.io/dockerconfigjson',
+    kind: 'Secret',
+    apiVersion: 'v1',
+};

src/k8s/Secret/mocks/regcred-config-secret.mock.ts

@@ -0,0 +1,65 @@
+/*
+Encoded data
+
+"auths": {
+    "registry.test.com": {
+        "username": "test-username",
+        "password": "test-password",
+        "auth": "test-auth"
+    }
+}
+
+*/
+
+export const regcredSecretMock = {
+    metadata: {
+        name: 'regcred',
+        namespace: 'test-namespace',
+        labels: {
+            'app.edp.epam.com/integration-secret': 'true',
+            'app.edp.epam.com/secret-type': 'registry',
+        },
+        annotations: {
+            'app.edp.epam.com/integration-secret-connected': 'true',
+        },
+    },
+    immutable: false,
+    data: {
+        '.dockerconfigjson':
+            'eyJhdXRocyI6eyJyZWdpc3RyeS50ZXN0LmNvbSI6eyJ1c2VybmFtZSI6InRlc3QtdXNlcm5hbWUiLCJwYXNzd29yZCI6InRlc3QtcGFzc3dvcmQiLCJhdXRoIjoidGVzdC1hdXRoIn19fQ==',
+    },
+    type: 'kubernetes.io/dockerconfigjson',
+    kind: 'Secret',
+    apiVersion: 'v1',
+};
+
+export const regcredSecretWithOwnerMock = {
+    metadata: {
+        name: 'regcred',
+        namespace: 'test-namespace',
+        labels: {
+            'app.edp.epam.com/integration-secret': 'true',
+            'app.edp.epam.com/secret-type': 'registry',
+        },
+        annotations: {
+            'app.edp.epam.com/integration-secret-connected': 'true',
+        },
+        ownerReferences: [
+            {
+                apiVersion: 'external-secrets.io/v1beta1',
+                kind: 'ExternalSecret',
+                name: 'regcred',
+                controller: true,
+                blockOwnerDeletion: true,
+            },
+        ],
+    },
+    immutable: false,
+    data: {
+        '.dockerconfigjson':
+            'eyJhdXRocyI6eyJyZWdpc3RyeS50ZXN0LmNvbSI6eyJ1c2VybmFtZSI6InRlc3QtdXNlcm5hbWUiLCJwYXNzd29yZCI6InRlc3QtcGFzc3dvcmQiLCJhdXRoIjoidGVzdC1hdXRoIn19fQ==',
+    },
+    type: 'kubernetes.io/dockerconfigjson',
+    kind: 'Secret',
+    apiVersion: 'v1',
+};

src/pages/edp-component-details/components/CodebaseMetadataTable/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MetadataTable } from '../../../../components/MetadataTable';
 import { useRows } from './hooks/useRows';
 import { CodebaseMetadataTableProps } from './types';

src/pages/edp-configuration/pages/edp-registry-list/view.tsx

@@ -15,6 +15,8 @@ export const PageView = () => {
         isLoading,
     } = useDynamicDataContext();
 
+    console.log(EDPConfigMap, pullAccountSecret, pushAccountSecret, tektonServiceAccount);
+
     return (
         <PageWithSubMenu list={menu}>
             <PageWrapper containerMaxWidth={'xl'}>

src/pages/edp-overview-list/components/ComponentList/index.tsx

@@ -1,4 +1,5 @@
 import { Grid } from '@material-ui/core';
+import React from 'react';
 import { LoadingWrapper } from '../../../../components/LoadingWrapper';
 import { EDPComponentKubeObject } from '../../../../k8s/EDPComponent';
 import { getDefaultNamespace } from '../../../../utils/getDefaultNamespace';

src/routes/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import RouteEDPCDPipelineDetailsPage from '../pages/edp-cdpipeline-details/page';
 import { routeEDPCDPipelineDetails } from '../pages/edp-cdpipeline-details/route';
 import RouteEDPCDPipelineListPage from '../pages/edp-cdpipeline-list/page';

src/widgets/DeeptrackVulnerabilities/components/NoDataSvg/index.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export const NoDataSvg = ({ className }: { className: string }) => {
     return (
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 20" className={className}>

src/widgets/ManageRegistry/index.create.test.tsx

@@ -0,0 +1,31 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import { TestWrapper } from '../../../mocks/wrappers/default';
+import { CONTAINER_REGISTRY_PLATFORM } from '../../k8s/ConfigMap/constants';
+import { createEmptyEdpConfigMapMock } from '../../k8s/ConfigMap/mocks/edp-config-map.mock';
+import { ConfigMapKubeObjectInterface } from '../../k8s/ConfigMap/types';
+import { ManageRegistry } from './index';
+
+test('renders ManageRegistry Kubernetes Create component', () => {
+    render(
+        <TestWrapper>
+            <ManageRegistry
+                formData={{
+                    EDPConfigMap: createEmptyEdpConfigMapMock(
+                        CONTAINER_REGISTRY_PLATFORM.KUBERNETES
+                    ) as unknown as ConfigMapKubeObjectInterface,
+                    pullAccountSecret: null,
+                    pushAccountSecret: null,
+                    tektonServiceAccount: null,
+                }}
+            />
+        </TestWrapper>
+    );
+
+    const dialog = screen.getByTestId('form');
+    expect(dialog).toMatchSnapshot();
+});

src/widgets/ManageRegistry/index.edit.test.tsx

@@ -0,0 +1,39 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import { TestWrapper } from '../../../mocks/wrappers/default';
+import {
+    CONTAINER_REGISTRY_PLATFORM,
+    CONTAINER_REGISTRY_TYPE,
+} from '../../k8s/ConfigMap/constants';
+import { createEdpConfigMapMock } from '../../k8s/ConfigMap/mocks/edp-config-map.mock';
+import { ConfigMapKubeObjectInterface } from '../../k8s/ConfigMap/types';
+import { kanikoDockerSecretMock } from '../../k8s/Secret/mocks/kaniko-config-secret.mock';
+import { regcredSecretMock } from '../../k8s/Secret/mocks/regcred-config-secret.mock';
+import { SecretKubeObjectInterface } from '../../k8s/Secret/types';
+import { ManageRegistry } from './index';
+
+test('renders ManageRegistry Kubernetes Edit component', () => {
+    render(
+        <TestWrapper>
+            <ManageRegistry
+                formData={{
+                    EDPConfigMap: createEdpConfigMapMock(
+                        CONTAINER_REGISTRY_TYPE.HARBOR,
+                        CONTAINER_REGISTRY_PLATFORM.KUBERNETES
+                    ) as unknown as ConfigMapKubeObjectInterface,
+                    pullAccountSecret: regcredSecretMock as unknown as SecretKubeObjectInterface,
+                    pushAccountSecret:
+                        kanikoDockerSecretMock as unknown as SecretKubeObjectInterface,
+                    tektonServiceAccount: null,
+                }}
+            />
+        </TestWrapper>
+    );
+
+    const dialog = screen.getByTestId('form');
+    expect(dialog).toMatchSnapshot();
+});

src/widgets/ManageRegistry/index.read.test.tsx

@@ -0,0 +1,39 @@
+/**
+ * @jest-environment jsdom
+ */
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import { TestWrapper } from '../../../mocks/wrappers/default';
+import {
+    CONTAINER_REGISTRY_PLATFORM,
+    CONTAINER_REGISTRY_TYPE,
+} from '../../k8s/ConfigMap/constants';
+import { createEdpConfigMapMock } from '../../k8s/ConfigMap/mocks/edp-config-map.mock';
+import { ConfigMapKubeObjectInterface } from '../../k8s/ConfigMap/types';
+import { kanikoDockerSecretWithOwnerMock } from '../../k8s/Secret/mocks/kaniko-config-secret.mock';
+import { regcredSecretWithOwnerMock } from '../../k8s/Secret/mocks/regcred-config-secret.mock';
+import { SecretKubeObjectInterface } from '../../k8s/Secret/types';
+import { ManageRegistry } from './index';
+
+test('renders ManageRegistry Kubernetes Edit (read-only) component', () => {
+    render(
+        <TestWrapper>
+            <ManageRegistry
+                formData={{
+                    EDPConfigMap: createEdpConfigMapMock(
+                        CONTAINER_REGISTRY_TYPE.HARBOR,
+                        CONTAINER_REGISTRY_PLATFORM.KUBERNETES
+                    ) as unknown as ConfigMapKubeObjectInterface,
+                    pullAccountSecret:
+                        regcredSecretWithOwnerMock as unknown as SecretKubeObjectInterface,
+                    pushAccountSecret:
+                        kanikoDockerSecretWithOwnerMock as unknown as SecretKubeObjectInterface,
+                    tektonServiceAccount: null,
+                }}
+            />
+        </TestWrapper>
+    );
+
+    const dialog = screen.getByTestId('form');
+    expect(dialog).toMatchSnapshot();
+});

src/widgets/ManageRegistry/index.tsx

@@ -22,8 +22,6 @@ export const ManageRegistry = ({ formData }: ManageRegistryProps) => {
 
     const _formData = React.useMemo(() => ({ ...formData, handleClosePanel }), [formData]);
 
-    console.log('render ManageRegistry', 'registryType', registryType);
-
     return (
         <Grid container spacing={2} data-testid="form">
             <Grid item xs={12}>

tsconfig.json

@@ -4,7 +4,8 @@
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "baseUrl": "./src",
-    "types": ["node", "jest"]
+    "types": ["node", "jest"],
+    "jsx": "react"
   },
   "include": ["./src/**/*"],
   "extends": "./node_modules/@kinvolk/headlamp-plugin/config/plugins-tsconfig.json",