Add component feature testing

.github/workflows/deploy-production.yml

@@ -7,6 +7,7 @@ on:
     branches: [ main ]
 
 env:
+  HUSKY: 0
   GITHUB_DEPLOY_KEY: ${{ secrets.GH_DEPLOY_KEY }}
   ECR_NAME: ${{ secrets.ECR_NAME }}
   KUBE_CLUSTER: ${{ secrets.KUBE_CLUSTER }}
@@ -44,15 +45,19 @@ jobs:
 
     steps:
     - uses: actions/checkout@v4
-    - uses: actions/download-artifact@v4
-      with:
-        name: mojds-package
-        path: package
     - name: Use Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
-    - name: Test Sass can be compiled
+    - name: npm install
+      run: npm install
+    - name: Run JS tests
+      run: npm run test:js
+    - uses: actions/download-artifact@v4
+      with:
+        name: mojds-package
+        path: package
+    - name: Test that sass can be compiled
       run: npm run test:sass
 
   deploy:

.github/workflows/publish-package.yml

@@ -38,15 +38,19 @@ jobs:
 
     steps:
     - uses: actions/checkout@v4
-    - uses: actions/download-artifact@v4
-      with:
-        name: mojds-package
-        path: package
     - name: Use Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
-    - name: Test Sass can be compiled
+    - name: npm install
+      run: npm install
+    - name: Run JS tests
+      run: npm run test:js
+    - uses: actions/download-artifact@v4
+      with:
+        name: mojds-package
+        path: package
+    - name: Test that sass can be compiled
       run: npm run test:sass
 
   publish:

.husky/install.mjs

@@ -0,0 +1,5 @@
+// Skip Husky install in production and CI
+if (process.env.NODE_ENV === 'production' || process.env.CI === 'true') {
+  process.exit(0)
+}
+const husky = (await import('husky')).default

gulp/build-javascript.js

@@ -8,7 +8,7 @@ gulp.task('build:javascript', () => {
       'src/moj/namespace.js',
       'src/moj/helpers.js',
       'src/moj/all.js',
-      'src/moj/components/**/*.js'
+      'src/moj/components/**/!(*.spec).js'
     ])
     .pipe(concat('all.js'))
     .pipe(umd({
@@ -29,7 +29,7 @@ gulp.task('build:javascript-with-jquery', () => {
       'src/moj/namespace.js',
       'src/moj/helpers.js',
       'src/moj/all.js',
-      'src/moj/components/**/*.js',
+      'src/moj/components/**/!(*.spec).js',
     ])
     .pipe(concat('all.jquery.min.js'))
     .pipe(umd({

jest.config.js

@@ -0,0 +1,5 @@
+const config = {
+  testEnvironment: "jsdom",
+  setupFilesAfterEnv: ["./jest.setup.js"],
+};
+module.exports = config;

jest.setup.js

@@ -0,0 +1,7 @@
+require("@testing-library/jest-dom");
+require("./src/moj/vendor/jquery");
+
+const { toHaveNoViolations } = require("jest-axe");
+expect.extend(toHaveNoViolations);
+
+MOJFrontend = {};