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/*

assets/src/css/admin/settings.scss

@@ -1070,10 +1070,25 @@ a.give-delete {
     display: none;
 }
 
+.give-subsubsub .givewp-feature-flag-notification-counter {
+    translate: 0 -0.125rem;
+    vertical-align: middle;
+}
+
 .give-admin-beta-features-message {
     background-color: #fff;
-    padding: 0.5rem;
+    padding: 1rem;
     border: 1px solid #F29718;
+    margin-bottom: 1.5rem;
+
+    .givewp-beta-icon {
+        margin-right: 0.25rem;
+    }
+
+    p {
+        line-height: 1.6;
+        margin: 0;
+    }
 }
 
 .give-admin-beta-features-feedback-link {