Switch to tfm-test

.github/workflows/javascript_tests.yml

@@ -1,29 +1,23 @@
 ---
-name: React and Javascript tests
-on:
-  pull_request:
+name: JavaScript Testing
+on:  # yamllint disable-line rule:truthy
   push:
     branches:
       - master
+  pull_request:
+    paths:
+      - 'webpack/**'
+      - 'package.json'
+      - '.github/workflows/javascript_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: [14]
-    steps:
-      - uses: actions/checkout@v2
-      - name: Setup Node
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node }}
-      - run: npm install
-      - name: Linting
-        run: |
-          npm run lint
-          npm run stylelint
-      - name: Testing
-        run: npm run test
+  test:
+    name: JavaScript
+    uses: theforeman/actions/.github/workflows/foreman_plugin_js.yml@v0
+    with:
+      plugin: foreman_acd
 ...

jest.config.js

@@ -1,37 +1,30 @@
-module.exports = {
-  verbose: true,
-  testMatch: ['**/*.test.js'],
-  testPathIgnorePatterns: [
-    '.local',
-    '.bundle',
-    '/node_modules/',
-    '<rootDir>/foreman/',
-  ],
-  moduleDirectories: ['node_modules', 'webpack'],
-  testURL: 'http://localhost/',
-  collectCoverage: true,
-  collectCoverageFrom: [
-    'webpack/**/*.js',
-    '!webpack/js-yaml.js',
-    '!webpack/index.js',
-    '!webpack/test_setup.js',
-    '!webpack/**/bundle*',
-    '!webpack/stories/**',
-    '!webpack/**/*stories.js',
-  ],
-  coverageReporters: ['text', 'lcov'],
-  moduleNameMapper: {
-    '^.+\\.(png|gif|css|scss)$': 'identity-obj-proxy',
-  },
-  globals: {
-    __testing__: true,
-  },
-  transform: {
-    '^.+\\.js$': 'babel-jest',
-  },
-  setupFiles: [
-    'raf/polyfill',
-    'jest-prop-type-error',
-    './webpack/test_setup.js',
-  ],
-};
+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);
+
+// 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;

package.json

@@ -9,6 +9,7 @@
   "devDependencies": {
     "@theforeman/builder": ">= 12.0.1",
     "@theforeman/eslint-plugin-foreman": ">= 12.0.1",
+    "@theforeman/find-foreman": "^13.0.0",
     "@theforeman/test": ">= 12.0.1",
     "@theforeman/vendor-dev": ">= 12.0.1",
     "babel-plugin-transform-class-properties": "^6.24.1",
@@ -31,7 +32,7 @@
     "lint-fix": "eslint --fix *.js webpack",
     "stylelint": "stylelint webpack/**/*.scss",
     "stylelint-fix": "stylelint webpack/**/*.scss --fix",
-    "test": "jest --no-cache webpack"
+    "test": "tfm-test --plugin --config jest.config.js"
   },
   "repository": {
     "type": "git",

webpack/global_test_setup.js

@@ -0,0 +1,11 @@
+// runs before each test to make sure console.error output will
+// fail a test (i.e. default PropType missing). Check the error
+// output and traceback for actual error.
+global.console.error = (error, stack) => {
+  /* eslint-disable-next-line no-console */
+  if (stack) console.log(stack); // Prints out original stack trace
+  throw new Error(error);
+};
+
+// Increase jest timeout as some tests using multiple http mocks can time out on CI systems.
+jest.setTimeout(10000);