sentry-javascript/dev-packages/browser-integration-tests/suites/errors/fetch-enhance-messages-off/test.ts at f9e4fc1f0e29a0e11ea5b7f9931859b366208b08 · getsentry/sentry-javascript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import { expect } from '@playwright/test';
import { sentryTest } from '../../../utils/fixtures';
import { envelopeRequestParser, waitForErrorRequest } from '../../../utils/helpers';

sentryTest(
  'enhanceFetchErrorMessages: false: enhances error for Sentry while preserving original',
  async ({ getLocalTestUrl, page, browserName }) => {
    const url = await getLocalTestUrl({ testDir: __dirname });
    const reqPromise = waitForErrorRequest(page);
    const pageErrorPromise = new Promise<string>(resolve => {
      page.on('pageerror', error => {
        resolve(error.message);
      });
    });

    await page.goto(url);
    await page.evaluate('networkError()');

    const [req, pageErrorMessage] = await Promise.all([reqPromise, pageErrorPromise]);
    const eventData = envelopeRequestParser(req);
    const originalErrorMap: Record<string, string> = {
      chromium: 'Failed to fetch',
      webkit: 'Load failed',
      firefox: 'NetworkError when attempting to fetch resource.',
    };

    const originalError = originalErrorMap[browserName];

    expect(pageErrorMessage).toContain(originalError);
    expect(pageErrorMessage).not.toContain('sentry-test-external.io');

    expect(eventData.exception?.values).toHaveLength(1);
    expect(eventData.exception?.values?.[0]).toMatchObject({
      type: 'TypeError',
      value: originalError,
      mechanism: {
        handled: false,
        type: 'auto.browser.global_handlers.onunhandledrejection',
      },
    });
  },
);

sentryTest(
  'enhanceFetchErrorMessages: false: enhances subdomain errors',
  async ({ getLocalTestUrl, page, browserName }) => {
    const url = await getLocalTestUrl({ testDir: __dirname });
    const reqPromise = waitForErrorRequest(page);
    const pageErrorPromise = new Promise<string>(resolve => page.on('pageerror', error => resolve(error.message)));

    await page.goto(url);
    await page.evaluate('networkErrorSubdomain()');

    const [req, pageErrorMessage] = await Promise.all([reqPromise, pageErrorPromise]);
    const eventData = envelopeRequestParser(req);

    const originalErrorMap: Record<string, string> = {
      chromium: 'Failed to fetch',
      webkit: 'Load failed',
      firefox: 'NetworkError when attempting to fetch resource.',
    };

    const originalError = originalErrorMap[browserName];

    expect(pageErrorMessage).toContain(originalError);
    expect(pageErrorMessage).not.toContain('subdomain.sentry-test-external.io');
    expect(eventData.exception?.values).toHaveLength(1);
    expect(eventData.exception?.values?.[0]).toMatchObject({
      type: 'TypeError',
      value: originalError,
      mechanism: {
        handled: false,
        type: 'auto.browser.global_handlers.onunhandledrejection',
      },
    });
  },
);

sentryTest(
  'enhanceFetchErrorMessages: false: includes port in hostname',
  async ({ getLocalTestUrl, page, browserName }) => {
    const url = await getLocalTestUrl({ testDir: __dirname });
    const reqPromise = waitForErrorRequest(page);

    const pageErrorPromise = new Promise<string>(resolve => page.on('pageerror', error => resolve(error.message)));

    await page.goto(url);
    await page.evaluate('networkErrorWithPort()');

    const [req, pageErrorMessage] = await Promise.all([reqPromise, pageErrorPromise]);
    const eventData = envelopeRequestParser(req);

    const originalErrorMap: Record<string, string> = {
      chromium: 'Failed to fetch',
      webkit: 'Load failed',
      firefox: 'NetworkError when attempting to fetch resource.',
    };

    const originalError = originalErrorMap[browserName];

    expect(pageErrorMessage).toContain(originalError);
    expect(pageErrorMessage).not.toContain('sentry-test-external.io:3000');
    expect(eventData.exception?.values).toHaveLength(1);
    expect(eventData.exception?.values?.[0]).toMatchObject({
      type: 'TypeError',
      value: originalError,
      mechanism: {
        handled: false,
        type: 'auto.browser.global_handlers.onunhandledrejection',
      },
    });
  },
);