@velocitycareerlabs/velocity-registrar-app 1.26.0-dev-build.1f18e8395 → 1.26.0-dev-build.19f1147f8

package/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-react'],
+};

package/jest.config.js

@@ -0,0 +1,29 @@
+const pack = require('./package.json');
+
+module.exports = {
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(js|jsx)$': 'babel-jest',
+  },
+  moduleNameMapper: {
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+  },
+  setupFilesAfterEnv: ['./src/setupTests.js'],
+  testPathIgnorePatterns: ['/node_modules/', '/dist/'],
+  moduleFileExtensions: ['js', 'jsx', 'json', 'node'],
+  displayName: pack.name,
+  reporters: [
+    'default',
+    [
+      'jest-junit',
+      {
+        outputName: `${pack.name.split('/')[1]}-junit.xml`,
+        outputDirectory: '<rootDir>/../../test-results',
+        ancestorSeparator: ' › ',
+        suiteNameTemplate: '{filepath}',
+        classNameTemplate: '{classname}',
+        titleTemplate: '{title}',
+      },
+    ],
+  ],
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@velocitycareerlabs/velocity-registrar-app",
-  "version": "1.26.0-dev-build.1f18e8395",
+  "version": "1.26.0-dev-build.19f1147f8",
   "description": "Velocity Registrar",
   "license": "Apache-2.0",
   "publishConfig": {
@@ -14,7 +14,7 @@
     "@mui/icons-material": "^6.0.0",
     "@mui/material": "^6.0.0",
     "@react-pdf/renderer": "^3.0.0",
-    "@velocitycareerlabs/components-organizations-registrar": "2.0.0-pre.1750601375",
+    "@velocitycareerlabs/components-organizations-registrar": "2.0.0-pre.1750748342",
     "autosuggest-highlight": "^3.3.4",
     "classnames": "~2.5.0",
     "env-cmd": "^10.1.0",
@@ -30,6 +30,8 @@
     "react-router": "7.5.3"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.2.0",
     "@vitejs/plugin-react-swc": "3.10.2",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "14.2.1",
@@ -41,6 +43,7 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "4.6.2",
+    "jest-environment-jsdom": "29.7.0",
     "postcss-normalize": "13.0.1",
     "vite": "6.3.5"
   },
@@ -51,7 +54,8 @@
     "build": "vite build",
     "preview": "vite preview",
     "lint": "eslint src --format json >> eslint.json",
-    "lint:fix": "eslint src --fix"
+    "lint:fix": "eslint src --fix",
+    "test": "jest --config ./jest.config.js --runInBand --coverage"
   },
   "browserslist": [
     ">0.2%",
@@ -59,5 +63,5 @@
     "not ie <= 11",
     "not op_mini all"
   ],
-  "gitHead": "94f2e1e0b9e9eda2eb031a3ef10c56b7a4ec5091"
+  "gitHead": "24b6b242448d219645f7563e2016e91432111939"
 }

package/src/pages/services/components/SecureIntegrationPopup/tests/SecureIntegrationPopup.test.jsx

@@ -0,0 +1,84 @@
+import '@testing-library/jest-dom';
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { SecureIntegrationPopup } from '../index.jsx';
+import * as useSecureSkipHook from '../../../hooks/useSecureSkip';
+// import * as orgContext from '@velocitycareerlabs/components-organizations-registrar';
+
+jest.mock('../../SecureMessageUrl/index.jsx', () => ({
+  SecureMessageURL: () => <div>SecureMessageURL component</div>,
+}));
+jest.mock('../../SecureTransfer/index.jsx', () => ({
+  SecureTransfer: () => <div>SecureTransfer component</div>,
+}));
+
+jest.mock('@velocitycareerlabs/components-organizations-registrar', () => ({
+  useSelectedOrganization: jest.fn(() => ['did:test']),
+}));
+jest.mock('@velocitycareerlabs/components-organizations-registrar/components', () => ({
+  Loading: () => <div>Loading...</div>,
+}));
+jest.mock('@velocitycareerlabs/components-organizations-registrar/components/common', () => ({
+  // eslint-disable-next-line react/prop-types
+  Popup: ({ children }) => <div>{children}</div>,
+}));
+
+describe('SecureIntegrationPopup', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders Loader when isLoading and isIssueOrInspection are true', () => {
+    jest.spyOn(useSecureSkipHook, 'useSecureSkip').mockReturnValue({ isLoading: true });
+
+    render(
+      <SecureIntegrationPopup
+        isInterceptOnCreateOpen={true}
+        serviceId="service-id"
+        onNext={jest.fn()}
+        onClose={jest.fn()}
+        isIssueOrInspection={true}
+        selectedCAO="test"
+        isCAO={false}
+      />,
+    );
+
+    expect(screen.getByText('Loading...')).toBeInTheDocument();
+  });
+
+  it('renders SecureTransfer if isIssueOrInspection is true and not loading', () => {
+    jest.spyOn(useSecureSkipHook, 'useSecureSkip').mockReturnValue({ isLoading: false });
+
+    render(
+      <SecureIntegrationPopup
+        isInterceptOnCreateOpen={true}
+        serviceId="service-id"
+        onNext={jest.fn()}
+        onClose={jest.fn()}
+        isIssueOrInspection={true}
+        selectedCAO="test"
+        isCAO={false}
+      />,
+    );
+
+    expect(screen.getByText('SecureTransfer component')).toBeInTheDocument();
+  });
+
+  it('renders SecureMessageURL if isIssueOrInspection is false', () => {
+    jest.spyOn(useSecureSkipHook, 'useSecureSkip').mockReturnValue({ isLoading: false });
+
+    render(
+      <SecureIntegrationPopup
+        isInterceptOnCreateOpen={true}
+        serviceId="service-id"
+        onNext={jest.fn()}
+        onClose={jest.fn()}
+        isIssueOrInspection={false}
+        selectedCAO={null}
+        isCAO={true}
+      />,
+    );
+
+    expect(screen.getByText('SecureMessageURL component')).toBeInTheDocument();
+  });
+});

