update deps

.github/workflows/backward.yml

@@ -25,7 +25,7 @@ jobs:
 
     steps:
       - name: checkout tkey repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         # with:
         #   path: tkey
 
@@ -34,7 +34,7 @@ jobs:
       #     cd ./tkey
 
       - name: Set up node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
           cache: "npm"
@@ -45,7 +45,7 @@ jobs:
           npm run pack:lerna
 
       - name: Clone comp tests
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           repository: tkey/backward-compatibility-tests
           path: backward-compatibility-tests

.github/workflows/browserTests.yml

@@ -25,17 +25,20 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js ${{ env.NODE_VERSION }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ env.NODE_VERSION }}
           cache: "npm"
 
       - name: Install Node.js dependencies
         run: npm ci
 
+      - name: Run Build
+        run: npm run build && npx playwright install
+
       - name: Browser Test Development Chrome (Mocked)
         if: startsWith(matrix.browser, 'chromium')
         run: npm run browser-tests:local-mocked-chrome

.github/workflows/buildMocks.yml

@@ -20,12 +20,12 @@ jobs:
 
     steps:
       - name: checkout tkey repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           path: ./tkey
 
       - name: Set up node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
           cache: "npm"

.github/workflows/ci.yml

@@ -13,10 +13,10 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
           cache: "npm"
@@ -25,7 +25,7 @@ jobs:
         run: npm ci
 
       - name: Build & Lint
-        run: npm run build
+        run: npm run lint && npm run build
 
       - name: Test Development
         run: npm run test

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
   "eslint.workingDirectories": [
     {

karmaBaseConfig.js

@@ -10,6 +10,8 @@ process.env.CHROME_BIN = playwright.chromium.executablePath();
 process.env.WEBKIT_HEADLESS_BIN = playwright.webkit.executablePath();
 
 const localBrowserConfig = (webpackConfig, karmaConfig, packageConfig) => {
+  // webpackConfig is an array of 2 objects, first object is for umd environment, second is for cjs environment
+  const { module, resolve, plugins } = webpackConfig[1] || webpackConfig[0];
   return {
     // base path that will be used to resolve all patterns (eg. files, exclude)
     basePath: "",
@@ -24,9 +26,9 @@ const localBrowserConfig = (webpackConfig, karmaConfig, packageConfig) => {
     frameworks: ["mocha", "webpack"],
 
     webpack: {
-      module: webpackConfig[0].module,
-      resolve: webpackConfig[0].resolve,
-      plugins: webpackConfig[0].plugins,
+      module,
+      resolve,
+      plugins,
     },
 
     plugins: ["karma-mocha-reporter", "karma-webkit-launcher", "karma-chrome-launcher", "karma-firefox-launcher", "karma-mocha", "karma-webpack"],
@@ -61,67 +63,70 @@ const localBrowserConfig = (webpackConfig, karmaConfig, packageConfig) => {
   };
 };
 
-const browserStackConfig = (webpackConfig, karmaConfig, packageConfig) => ({
-  browserStack: {
-    username: process.env.BROWSER_STACK_USERNAME,
-    accessKey: process.env.BROWSER_STACK_KEY,
-    project: packageConfig.name,
-  },
-  // base path that will be used to resolve all patterns (eg. files, exclude)
-  basePath: "",
+const browserStackConfig = (webpackConfig, karmaConfig, packageConfig) => {
+  const { module, resolve, plugins } = webpackConfig[1] || webpackConfig[0];
+  return {
+    browserStack: {
+      username: process.env.BROWSER_STACK_USERNAME,
+      accessKey: process.env.BROWSER_STACK_KEY,
+      project: packageConfig.name,
+    },
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: "",
 
-  files: [{ pattern: "./test/*.js" }],
+    files: [{ pattern: "./test/*.js" }],
 
-  preprocessors: {
-    "./test/*.js": ["webpack"],
-  },
+    preprocessors: {
+      "./test/*.js": ["webpack"],
+    },
 
-  // frameworks to us
-  frameworks: ["mocha", "webpack"],
+    // frameworks to us
+    frameworks: ["mocha", "webpack"],
 
-  webpack: {
-    module: webpackConfig[1].module,
-    resolve: webpackConfig[1].resolve,
-    plugins: webpackConfig[1].plugins,
-  },
+    webpack: {
+      module,
+      resolve,
+      plugins,
+    },
 
-  plugins: ["karma-webpack", "karma-mocha", "karma-browserstack-launcher"],
+    plugins: ["karma-webpack", "karma-mocha", "karma-browserstack-launcher"],
 
-  client: {
-    mocha: {
-      timeout: 0,
+    client: {
+      mocha: {
+        timeout: 0,
+      },
+      args: packageConfig.args,
     },
-    args: packageConfig.args,
-  },
 
-  reporters: ["progress", "BrowserStack"],
+    reporters: ["progress", "BrowserStack"],
 
-  // web server port
-  port: 9876,
+    // web server port
+    port: 9876,
 
-  concurrency: 1,
+    concurrency: 1,
 
-  singleRun: true,
+    singleRun: true,
 
-  // enable / disable colors in the output (reporters and logs)
-  colors: true,
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
 
-  // level of logging
-  logLevel: karmaConfig.LOG_INFO,
+    // level of logging
+    logLevel: karmaConfig.LOG_INFO,
 
-  // define browsers
-  customLaunchers: {
-    bs_firefox_windows: {
-      base: "BrowserStack",
-      browser: "Chrome",
-      browser_version: "90.0",
-      os: "Windows",
-      os_version: "10",
-      video: false,
+    // define browsers
+    customLaunchers: {
+      bs_firefox_windows: {
+        base: "BrowserStack",
+        browser: "Chrome",
+        browser_version: "90.0",
+        os: "Windows",
+        os_version: "10",
+        video: false,
+      },
     },
-  },
 
-  browsers: ["bs_firefox_windows"],
-});
+    browsers: ["bs_firefox_windows"],
+  };
+};
 
 module.exports = { localBrowserConfig, browserStackConfig };