chore: migrate to vitest

.github/workflows/main.yml

@@ -29,14 +29,7 @@ jobs:
       - name: ▶️ Run build script
         run: npm run build
 
-      - name: ⬆️ Upload client coverage report
+      - name: ⬆️ Upload coverage report
         uses: codecov/codecov-action@v3
         with:
-          directory: ./coverage/karma
-          flags: client
-
-      - name: ⬆️ Upload server coverage report
-        uses: codecov/codecov-action@v3
-        with:
-          directory: ./coverage/jest
-          flags: server
+          directory: ./coverage

babel.config.js

@@ -2,5 +2,6 @@
 /* eslint import/no-commonjs: off */
 
 module.exports = {
-  extends: "@krakenjs/babel-config-grumbler/babelrc-node",
+  extends: "@krakenjs/grumbler-scripts/config/.babelrc-node",
+  presets: ["@krakenjs/babel-config-grumbler/flow-ts-babel-preset"],
 };

package.json

@@ -11,7 +11,6 @@
     "doc": "esdoc",
     "flow": "flow",
     "flow-typed": "rm -rf ./flow-typed && flow-typed install",
-    "karma": "cross-env NODE_ENV=test babel-node --plugins=transform-es2015-modules-commonjs ./node_modules/.bin/karma start",
     "lint": "eslint src/ server/ test/ *.js",
     "reinstall": "rimraf flow-typed && rimraf node_modules && npm install && flow-typed install",
     "release": "./publish.sh",
@@ -21,9 +20,10 @@
     "setup": "npm install && npm run flow-typed",
     "format": "prettier --write --ignore-unknown .",
     "format:check": "prettier --check .",
-    "test": "npm run format:check && npm run lint && npm run flow-typed && npm run flow && npm run jest && npm run karma",
+    "test": "npm run format:check && npm run lint && npm run flow-typed && npm run flow && npm run test:unit",
     "webpack": "babel-node --plugins=transform-es2015-modules-commonjs ./node_modules/.bin/webpack --progress",
-    "jest": "jest test/server --env=node --no-cache --collectCoverageFrom='server/' --coverageDirectory='coverage/jest' --coverage --verbose --runInBand --silent=false",
+    "test:unit:watch": "vitest",
+    "test:unit": "vitest run --coverage",
     "prepublishOnly": "npm run babel",
     "postpublish": "rm -rf ./server && git checkout ./server",
     "validate-codecov": "curl --data-binary @.github/codecov.yml https://codecov.io/validate",