package/src/pages/services/components/SecureMessageUrl/tests/SecureMessageURL.test.jsx

@@ -0,0 +1,231 @@
+import '@testing-library/jest-dom';
+import React from 'react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+
+import { MemoryRouter } from 'react-router';
+import { SecureMessageURL } from '../index.jsx';
+import * as hook from '../../../hooks/useSecureMessageTest';
+
+jest.mock('@mui/material', () => {
+  const original = jest.requireActual('@mui/material');
+  return {
+    ...original,
+    // eslint-disable-next-line react/prop-types
+    Button: ({ children, endIcon, startIcon, disabled, ...props }) => (
+      <button disabled={disabled} {...props}>
+        {children}
+      </button>
+    ),
+  };
+});
+jest.mock('@velocitycareerlabs/components-organizations-registrar/components', () => ({
+  Loading: () => <div>Loading...</div>,
+}));
+
+jest.mock('@velocitycareerlabs/components-organizations-registrar/components/common', () => ({
+  // eslint-disable-next-line react/prop-types
+  Popup: ({ children }) => <div>{children}</div>,
+  Save: () => <button>Save</button>,
+}));
+
+jest.mock('react-admin', () => ({
+  ...jest.requireActual('react-admin'),
+  useGetOne: jest.fn(() => ({
+    data: { secureMessagesUrl: 'https://example.com' },
+    isLoading: false,
+  })),
+}));
+
+jest.mock('../../../hooks/useSecureMessageTest');
+
+describe('SecureMessageURL', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    hook.useSecureMessageTest.mockReturnValue({
+      onTest: jest.fn(),
+      testPassed: false,
+      testError: false,
+      testInProgress: false,
+      tested: false,
+      reset: jest.fn(),
+      onSave: jest.fn(),
+      saveInProgress: false,
+    });
+  });
+
+  const mockUseGetOne = require('react-admin').useGetOne;
+  const onSaveMock = jest.fn();
+  const onSkipMock = jest.fn();
+
+  it('renders secure message input field', () => {
+    mockUseGetOne.mockReturnValue({
+      data: { secureMessagesUrl: '' },
+      isLoading: false,
+    });
+
+    render(<SecureMessageURL did="test-did" onSave={onSaveMock} onSkip={onSkipMock} />, {
+      wrapper: MemoryRouter,
+    });
+
+    // Title and description
+    expect(screen.getByText(/Set a Secure Messages URL/i)).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        // eslint-disable-next-line max-len
+        /Ease your client's efforts by using a Secure Messages endpoint at which a Credential Agent Operator. The Secure Messages endpoint is used to securely receive clients. Ensure that the webhook is active and responding before setting this value otherwise the profile cannot be saved./i,
+      ),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        /Note: This value is shared by all Credential Agent Services and updating it will affect them all/i,
+      ),
+    ).toBeInTheDocument();
+
+    // Input field
+    const input = screen.getByLabelText(/Secure message URL/i);
+    expect(input).toBeInTheDocument();
+    expect(input).toHaveValue('');
+
+    // Buttons
+    expect(screen.getAllByRole('button', { name: /test/i })).toHaveLength(2);
+    expect(screen.getAllByRole('button', { name: /skip/i })).toHaveLength(1);
+    expect(screen.getAllByRole('button', { name: /save/i })).toHaveLength(1);
+  });
+
+  it('shows saved secureMessagesUrl if available', () => {
+    mockUseGetOne.mockReturnValue({
+      data: { secureMessagesUrl: 'https://example.com' },
+      isLoading: false,
+    });
+
+    render(<SecureMessageURL did="test-did" onSave={onSaveMock} onSkip={onSkipMock} />, {
+      wrapper: MemoryRouter,
+    });
+    const input = screen.getByLabelText(/Secure message URL/i);
+    expect(input).toHaveValue('https://example.com');
+  });
+
+  it('can test secure message URL', async () => {
+    mockUseGetOne.mockReturnValue({
+      data: { secureMessagesUrl: '' },
+      isLoading: false,
+    });
+
+    render(<SecureMessageURL did="test-did" onSave={onSaveMock} onSkip={onSkipMock} />, {
+      wrapper: MemoryRouter,
+    });
+    const input = screen.getByLabelText(/Secure message URL/i);
+    expect(input).toHaveValue('');
+
+    fireEvent.change(input, { target: { value: 'https://new-url.com' } });
+    await waitFor(() => {
+      expect(input).toHaveValue('https://new-url.com');
+    });
+
+    const testBtn = screen.getAllByRole('button', { name: /test/i });
+    fireEvent.click(testBtn[0]);
+    await waitFor(() => {
+      expect(hook.useSecureMessageTest().onTest).toHaveBeenCalledWith('https://new-url.com');
+    });
+  });
+  it('shows status on Test success', async () => {
+    mockUseGetOne.mockReturnValue({
+      data: { secureMessagesUrl: 'https://example.com' },
+      isLoading: false,
+    });
+
+    hook.useSecureMessageTest.mockReturnValue({
+      onTest: jest.fn(),
+      testPassed: true,
+      testError: false,
+      testInProgress: false,
+      tested: true,
+      reset: jest.fn(),
+      onSave: jest.fn(),
+      saveInProgress: false,
+    });
+
+    render(<SecureMessageURL did="test-did" onSave={onSaveMock} onSkip={onSkipMock} />, {
+      wrapper: MemoryRouter,
+    });
+
+    const testBtn = screen.getAllByRole('button', { name: /test/i });
+    fireEvent.click(testBtn[0]);
+    await waitFor(() => {
+      expect(screen.getByText(/Secure message URL tested successfully!/i)).toBeInTheDocument();
+    });
+  });
+
+  it('shows status on Test failes', async () => {
+    mockUseGetOne.mockReturnValue({
+      data: { secureMessagesUrl: 'https://example.com' },
+      isLoading: false,
+    });
+
+    hook.useSecureMessageTest.mockReturnValue({
+      onTest: jest.fn(),
+      testPassed: false,
+      testError: true,
+      testInProgress: false,
+      tested: true,
+      reset: jest.fn(),
+      onSave: jest.fn(),
+      saveInProgress: false,
+    });
+
+    render(<SecureMessageURL did="test-did" onSave={onSaveMock} onSkip={onSkipMock} />, {
+      wrapper: MemoryRouter,
+    });
+
+    const testBtn = screen.getAllByRole('button', { name: /test/i });
+    fireEvent.click(testBtn[0]);
+    await waitFor(() => {
+      expect(screen.getByText(/Failed to test the secure message URL./i)).toBeInTheDocument();
+    });
+  });
+  it('shows warning popup if not tested and Save is clicked', async () => {
+    mockUseGetOne.mockReturnValue({
+      data: { secureMessagesUrl: 'https://example.com' },
+      isLoading: false,
+    });
+
+    hook.useSecureMessageTest.mockReturnValue({
+      onTest: jest.fn(),
+      testPassed: false,
+      testError: false,
+      testInProgress: false,
+      tested: false,
+      reset: jest.fn(),
+      onSave: jest.fn(),
+      saveInProgress: false,
+    });
+
+    render(<SecureMessageURL did="test-did" onSave={onSaveMock} onSkip={onSkipMock} />, {
+      wrapper: MemoryRouter,
+    });
+
+    const saveBtn = screen.getAllByRole('button', { name: /save/i });
+    fireEvent.click(saveBtn[0]);
+
+    await waitFor(() => {
+      expect(
+        screen.getByText(/Secure message URL should be tested before saving/i),
+      ).toBeInTheDocument();
+      expect(
+        screen.getByText(
+          /They will not be available again and are critical for managing your organization data./i,
+        ),
+      ).toBeInTheDocument();
+      expect(screen.getByText(/Back to test/i)).toBeInTheDocument();
+    });
+    const continueBtn = screen.getByText(/Continue anyway/i);
+    expect(continueBtn).toBeInTheDocument();
+    fireEvent.click(continueBtn);
+    await waitFor(() => {
+      expect(hook.useSecureMessageTest().onSave).toHaveBeenCalledWith(
+        'https://example.com',
+        expect.any(Function),
+      );
+    });
+  });
+});

