wip: test crappery

Author: mitsuhiko

packages/wasm/package.json

@@ -16,17 +16,20 @@
     "access": "public"
   },
   "dependencies": {
-    "@sentry/types": "5.27.6",
     "@sentry/browser": "5.27.6",
+    "@sentry/types": "5.27.6",
     "tslib": "^1.9.3"
   },
   "devDependencies": {
     "@sentry-internal/eslint-config-sdk": "5.27.6",
-    "chai": "^4.1.2",
+    "@types/jest-environment-puppeteer": "^4.4.0",
+    "@types/puppeteer": "^5.4.0",
     "eslint": "7.6.0",
     "jest": "^24.7.1",
+    "jest-puppeteer": "^4.4.0",
     "npm-run-all": "^4.1.2",
     "prettier": "1.19.0",
+    "puppeteer": "^5.5.0",
     "rimraf": "^2.6.3",
     "typescript": "3.7.5"
   },
@@ -53,6 +56,7 @@
     "extends": "../../package.json"
   },
   "jest": {
+    "preset": "jest-puppeteer",
     "collectCoverage": true,
     "transform": {
       "^.+\\.ts$": "ts-jest"
@@ -61,7 +65,6 @@
       "js",
       "ts"
     ],
-    "testEnvironment": "node",
     "testMatch": [
       "**/*.test.ts"
     ],

packages/wasm/test/integration.test.ts

@@ -0,0 +1,128 @@
+import * as Sentry from '@sentry/browser';
+import { Event } from '@sentry/types';
+import { TestClient } from '../../core/test/mocks/client';
+
+import { Wasm } from '../src';
+
+import { readFile } from 'fs';
+import { Hub } from '@sentry/browser';
+
+let exceptionEvent: Event;
+
+function fakeFetch(file: string): Promise<Response> {
+  return new Promise((resolve, reject) => {
+    readFile(`${__dirname}/${file}`, (err, buf) => {
+      if (err) {
+        return reject(err);
+      }
+      let resp = new Response(buf);
+      Object.defineProperty(resp, 'url', { value: `http://localhost:8002/${file}` });
+      return resolve(resp);
+    });
+  });
+}
+
+async function getInternalFunc(): Promise<WebAssembly.ExportValue> {
+  const module = await WebAssembly.instantiateStreaming(fakeFetch('simple.wasm'), {
+    env: {
+      external_func: () => {
+        throw Error('I failed');
+      },
+    },
+  });
+  return module.instance.exports.internal_func;
+}
+
+describe('Wasm', () => {
+  beforeEach(() => {
+    exceptionEvent = {
+      exception: {
+        values: [
+          {
+            stacktrace: {
+              frames: [
+                {
+                  colno: 7,
+                  filename: 'http://localhost:8002/',
+                  function: 'async*',
+                  in_app: true,
+                  lineno: 41,
+                },
+                {
+                  colno: 9,
+                  filename: 'http://localhost:8002/',
+                  function: '?',
+                  in_app: true,
+                  lineno: 37,
+                },
+                {
+                  filename: 'http://localhost:8002/simple.wasm:wasm-function[1]:0x8c',
+                  function: 'internal_func',
+                  in_app: true,
+                },
+                {
+                  colno: 13,
+                  filename: 'http://localhost:8002/',
+                  function: 'crash',
+                  in_app: true,
+                  lineno: 23,
+                },
+              ],
+            },
+          },
+        ],
+      },
+    };
+  });
+
+  describe('captures wasm errors', () => {
+    it('should be titled "Google"', async () => {
+      await page.goto('file://' + __dirname + '/simple.html');
+      await expect(page.title()).resolves.toMatch('Google');
+    });
+    /*
+    const client = new TestClient({
+      integrations: [new Wasm()],
+      beforeSend: event => {
+        console.log(event);
+        return null;
+      },
+    });
+    const hub = new Hub();
+    hub.bindClient(client);
+    hub.run(async () => {
+      try {
+        await getInternalFunc();
+      } catch (err) {
+        Sentry.captureException(err);
+      }
+    });
+    */
+  });
+
+  /*
+  describe('bails when unable to extract frames', () => {
+    it('no exception values', () => {
+      const brokenEvent = {
+        exception: {
+          values: undefined,
+        },
+      };
+      //     expect(wasm.process(brokenEvent)).toEqual(brokenEvent);
+    });
+
+    it('no frames', () => {
+      const brokenEvent = {
+        exception: {
+          values: [
+            {
+              stacktrace: {},
+            },
+          ],
+        },
+      };
+      //  expect(wasm.process(brokenEvent)).toEqual(brokenEvent);
+    });
+  });
+  */
+});

packages/wasm/test/simple.html

@@ -0,0 +1,5 @@
+<!doctype html>
+<title>Google</title>
+<script>
+  console.log("aha!");
+</script>