Fixes #29637 - Allow jest testing to use foremanReact

jest.config.js

@@ -0,0 +1,64 @@
+const path = require('path');
+const fs = require('fs');
+
+// Check for foremanReact files provided by Foreman and make available as module in Jest.
+const checkForForemanReact = (foremanLocations, foremanReact) => {
+  const currentDir = process.cwd();
+
+  let foremanReactFullPath;
+  foremanLocations.forEach((relativeForemanPath) => {
+    if (fs.existsSync(path.join(currentDir, relativeForemanPath))) {
+      const fullPath = path.join(currentDir, relativeForemanPath, foremanReact);
+      if (fs.existsSync(fullPath)) foremanReactFullPath = fullPath;
+    }
+  });
+  return foremanReactFullPath;
+};
+
+const foremanReactRelative = 'webpack/assets/javascripts/react_app';
+const possibleForemanLocations = ['./foreman', '../foreman', '../../foreman'];
+const notFound = 'Foreman directory cannot be found! These tests require Foreman to be present ' +
+'in either a parent, sibling, or child directory relative to Katello and contain the expected ' +
+`files in foreman/${foremanReactRelative}.`;
+
+const foremanReactFull = checkForForemanReact(possibleForemanLocations, foremanReactRelative);
+if (!foremanReactFull) throw new Error(notFound);
+
+// Jest configuration
+module.exports = {
+  collectCoverage: true,
+  collectCoverageFrom: [
+    'webpack/**/*.js',
+    '!webpack/**/bundle*',
+  ],
+  coverageReporters: [
+    'lcov',
+  ],
+  testURL: 'http://localhost/',
+  setupFiles: [
+    'raf/polyfill',
+    './webpack/test_setup.js',
+  ],
+  setupFilesAfterEnv: [
+    './webpack/global_test_setup.js',
+  ],
+  testPathIgnorePatterns: [
+    '/node_modules/',
+    '<rootDir>/foreman/',
+    '<rootDir>/.+fixtures.+',
+    '<rootDir>/engines',
+  ],
+  moduleDirectories: [
+    'node_modules/@theforeman/vendor-core/node_modules',
+    'node_modules',
+    'webpack/test-utils',
+  ],
+  modulePathIgnorePatterns: [
+    '<rootDir>/foreman/',
+  ],
+  moduleNameMapper: {
+    '^.+\\.(css|scss)$': 'identity-obj-proxy',
+    '^foremanReact(.*)$': `${foremanReactFull}$1`,
+  },
+};
+

package.json

@@ -61,34 +61,5 @@
     "ngreact": "^0.5.0",
     "query-string": "^6.1.0",
     "react-bootstrap": "^0.32.1"
-  },
-  "jest": {
-    "collectCoverage": true,
-    "collectCoverageFrom": [
-      "webpack/**/*.js",
-      "!webpack/**/bundle*"
-    ],
-    "coverageReporters": [
-      "lcov"
-    ],
-    "testURL": "http://localhost/",
-    "setupFiles": [
-      "raf/polyfill",
-      "./webpack/test_setup.js"
-    ],
-    "setupTestFrameworkScriptFile": "./webpack/global_test_setup.js",
-    "testPathIgnorePatterns": [
-      "/node_modules/",
-      "<rootDir>/foreman/",
-      "<rootDir>/.+fixtures.+",
-      "<rootDir>/engines"
-    ],
-    "moduleDirectories": [
-      "node_modules/@theforeman/vendor-core/node_modules",
-      "node_modules"
-    ],
-    "moduleNameMapper": {
-      "^.+\\.(css|scss)$": "identity-obj-proxy"
-    }
   }
 }

webpack/__mocks__/foremanReact/components/BreadcrumbBar.js → webpack/__mocks__/foremanReact/components/BreadcrumbBar/index.js

@@ -1,3 +1,2 @@
-
 const BreadcrumbsBar = () => jest.fn();
 export default BreadcrumbsBar;

webpack/__mocks__/react-intl/index.js

@@ -0,0 +1,3 @@
+export const addLocaleData = jest.fn();
+export const FormattedRelative = jest.fn();
+export const intlShape = jest.fn();

webpack/__mocks__/react-intl/locale-data/en.js

@@ -0,0 +1 @@
+export default {};

webpack/move_to_foreman/components/common/table/components/__snapshots__/Table.test.js.snap

@@ -139,6 +139,7 @@ exports[`Table renders Table with pagination 1`] = `
   </TablePfProvider>
   <PaginationWrapper
     itemCount={2}
+    onChange={[Function]}
     pagination={
       Object {
         "page": 1,

webpack/scenes/RedHatRepositories/__tests__/__snapshots__/RedHatRepositoriesPage.test.js.snap

@@ -2,11 +2,19 @@
 
 exports[`RedHatRepositories page should render <PermissionDenied /> when permissions are missing 1`] = `
 <PermissionDenied
+  backHref="/"
   missingPermissions={
     Array [
       "view_organizations",
     ]
   }
+  texts={
+    Object {
+      "notAuthorizedMsg": "You are not authorized to perform this action.",
+      "permissionDeniedMsg": "Permission denied",
+      "pleaseRequestMsg": "Please request one of the required permissions listed below from a Foreman administrator:",
+    }
+  }
 />
 `;
 

webpack/scenes/Subscriptions/Manifest/__tests__/__snapshots__/ManageManifestModal.test.js.snap

@@ -83,6 +83,7 @@ exports[`manage manifest modal should render 1`] = `
               "header": "There is no Manifest History to display.",
             }
           }