package/src/pages/services/components/SecureTransfer/index.jsx

@@ -30,7 +30,7 @@ export const SecureTransfer = ({ did, serviceId, onClose }) => {
         { returnPromise: true },
       );
       if (result.messageCode === MESSAGE_CODES.keys_sent) {
-        notify('Succeded', { type: 'success' }, { autoHideDuration: 500 });
+        notify('Succeeded', { type: 'success' }, { autoHideDuration: 500 });
         onClose(true);
       } else {
         notify('Error transferring keys', { type: 'warning' }, { autoHideDuration: 500 });

package/src/pages/services/components/SecureTransfer/tests/SecureTransfer.test.jsx

@@ -0,0 +1,127 @@
+/* eslint-disable react/prop-types */
+import '@testing-library/jest-dom';
+import React from 'react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import * as reactAdmin from 'react-admin';
+
+import { MemoryRouter } from 'react-router';
+import { SecureTransfer } from '../index.jsx';
+
+jest.mock('@mui/material', () => {
+  const original = jest.requireActual('@mui/material');
+  return {
+    ...original,
+    Button: ({ children, endIcon, startIcon, disabled, ...props }) => (
+      <button disabled={disabled} {...props}>
+        {children}
+      </button>
+    ),
+  };
+});
+jest.mock('@velocitycareerlabs/components-organizations-registrar/components', () => ({
+  Loading: () => <div>Loading...</div>,
+}));
+
+jest.mock('@velocitycareerlabs/components-organizations-registrar/components/common', () => ({
+  Popup: ({ children }) => <div>{children}</div>,
+  Save: ({ disabled }) => (
+    <button disabled={disabled} type="submit">
+      Save
+    </button>
+  ),
+  CustomBooleanInput: ({ value = false, onChange = () => {}, label }) => (
+    <label>
+      <input type="checkbox" checked={value} onChange={(e) => onChange(e.target.checked)} />
+      {label}
+    </label>
+  ),
+}));
+
+jest.mock('react-admin', () => {
+  const transferKeysMock = jest.fn().mockResolvedValue({ messageCode: 'keys_sent' });
+  const { useForm, FormProvider } = require('react-hook-form');
+  return {
+    ...jest.requireActual('react-admin'),
+    useCreate: jest.fn(() => [transferKeysMock]),
+    useNotify: jest.fn(() => jest.fn()),
+    Form: ({ onSubmit, children, defaultValues, ...props }) => {
+      const methods = useForm({ defaultValues: defaultValues ?? {} });
+      return (
+        <FormProvider {...methods}>
+          <form
+            onSubmit={methods.handleSubmit(onSubmit)}
+            data-testid="secure-transfer-form"
+            {...props}
+          >
+            {children}
+          </form>
+        </FormProvider>
+      );
+    },
+  };
+});
+
+jest.mock('../../../hooks/useSecureMessageTest');
+
+describe('SecureTransfer', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const onCloseMock = jest.fn();
+  it('renders SecureTransfer with titles and form', () => {
+    render(<SecureTransfer did="test-did" serviceId="test-service-id" onClose={jest.fn()} />, {
+      wrapper: MemoryRouter,
+    });
+
+    // Title and description
+    expect(screen.getByText(/Automatically setup your network integration/i)).toBeInTheDocument();
+    expect(
+      screen.getByText(/This Credential Agent Operator supports the secure transfer of keys./i),
+    ).toBeInTheDocument();
+
+    // Confirm checkbox
+    expect(
+      screen.getByLabelText(
+        /Confirm that you consent to the secure transfer of your keys to your Credential Agent Operator. Click here for more information/i,
+      ),
+    ).toBeInTheDocument();
+
+    // Buttons
+    expect(screen.getByText(/Skip/i)).toBeInTheDocument();
+    expect(screen.getByText(/Confirm/i)).toBeInTheDocument();
+  });
+
+  it('calls transferKeys on form submit', async () => {
+    const transferKeysMock = reactAdmin.useCreate()[0];
+
+    render(<SecureTransfer did="test-did" serviceId="test-service-id" onClose={onCloseMock} />, {
+      wrapper: MemoryRouter,
+    });
+
+    const checkbox = screen.getByLabelText(
+      /Confirm that you consent to the secure transfer of your keys to your Credential Agent Operator. Click here for more information/i,
+    );
+    expect(checkbox).not.toBeChecked();
+
+    fireEvent.click(checkbox);
+
+    fireEvent.submit(screen.getByTestId('secure-transfer-form'));
+
+    await waitFor(() => {
+      expect(transferKeysMock).toHaveBeenCalled();
+      expect(onCloseMock).toHaveBeenCalled();
+    });
+  });
+
+  it('calls onClose when Skip button is clicked', async () => {
+    render(<SecureTransfer did="test-did" serviceId="test-service-id" onClose={onCloseMock} />, {
+      wrapper: MemoryRouter,
+    });
+
+    fireEvent.click(screen.getByText(/Skip/i));
+    await waitFor(() => {
+      expect(onCloseMock).toHaveBeenCalled();
+    });
+  });
+});

