test: (wip) run tests in browser to test compat

Author: viglucci

packages/rsocket-browser-tck/__tests__/sum.test.ts

@@ -0,0 +1,7 @@
+function sum(a, b) {
+  return a + b;
+}
+
+test("adds 1 + 2 to equal 3", () => {
+  expect(sum(1, 2)).toBe(3);
+});

packages/rsocket-browser-tck/jest.config.ts

@@ -0,0 +1,17 @@
+import type { Config } from "@jest/types";
+import { pathsToModuleNameMapper } from "ts-jest/utils";
+import { compilerOptions } from "../../tsconfig.json";
+
+const config: Config.InitialOptions = {
+  preset: "ts-jest",
+  testRegex: "(\\/__tests__\\/.*|\\.(test|spec))\\.(ts)$",
+  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths, {
+    // This has to match the baseUrl defined in tsconfig.json.
+    prefix: "<rootDir>/../../",
+  }),
+  modulePathIgnorePatterns: ["__tests__/*.d.ts"],
+  collectCoverage: true,
+  collectCoverageFrom: ["<rootDir>/src/**/*.ts", "!**/node_modules/**"],
+};
+
+export default config;

packages/rsocket-browser-tck/karma-setup.js

@@ -0,0 +1,19 @@
+// the jest.fn() API
+import jest from "jest-mock";
+// // The matchers API
+import expect from "expect";
+
+// Add missing Jest functions
+window.test = window.it;
+window.test.each = (inputs) => {
+  return (testName, test) => {
+    return inputs.forEach((args) => {
+      window.it(testName, () => test(...args));
+    });
+  };
+};
+window.test.todo = function () {
+  return undefined;
+};
+window.jest = jest;
+window.expect = expect;

packages/rsocket-browser-tck/karma.conf.js

@@ -0,0 +1,58 @@
+module.exports = function (config) {
+  config.set({
+    plugins: ["karma-webpack", "karma-jasmine", "karma-chrome-launcher"],
+
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: "",
+
+    // frameworks to use
+    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+    frameworks: ["jasmine"],
+
+    // list of files / patterns to load in the browser
+    // Here I'm including all of the the Jest tests which are all under the __tests__ directory.
+    // You may need to tweak this patter to find your test files/
+    files: ["./karma-setup.js", "__tests__/**/*.ts"],
+
+    // preprocess matching files before serving them to the browser
+    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+    preprocessors: {
+      "./karma-setup.js": ["webpack"],
+      // Use webpack to bundle our tests files
+      "__tests__/**/*.ts": ["webpack"],
+    },
+
+    browsers: ["ChromeHeadless"],
+
+    singleRun: true,
+
+    webpack: {
+      watch: false,
+      module: {
+        rules: [
+          {
+            test: /\.ts?$/,
+            use: "ts-loader",
+            exclude: /node_modules/,
+          },
+        ],
+      },
+      resolve: {
+        alias: {
+          fs: false,
+          process: false,
+        },
+        extensions: [".ts", ".js"],
+        fallback: {
+          // fs: false,
+          buffer: require.resolve("buffer/"),
+          util: require.resolve("util/"),
+          assert: require.resolve("assert/"),
+          stream: require.resolve("stream-browserify/"),
+          constants: require.resolve("constants-browserify/"),
+          path: require.resolve("path-browserify/"),
+        },
+      },
+    },
+  });
+};