Add integration test

timfish · timfish · commit 9aa2489b126c · 2026-04-05T23:20:30.000+02:00
diff --git a/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/init.js b/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/init.js
@@ -0,0 +1,9 @@
+import * as Sentry from '@sentry/browser';
+import { viewHierarchyIntegration } from '@sentry/browser';
+
+window.Sentry = Sentry;
+
+Sentry.init({
+  dsn: 'https://public@dsn.ingest.sentry.io/1337',
+  integrations: [viewHierarchyIntegration()],
+});
diff --git a/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/subject.js b/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/subject.js
@@ -0,0 +1 @@
+throw new Error('Some error');
diff --git a/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/template.html b/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/template.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title></title>
+  </head>
+  <body>
+    <h1>Some title</h1>
+    <p>Some text</p>
+  </body>
+</html>
diff --git a/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/test.ts b/dev-packages/browser-integration-tests/suites/integrations/viewHierarchy/test.ts
@@ -0,0 +1,34 @@
+import { expect } from '@playwright/test';
+import type { ViewHierarchyData } from '@sentry/core';
+import { sentryTest } from '../../../utils/fixtures';
+import { getMultipleSentryEnvelopeRequests, envelopeParser } from '../../../utils/helpers';
+
+sentryTest('Captures view hierarchy as attachment', async ({ getLocalTestUrl, page }) => {
+  const url = await getLocalTestUrl({ testDir: __dirname });
+
+  const [, events] = await Promise.all([
+    page.goto(url),
+    getMultipleSentryEnvelopeRequests<ViewHierarchyData>(
+      page,
+      1,
+      {},
+      req => envelopeParser(req)?.[4] as ViewHierarchyData,
+    ),
+  ]);
+
+  expect(events).toHaveLength(1);
+  const event: ViewHierarchyData = events[0];
+
+  expect(event.rendering_system).toBe('DOM');
+  expect(event.positioning).toBe('absolute');
+  expect(event.windows).toHaveLength(2);
+  expect(event.windows[0].type).toBe('h1');
+  expect(event.windows[0].visible).toBe(true);
+  expect(event.windows[0].alpha).toBe(1);
+  expect(event.windows[0].children).toHaveLength(0);
+
+  expect(event.windows[1].type).toBe('p');
+  expect(event.windows[1].visible).toBe(true);
+  expect(event.windows[1].alpha).toBe(1);
+  expect(event.windows[1].children).toHaveLength(0);
+});
