test(browser): Add integration tests for showReportDialog (#4354)

onurtemizkan · web-flow · commit 0889534727c0 · 2021-12-22T08:50:34.000-05:00
diff --git a/packages/integration-tests/suites/public-api/showReportDialog/init.js b/packages/integration-tests/suites/public-api/showReportDialog/init.js
@@ -0,0 +1,7 @@
+import * as Sentry from '@sentry/browser';
+
+window.Sentry = Sentry;
+
+Sentry.init({
+  dsn: 'https://public@dsn.ingest.sentry.io/1337',
+});
diff --git a/packages/integration-tests/suites/public-api/showReportDialog/inject-script/subject.js b/packages/integration-tests/suites/public-api/showReportDialog/inject-script/subject.js
@@ -0,0 +1,19 @@
+Sentry.showReportDialog({
+  eventId: 'test_id',
+  user: {
+    email: 'foo@bar.sentry.io',
+    name: 'test',
+  },
+  lang: 'en-nz',
+  title: 'test_title',
+  subtitle: 'test_subtitle',
+  subtitle2: 'test_subtitle2',
+  labelName: 'test_label_name',
+  labelEmail: 'test_label_email',
+  labelComments: 'test_label_comments',
+  labelClose: 'test_label_close',
+  labelSubmit: 'test_label_submit',
+  errorGeneric: 'test_error_generic',
+  errorFormEntry: 'test_error_form_entry',
+  successMessage: 'test_success_message',
+});
diff --git a/packages/integration-tests/suites/public-api/showReportDialog/inject-script/test.ts b/packages/integration-tests/suites/public-api/showReportDialog/inject-script/test.ts
@@ -0,0 +1,35 @@
+import { expect } from '@playwright/test';
+
+import { sentryTest } from '../../../../utils/fixtures';
+
+sentryTest('should inject dialog script into <head> with correct attributes', async ({ getLocalTestPath, page }) => {
+  const url = await getLocalTestPath({ testDir: __dirname });
+
+  const dialogScriptSelector = 'head > script[src^="https://dsn.ingest.sentry.io/api/embed/error-page"]';
+
+  await page.goto(url);
+  const dialogScript = await page.waitForSelector(dialogScriptSelector, { state: 'attached' });
+  const dialogScriptSrc = await dialogScript.getAttribute('src');
+
+  expect(dialogScriptSrc?.startsWith('https://dsn.ingest.sentry.io/api/embed/error-page/?')).toBe(true);
+  // After `?` is searchParams.
+
+  const searchParams = new URLSearchParams(new URL(dialogScriptSrc || '').searchParams);
+
+  expect(searchParams.get('dsn')).toBe('https://public@dsn.ingest.sentry.io/1337');
+  expect(searchParams.get('eventId')).toBe('test_id');
+  expect(searchParams.get('name')).toBe('test');
+  expect(searchParams.get('email')).toBe('foo@bar.sentry.io');
+  expect(searchParams.get('lang')).toBe('en-nz');
+  expect(searchParams.get('title')).toBe('test_title');
+  expect(searchParams.get('subtitle')).toBe('test_subtitle');
+  expect(searchParams.get('subtitle2')).toBe('test_subtitle2');
+  expect(searchParams.get('labelName')).toBe('test_label_name');
+  expect(searchParams.get('labelEmail')).toBe('test_label_email');
+  expect(searchParams.get('labelComments')).toBe('test_label_comments');
+  expect(searchParams.get('labelClose')).toBe('test_label_close');
+  expect(searchParams.get('labelSubmit')).toBe('test_label_submit');
+  expect(searchParams.get('errorGeneric')).toBe('test_error_generic');
+  expect(searchParams.get('errorFormEntry')).toBe('test_error_form_entry');
+  expect(searchParams.get('successMessage')).toBe('test_success_message');
+});
diff --git a/packages/integration-tests/suites/public-api/showReportDialog/template.hbs b/packages/integration-tests/suites/public-api/showReportDialog/template.hbs
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title></title>
+  <script src="{{htmlWebpackPlugin.options.initialization}}"></script>
+  </head>
+  <body>
+    <script src="{{htmlWebpackPlugin.options.subject}}"></script>
+  </body>
+</html>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,7 @@ @@
 +import * as Sentry from '@sentry/browser';
++
 +window.Sentry = Sentry;
++
 +Sentry.init({
 +  dsn: 'https://[email protected]/1337',
 +});