@@ -62,8 +62,10 @@
     "bowser": "^2.0.0"
   },
   "devDependencies": {
+    "@bunchtogether/vite-plugin-flow": "^1.0.2",
+    "@krakenjs/babel-config-grumbler": "^8.1.1",
+    "@krakenjs/eslint-config-grumbler": "^8.1.1",
     "@krakenjs/grumbler-scripts": "^8.0.4",
-    "@krakenjs/sync-browser-mocks": "^3.0.0",
     "babel-core": "7.0.0-bridge.0",
     "cheerio": "1.0.0-rc.9",
     "cross-env": "^7.0.3",
@@ -73,10 +75,13 @@
     "flow-bin": "0.155.0",
     "flow-typed": "^3.8.0",
     "husky": "^8.0.1",
-    "jest": "^29.3.1",
+    "jsdom": "^20.0.3",
     "lint-staged": "^13.0.3",
-    "mocha": "^10.0.0",
-    "prettier": "2.8.8"
+    "prettier": "2.8.8",
+    "@vitest/coverage-v8": "^1.0.0",
+    "@vitest/ui": "^1.0.0",
+    "vite": "^4.0.1",
+    "vitest": "^1.0.0"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"

server/babel.config.js

@@ -2,5 +2,6 @@
 /* eslint import/no-commonjs: off */
 
 module.exports = {
-  extends: "@krakenjs/babel-config-grumbler/babelrc-node",
+  extends: "@krakenjs/grumbler-scripts/config/.babelrc-node",
+  presets: ["@krakenjs/babel-config-grumbler/flow-ts-babel-preset"],
 };

src/domains.js

@@ -7,25 +7,10 @@ import {
   isCurrentDomain,
 } from "@krakenjs/cross-domain-utils/src";
 
-import {
-  getProtocol,
-  getStageHost,
-  getPayPalDomain,
-  getPayPalAPIDomain,
-} from "./global";
+import { getPayPalDomain, getPayPalAPIDomain } from "./global";
 import { URI } from "./config";
 
 export function getPayPalLoggerDomain(): string {
-  if (__ENV__ === ENV.LOCAL) {
-    const stageHost = getStageHost();
-
-    if (!stageHost) {
-      throw new Error(`No stage host found`);
-    }
-
-    return `${getProtocol()}://${stageHost}`;
-  }
-
   return getPayPalDomain();
 }
 

src/fraudnet.js

@@ -45,10 +45,6 @@ export const createConfigScript = ({
   appName,
 }: CreateConfigOptions): ZalgoPromise<void> => {
   return new ZalgoPromise((resolve) => {
-    if (__TEST__) {
-      return resolve();
-    }
-
     const config: FraudnetConfig = {
       f: clientMetadataID,
       s: appName,
@@ -69,6 +65,7 @@ export const createConfigScript = ({
     configScript.text = JSON.stringify(config);
     // eslint-disable-next-line compat/compat
     document.body?.appendChild(configScript);
+    resolve();
   });
 };
 
@@ -91,7 +88,6 @@ export const createFraudnetScript = ({
 
     fraudnetScript.setAttribute("nonce", cspNonce || "");
     fraudnetScript.setAttribute("src", fraudnetUrl);
-    fraudnetScript.addEventListener("error", () => resolve());
 
     window.fnCallback = resolve;
     // eslint-disable-next-line compat/compat

src/index.js

@@ -12,7 +12,6 @@ export * from "./api";
 export * from "./experiment";
 export * from "./session";
 export * from "./events";
-export * from "./test";
 export * from "./graphql";
 export * from "./domains";
 export * from "./tracking";

src/meta.js

@@ -21,6 +21,7 @@ export function getSDKMeta(): string {
   const url = getScriptUrl();
 
   const scriptAttrs = getSDKAttributes();
+
   const attrs = {};
   for (const attr of Object.keys(scriptAttrs)) {
     if (ALLOWED_ATTRS.indexOf(attr) !== -1) {

src/script.js

@@ -10,7 +10,6 @@ import {
   getCurrentScript,
   memoize,
   stringifyError,
-  getScript,
 } from "@krakenjs/belter/src";
 import {
   COUNTRY,
@@ -49,18 +48,6 @@ const buildScriptNotFoundError = (host, path, error) => {
 };
 
 export const getSDKScript: GetSDKScript = memoize(() => {
-  if (__TEST__) {
-    const script = getScript({
-      host: getSDKHost(),
-      path: getPath(),
-      reverse: true,
-    });
-    if (!script) {
-      throw buildScriptNotFoundError(getSDKHost(), getPath());
-    }
-    return script;
-  }
-
   try {
     return getCurrentScript();
   } catch (error) {
@@ -73,6 +60,7 @@ type GetSDKAttributes = () => { [string]: string };
 export const getSDKAttributes: GetSDKAttributes = memoize(() => {
   const sdkScript = getSDKScript();
   const result = {};
+
   for (const attr of sdkScript.attributes) {
     if (attr.name.indexOf("data-") === 0) {
       result[attr.name] = attr.value;
@@ -107,7 +95,8 @@ export const getSDKQueryParam: GetSDKQueryParam = <T>(name: string, def: T) => {
 };
 
 export function getScriptUrl(): string {
-  const src = getSDKScript().getAttribute("src");
+  const script = getSDKScript();
+  const src = script.getAttribute("src");
   if (!src) {
     throw new Error(`Can not find src for sdk script`);
   }
@@ -127,7 +116,6 @@ export function getSDKQueryParamBool<T: boolean>(
 
 export function getClientID(): string {
   const clientID = getSDKQueryParam(SDK_QUERY_KEYS.CLIENT_ID);
-
   if (!clientID) {
     throw new Error(
       `Expected ${SDK_QUERY_KEYS.CLIENT_ID} parameter in sdk url`

src/tracking.js

@@ -45,7 +45,6 @@ export function getSDKInitTime(): number {
 
 export function setupLogger() {
   const logger = getLogger();
-
   sdkInitTime = Date.now();
 
   logger.addPayloadBuilder(() => {