test(breadcrumb): Add test case for creating breadcrumbs for a transaction event

Author: dashed

packages/browser/test/integration/suites/breadcrumbs.js

@@ -156,6 +156,56 @@ describe("breadcrumbs", function() {
     }
   );
 
+  it(
+    optional(
+      "should transform XMLHttpRequests with transactions type to the Sentry envelope endpoint as sentry.transaction type breadcrumb",
+      IS_LOADER
+    ),
+    function() {
+      return runInSandbox(sandbox, { manual: true }, function() {
+        var envelope =
+          document.location.protocol +
+          "//" +
+          document.location.hostname +
+          (document.location.port ? ":" + document.location.port : "") +
+          "/api/1/envelope/" +
+          "?sentry_key=1337";
+
+        var xhr = new XMLHttpRequest();
+        xhr.open("POST", envelope);
+        xhr.send(
+          `
+{
+  "event_id": "aa3ff046696b4bc6b609ce6d28fde9e2",
+  "sent_at": "2020-05-19T15:44:49.028Z"
+}
+{
+  "type": "transaction"
+}
+{
+  "message":"someMessage",
+  "transaction":"wat",
+  "level":"warning",
+}
+          `.trim()
+        );
+        waitForXHR(xhr, function() {
+          Sentry.captureMessage("test");
+          window.finalizeManualTest();
+        });
+      }).then(function(summary) {
+        // The async loader doesn't wrap XHR
+        if (IS_LOADER) {
+          return;
+        }
+        assert.equal(summary.breadcrumbs.length, 1);
+        assert.equal(summary.breadcrumbs[0].category, "sentry.transaction");
+        assert.equal(summary.breadcrumbs[0].level, "warning");
+        assert.equal(summary.breadcrumbs[0].message, "someMessage");
+      });
+    }
+  );
+
   it(
     optional(
       "should not transform XMLHttpRequests with transactions attribute to the Sentry store endpoint as sentry.transaction type breadcrumb",