Tests: Add tests in Jest to frontend components

.distignore

@@ -22,8 +22,6 @@
 .editorconfig
 .babelrc
 
-
-/tests
 /node_modules
 /packages/form-builder/node_modules
 /assets/src
@@ -76,10 +74,11 @@ webpack.mix.js
 docker-compose.yml
 wp-textdomain.js
 .wp-env.json
+*.test.js
 
 # GH Action files
 DOCKER_ENV
 docker_tag
 output.log
 docker-compose.yml
-wp-textdomain.js
+wp-textdomain.js

.github/workflows/wordpress.yml

@@ -16,8 +16,7 @@ on:
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:
-    # This workflow contains a single job called "test"
-    test:
+    php_tests:
         # The type of runner that the job will run on
         runs-on: ubuntu-20.04
         strategy:
@@ -105,3 +104,21 @@ jobs:
                 run: php -d memory_limit=-1 vendor/bin/phpunit
                 env:
                     DB_PORT: ${{ env.mysql_port }}
+
+    js_tests:
+        runs-on: ubuntu-20.04
+        steps:
+            -   uses: actions/checkout@v3
+            -   uses: actions/setup-node@v3
+                with:
+                    node-version: '18'
+                    cache: 'npm'
+                    cache-dependency-path: 'package-lock.json'
+
+            -   name: Install npm dependencies
+                run: |
+                    npm install -g npm@8
+                    npm install
+
+            -   name: Run Tests
+                run: npm test

.gitignore

@@ -1,6 +1,7 @@
 # Unit tests
 /tmp
 /tests/bin/tmp
+/tests/resources/coverage
 
 # Bin files
 /bin/*