+          onPaginationChange={[Function]}
           rows={
             Array [
               Object {
@@ -141,7 +142,7 @@ exports[`manage manifest modal should render 1`] = `
       </LoadingState>
     </Tab>
   </Uncontrolled(Tabs)>
-  <Component>
+  <mockConstructor>
     <Button
       active={false}
       block={false}
@@ -152,6 +153,6 @@ exports[`manage manifest modal should render 1`] = `
     >
       Close
     </Button>
-  </Component>
+  </mockConstructor>
 </ForemanModal>
 `;

webpack/scenes/Subscriptions/__tests__/__snapshots__/SubscriptionsActions.test.js.snap

@@ -61,7 +61,7 @@ Array [
     "type": "SUBSCRIPTIONS_RESET_TASKS",
   },
   Object {
-    "interval": 1000,
+    "interval": 5000,
     "key": "SUBSCRIPTIONS_TASK_SEARCH",
     "params": Object {
       "search": "organization_id=1 and result=pending and label=Actions::Katello::Organization::ManifestImport or Actions::Katello::Organization::ManifestRefresh or Actions::Katello::Organization::ManifestDelete or Actions::Katello::UpstreamSubscriptions::BindEntitlements or Actions::Katello::UpstreamSubscriptions::UpdateEntitlement or Actions::Katello::UpstreamSubscriptions::RemoveEntitlements or Actions::Katello::UpstreamSubscriptions::UpdateEntitlements",
@@ -82,7 +82,7 @@ Array [
     "type": "STOP_INTERVAL",
   },
   Object {
-    "interval": 1000,
+    "interval": 5000,
     "key": "SUBSCRIPTIONS_POLL_TASK",
     "type": "API_GET",
     "url": "/foreman_tasks/api/tasks/eb1b6271-8a69-4d98-84fc-bea06ddcc166",
@@ -92,7 +92,7 @@ Array [
 
 exports[`subscription actions pollTasks can search tasks 1`] = `
 Object {
-  "interval": 1000,
+  "interval": 5000,
   "key": "SUBSCRIPTIONS_TASK_SEARCH",
   "params": Object {
     "search": "organization_id=1 and result=pending and label=Actions::Katello::Organization::ManifestImport or Actions::Katello::Organization::ManifestRefresh or Actions::Katello::Organization::ManifestDelete or Actions::Katello::UpstreamSubscriptions::BindEntitlements or Actions::Katello::UpstreamSubscriptions::UpdateEntitlement or Actions::Katello::UpstreamSubscriptions::RemoveEntitlements or Actions::Katello::UpstreamSubscriptions::UpdateEntitlements",

webpack/scenes/Subscriptions/__tests__/__snapshots__/SubscriptionsPage.test.js.snap

@@ -2,11 +2,19 @@
 
 exports[`subscriptions page should render <PermissionDenied /> when permissions are missing 1`] = `
 <PermissionDenied
+  backHref="/"
   missingPermissions={
     Array [
       "view_subscriptions",
     ]
   }
+  texts={
+    Object {
+      "notAuthorizedMsg": "You are not authorized to perform this action.",
+      "permissionDeniedMsg": "Permission denied",
+      "pleaseRequestMsg": "Please request one of the required permissions listed below from a Foreman administrator:",
+    }
+  }
 />
 `;
 

webpack/scenes/Subscriptions/components/SubscriptionsTable/__tests__/SubscriptionsTable.test.js

@@ -7,7 +7,6 @@ import SubscriptionsTable from '../SubscriptionsTable';
 import { successState, loadingState, emptyState, groupedSubscriptions } from '../../../__tests__/subscriptions.fixtures';
 import { loadSubscriptions, updateQuantity } from '../../../SubscriptionActions';
 
-jest.mock('foremanReact/components/Pagination/PaginationWrapper');
 jest.useFakeTimers();
 
 const tableColumns = [

webpack/scenes/Subscriptions/components/SubscriptionsToolbar/__snapshots__/SubscriptionsToolbar.test.js.snap

@@ -53,6 +53,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar 1`] = `
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Manage Manifest
           </Button>
@@ -62,6 +63,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar 1`] = `
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Export CSV
           </Button>
@@ -125,6 +127,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled add but
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Manage Manifest
           </Button>
@@ -134,6 +137,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled add but
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Export CSV
           </Button>
@@ -197,6 +201,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled delete
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Manage Manifest
           </Button>
@@ -206,6 +211,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled delete
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Export CSV
           </Button>
@@ -269,6 +275,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled manifes
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Manage Manifest
           </Button>
@@ -278,6 +285,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled manifes
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Export CSV
           </Button>
@@ -359,6 +367,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with table columns 1`
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Manage Manifest
           </Button>
@@ -368,6 +377,7 @@ exports[`SubscriptionsToolbar renders SubscriptionsToolbar with table columns 1`
             bsClass="btn"
             bsStyle="default"
             disabled={false}
+            onClick={[Function]}
           >
             Export CSV
           </Button>

webpack/scenes/Tasks/__tests__/__snapshots__/TaskActions.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`task actions can poll a task 1`] = `
 Object {
-  "interval": 1000,
+  "interval": 5000,
   "key": "TEST_POLL_TASK",
   "type": "API_GET",
   "url": "/foreman_tasks/api/tasks/12345",
@@ -11,7 +11,7 @@ Object {
 
 exports[`task actions can search tasks 1`] = `
 Object {
-  "interval": 1000,
+  "interval": 5000,
   "key": "TEST_TASK_SEARCH",
   "params": Object {
     "search": "",

webpack/test_setup.js

@@ -12,3 +12,6 @@ configure({ adapter: new Adapter() });
 // Mocking translation function
 global.__ = text => text; // eslint-disable-line
 Services.orgId = () => 1;
+
+// Mocking locales to prevent unnecessary fallback messages
+window.locales = { en: { domain: 'app', locale_data: { app: { '': {} } } } };