Fixing tests and making this into a GHA pipeline

Author: alexjoeyyong

.github/workflows/run-tests.yml

@@ -22,7 +22,7 @@ jobs:
     - name: Set up Node.js
       uses: actions/setup-node@v4
       with:
-        node-version: 0.10
+        node-version: 20.18.1
 
     # Install grunt-cli globally
     - name: Install grunt-cli
@@ -34,4 +34,4 @@ jobs:
 
     # Run tests
     - name: Run tests
-      run: npm test
+      run: grunt ci

Gruntfile.js

@@ -1,6 +1,14 @@
 module.exports = function(grunt) {
-  require('load-grunt-config')(grunt)
-  // load npm tasks
-  grunt.loadNpmTasks('grunt-karma')
-  grunt.loadNpmTasks('grunt-karma-coveralls')
-}
+  // Load grunt configurations
+  require('load-grunt-config')(grunt, {
+    configPath: require('path').join(__dirname, 'grunt'),
+    init: true,
+  });
+
+  // Load npm tasks
+  grunt.loadNpmTasks('grunt-karma');
+  grunt.loadNpmTasks('grunt-karma-coveralls');
+
+  // Default task
+  grunt.registerTask('test', ['karma:chrome']);
+};

grunt/aliases.js

@@ -1,6 +1,6 @@
 module.exports = {
   'test': [
-    'karma:phantom',
+    'karma:chrome', 
   ],
 
   'sauce': [
@@ -13,7 +13,7 @@ module.exports = {
     'eslint',
     'clean:coverage',
     'karma:coverage',
-    'coveralls',
+    //  'coveralls', //doesn't seem to be a thing anymore.
     //'sauce', TODO: investigate why sauce connect isnt working
   ],
 }

grunt/karma.js

@@ -43,22 +43,24 @@ module.exports = {
     },
   },
 
-  phantom: {
-    frameworks: ['jasmine', 'es5-shim'],
-    browsers: ['PhantomJS'],
-  },
-
   chrome: {
-    reporters: ['html'],
-    browsers: ['Chrome'],
-    autoWatch: true,
-    singleRun: false,
+    frameworks: ['jasmine'],
+    reporters: ['progress', 'html'],
+    browsers: ['ChromeHeadless'], // Use ChromeHeadless instead of Chrome or PhantomJS
+    customLaunchers: {
+      HeadlessChrome: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'], // Required for CI environments
+      },
+    },
+    autoWatch: false,
+    singleRun: true,
   },
 
   coverage: {
-    frameworks: ['jasmine', 'es5-shim'],
+    frameworks: ['jasmine'],
     reporters: ['progress', 'coverage'],
-    browsers: ['PhantomJS'],
+    browsers: ['ChromeHeadless'],
     coverageReporter: {
       reporters: [
         { type: 'html', dir: 'coverage/' },

package.json

@@ -45,18 +45,17 @@
     "jstransform": "^11.0.1",
     "jstransform-loader": "^0.2.0",
     "karma": "^0.13.3",
-    "karma-chrome-launcher": "^0.2.0",
+    "karma-chrome-launcher": "^0.2.3",
     "karma-coverage": "^0.4.2",
     "karma-es5-shim": "https://github.com/pokehanai/karma-es5-shim/archive/v2.1.0.tar.gz",
     "karma-jasmine": "^0.3.6",
     "karma-jasmine-html-reporter": "^0.1.8",
-    "karma-phantomjs-launcher": "^0.2.0",
     "karma-sauce-launcher": "^0.2.14",
     "karma-webpack": "^1.7.0",
     "load-grunt-config": "^0.17.1",
     "lodash": "^4.17.11",
     "node-libs-browser": "^0.5.2",
-    "phantomjs": "^1.9.17",
+    "puppeteer": "^24.1.0",
     "react": "^0.13.3",
     "webpack": "^1.10.5"
   }