@kenyaemr/esm-admin-app 5.3.7

package/src/components/logs-table/operation-log.test.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import LogTable from './operation-log-table.component';
+import { ETLResponse } from '../../types';
+
+describe('LogTable Component', () => {
+  const mockLogData: ETLResponse[] = [
+    {
+      script_name: 'Initial Population of Tables',
+      start_time: '2024-11-28T09:30:12',
+      stop_time: '2024-11-28T09:33:15',
+      status: 'Success',
+    },
+    {
+      script_name: 'Initial Creation of Tables',
+      start_time: '2024-11-28T09:30:12',
+      stop_time: '2024-11-28T09:33:15',
+      status: 'Failed',
+    },
+  ];
+
+  it('renders the table with correct headers and rows', () => {
+    render(<LogTable logData={mockLogData} isLoading={false} />);
+
+    const headers = ['Procedure', 'Start time', 'End time', 'Completion status'];
+    headers.forEach((header) => {
+      expect(screen.getByText(header)).toBeInTheDocument();
+    });
+
+    const rows = screen.getAllByRole('row');
+    expect(rows.length).toBe(3);
+  });
+
+  it('displays "No ETL Operation logs found" when logData is empty', () => {
+    render(<LogTable logData={[]} isLoading={false} />);
+
+    expect(screen.getByText('No ETL Operation logs found')).toBeInTheDocument();
+  });
+
+  it('shows skeleton loading state when isLoading is true', () => {
+    render(<LogTable logData={[]} isLoading={true} />);
+
+    const skeleton = screen.getByLabelText('etl table');
+    expect(skeleton).toBeInTheDocument();
+  });
+});

package/src/config-schema.ts

@@ -0,0 +1,5 @@
+import { Type } from '@openmrs/esm-framework';
+
+export const configSchema = {};
+
+export interface ConfigObject {}

package/src/constants.ts

@@ -0,0 +1,2 @@
+export const moduleName = '@kenyaemr/esm-admin-app';
+export const etlBasePath = `${window.spaBase}/admin`;

package/src/declarations.d.ts

@@ -0,0 +1,6 @@
+declare module '@carbon/react';
+declare module '*.css';
+declare module '*.scss';
+declare module '*.png';
+
+declare type SideNavProps = object;

package/src/index.ts

@@ -0,0 +1,18 @@
+import { getAsyncLifecycle, defineConfigSchema, getSyncLifecycle, registerBreadcrumbs } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
+import { moduleName } from './constants';
+import OperationConfirmation from './components/confirm-modal/confirmation-operation-modal.component';
+
+const options = {
+  featureName: 'esm-admin-app',
+  moduleName,
+};
+
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
+export function startupApp() {
+  defineConfigSchema(moduleName, configSchema);
+}
+
+export const root = getAsyncLifecycle(() => import('./root.component'), options);
+export const operationConfirmationModal = getSyncLifecycle(OperationConfirmation, options);

package/src/root.component.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import { etlBasePath } from './constants';
+import Dashboard from './components/dashboard/dashboard.component';
+
+const Root: React.FC = () => {
+  return (
+    <BrowserRouter basename={etlBasePath}>
+      <Routes>
+        <Route path="/" element={<Dashboard />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
+
+export default Root;

package/src/root.scss

@@ -0,0 +1,7 @@
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '@carbon/colors';
+
+.container {
+  padding: layout.$spacing-07;
+}

package/src/routes.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "kenyaemrCharts": "^1.6.7"
+  },
+  "extensions": [
+  ],
+  "modals": [
+    {
+      "component": "operationConfirmationModal",
+      "name": "operation-confirmation-modal"
+    }
+  ],
+  "pages": [
+    {
+      "component": "root",
+      "route": "admin",
+      "online": true,
+      "offline": true
+    }
+  ]
+}

package/src/setup-tests.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/src/types/index.ts

@@ -0,0 +1,6 @@
+export interface ETLResponse {
+  script_name: string;
+  start_time: string;
+  stop_time: string;
+  status: string;
+}

package/translations/en.json

@@ -0,0 +1,26 @@
+{
+  "completionStatus": "Completion status",
+  "confirmation": "Confirmation",
+  "endTime": "End time",
+  "etlAdministration": "ETL Administration",
+  "etlOperation": "ETL operations",
+  "etlOperationLog": "ETL Operations Log",
+  "etlsOperationsLoading": "Please wait {{currentOperation}} is in progress...",
+  "home": "Home",
+  "noRecordsFound": "No ETL Operation logs found",
+  "noRespond": "No",
+  "operationError": "{{operationName}} failed",
+  "operationErrorSubtitle": "An error occurred during the operation.",
+  "operationsConfirmationMessages": "Do you want to {{operationTypeOrName}}?",
+  "operationSuccess": "{{operationName}} successfully {{operationType}}",
+  "operationSuccessSubtitle": "The operation completed successfully.",
+  "procedure": "Procedure",
+  "recreated": "recreated",
+  "recreateDatatools": "Recreate datatools",
+  "recreateTables": "Recreate tables",
+  "refreshDwapi": "Refresh DWAPI tables",
+  "refreshed": "refreshed",
+  "refreshTables": "Refresh tables",
+  "startTime": "Start time",
+  "yesRespond": "Yes"
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.tsx"]
+}

package/webpack.config.js

@@ -0,0 +1 @@
+module.exports = require('openmrs/default-webpack-config');