package/src/pages/services/hooks/useAdditionalServiceProperties.js

@@ -21,7 +21,7 @@ export const useAdditionalServiceProperties = () => {
     }
     return {
       [CREDENTIAL_TYPES_IDS.VLC_CREDENTIAL_AGENT_OPERATOR]: {
-        name: 'Secure URL',
+        name: 'SEC. MESSAGES URL',
         value: secureData.secureMessagesUrl,
       },
     };

package/src/pages/services/utils/index.jsx

@@ -33,7 +33,7 @@ export const REGEXP_HTTPS_URL = new RegExp(
   'i',
 );
 
-const optionalUrlValidation = (value) => {
+export const optionalUrlValidation = (value) => {
   if (!value) {
     return undefined;
   }

package/src/pages/services/utils/tests/optionalUrlValidation.test.js

@@ -0,0 +1,26 @@
+import { optionalUrlValidation } from '../index.jsx';
+
+describe('optionalUrlValidation', () => {
+  it('should return true for valid URLs', () => {
+    expect(optionalUrlValidation('https://www.example.com')).toBe(undefined);
+    expect(optionalUrlValidation('https://example.com/path?query=123')).toBe(undefined);
+  });
+
+  it('should return "Please type in a valid URL"', () => {
+    const errorMessage = 'Please type in a valid URL';
+    expect(optionalUrlValidation('https://e xample.com')).toBe(errorMessage);
+    expect(optionalUrlValidation('invalid-url')).toBe(errorMessage);
+    expect(optionalUrlValidation('ftp://example.com')).toBe(errorMessage);
+    expect(optionalUrlValidation('https://')).toBe(errorMessage);
+  });
+  it('should return Https is required for http URLs', () => {
+    const errorMessage = 'Https is required';
+    expect(optionalUrlValidation('http://example.com')).toBe(errorMessage);
+    expect(optionalUrlValidation('http://www.example.com')).toBe(errorMessage);
+    expect(optionalUrlValidation('http://example.com/path?query=123')).toBe(errorMessage);
+  });
+
+  it('should return true for empty string', () => {
+    expect(optionalUrlValidation('')).toBe(undefined);
+  });
+});

package/src/setupTests.js

@@ -0,0 +1,32 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+const { TextEncoder: NodeTextEncoder, TextDecoder: NodeTextDecoder } = require('util');
+
+const { TestEnvironment } = require('jest-environment-jsdom');
+
+// https://github.com/facebook/jest/blob/v29.4.3/website/versioned_docs/version-29.4/Configuration.md#testenvironment-string
+class FixJSDOMEnvironment extends TestEnvironment {
+  constructor(...args) {
+    super(...args);
+
+    // https://github.com/jsdom/jsdom/issues/1724
+    this.global.fetch = fetch;
+
+    this.global.Headers = Headers;
+    this.global.Request = Request;
+    this.global.Response = Response;
+    this.global.TextEncoder = NodeTextEncoder;
+    this.global.TextDecoder = NodeTextDecoder;
+  }
+}
+
+// Ensure TextEncoder and TextDecoder are globally available
+if (typeof global.TextEncoder === 'undefined') {
+  // eslint-disable-next-line better-mutation/no-mutation
+  global.TextEncoder = require('util').TextEncoder;
+}
+if (typeof global.TextDecoder === 'undefined') {
+  // eslint-disable-next-line better-mutation/no-mutation
+  global.TextDecoder = require('util').TextDecoder;
+}
+
+module.exports = FixJSDOMEnvironment;