Add theforeman github actions for JS tests

* Adapt jest.config.js for JS test suite
* Fix webpack/lib katello tests
* Upgrade @testing-library/react to 14.2.2
* Add preliminary test for StatusPropertiesLabel

.github/workflows/js_tests.yml

@@ -9,20 +9,14 @@ on:
       - 'package.json'
       - 'package-lock.json'
       - '.github/workflows/js_tests.yml'
+
+concurrency:
+  group: ${{ github.ref_name }}-${{ github.workflow }}
+  cancel-in-progress: true
+
 jobs:
-  test_js:
-    runs-on: ubuntu-latest
-    strategy:
-      fail-fast: false
-      matrix:
-        node-version: [12, 14]
-    steps:
-      - uses: actions/checkout@v2
-      - name: Setup Node
-        uses: actions/setup-node@v1
-        with:
-          node-version: ${{ matrix.node-version }}
-      - name: Npm install
-        run: npm install
-      - name: Run plugin linter
-        run: npm run lint
+  test:
+    name: JavaScript
+    uses: theforeman/actions/.github/workflows/foreman_plugin_js.yml@v0
+    with:
+      plugin: foreman_resource_quota

jest.config.js

@@ -1,35 +1,30 @@
-const { foremanLocation, foremanRelativePath } = require('@theforeman/find-foreman')
+const tfmConfig = require('@theforeman/test/src/pluginConfig');
+const {
+  foremanRelativePath,
+  foremanLocation,
+} = require('@theforeman/find-foreman');
+
 const foremanReactRelative = 'webpack/assets/javascripts/react_app';
 const foremanFull = foremanLocation();
 const foremanReactFull = foremanRelativePath(foremanReactRelative);
 
-// Jest configuration
-module.exports = {
-  testURL: 'http://localhost/',
-  setupFiles: [
-    './webpack/test_setup.js',
-  ],
-  setupFilesAfterEnv: [
-    './webpack/global_test_setup.js',
-    '@testing-library/jest-dom'
-  ],
-  testPathIgnorePatterns: [
-    '/node_modules/',
-    '<rootDir>/foreman/',
-    '<rootDir>/.+fixtures.+',
-    '<rootDir>/engines',
-  ],
-  moduleDirectories: [
-    `${foremanFull}/node_modules`,
-    `${foremanFull}/node_modules/@theforeman/vendor-core/node_modules`,
-    'node_modules',
-    'webpack/test-utils',
-  ],
-  modulePathIgnorePatterns: [
-    '<rootDir>/foreman/',
-  ],
-  moduleNameMapper: {
-    '^.+\\.(css|scss)$': 'identity-obj-proxy',
-    '^foremanReact(.*)$': `${foremanReactFull}/$1`,
-  },
-};
+// Find correct path to foremanReact so we do not have to mock it in tests
+tfmConfig.moduleNameMapper['^foremanReact(.*)$'] = `${foremanReactFull}/$1`;
+
+tfmConfig.setupFiles = ['./webpack/test_setup.js'];
+tfmConfig.setupFilesAfterEnv = [
+  './webpack/global_test_setup.js',
+  '@testing-library/jest-dom',
+];
+
+// Do not use default resolver
+tfmConfig.resolver = null;
+// Specify module dirs instead
+tfmConfig.moduleDirectories = [
+  `${foremanFull}/node_modules`,
+  `${foremanFull}/node_modules/@theforeman/vendor-core/node_modules`,
+  'node_modules',
+  'webpack/test-utils',
+];
+
+module.exports = tfmConfig;