getsentry
diff --git a/‎packages/integration-tests/.gitignore
Lines changed: 1 addition & 0 deletions b/‎packages/integration-tests/.gitignore
Lines changed: 1 addition & 0 deletions
diff --git a/‎packages/integration-tests/suites/replay/privacyBlock/init.js
Lines changed: 20 additions & 0 deletions b/‎packages/integration-tests/suites/replay/privacyBlock/init.js
Lines changed: 20 additions & 0 deletions
diff --git a/‎packages/integration-tests/suites/replay/privacyBlock/template.html
Lines changed: 22 additions & 0 deletions b/‎packages/integration-tests/suites/replay/privacyBlock/template.html
Lines changed: 22 additions & 0 deletions
diff --git a/‎packages/integration-tests/suites/replay/privacyBlock/test.ts
Lines changed: 35 additions & 0 deletions b/‎packages/integration-tests/suites/replay/privacyBlock/test.ts
Lines changed: 35 additions & 0 deletions
@@ -0,0 +1 @@
+test-results
@@ -0,0 +1,20 @@
+import * as Sentry from '@sentry/browser';
+import { Replay } from '@sentry/replay';
+
+window.Sentry = Sentry;
+window.Replay = new Replay({
+  flushMinDelay: 200,
+  flushMaxDelay: 200,
+  useCompression: false,
+  blockAllMedia: false,
+  block: ['link[rel="icon"]', 'video', '.nested-hide'],
+});
+
+Sentry.init({
+  dsn: 'https://[email protected]/1337',
+  sampleRate: 0,
+  replaysSessionSampleRate: 1.0,
+  replaysOnErrorSampleRate: 0.0,
+
+  integrations: [window.Replay],
+});
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" type="image/png" href="file://assets/icon/favicon.png"/>
+  </head>
+  <body>
+    <button aria-label="Click me" onclick="console.log('Test log')">Click me</button>
+    <div>This should be masked by default</div>
+    <div data-sentry-unmask>This should be unmasked due to data attribute</div>
+    <input placeholder="Placeholder should be masked" />
+    <div title="Title should be masked">Title should be masked</div>
+    <svg style="width:200px;height:200px" viewBox="0 0 80 80"><path d=""/><area /><rect /></svg>
+    <svg style="width:200px;height:200px" viewBox="0 0 80 80" data-sentry-unblock><path d=""/><area /><rect /></svg>
+    <img style="width:100px;height:100px" src="file:///none.png" />
+    <img data-sentry-unblock style="width:100px;height:100px" src="file:///none.png" />
+    <video style="width:30px;height:30px"><source src="file://foo.mp4" /></video>
+    <div class="nested-hide">
+      <div>This should be hidden.</div>
+    </div>
+  </body>
+</html>
@@ -0,0 +1,35 @@
+import { expect } from '@playwright/test';
+
+import { sentryTest } from '../../../utils/fixtures';
+import {
+  getFullRecordingSnapshots,
+  normalize,
+  shouldSkipReplayTest,
+  waitForReplayRequest,
+} from '../../../utils/replayHelpers';
+
+sentryTest('should allow to manually block elements', async ({ getLocalTestPath, page }) => {
+  if (shouldSkipReplayTest()) {
+    sentryTest.skip();
+  }
+
+  const reqPromise0 = waitForReplayRequest(page, 0);
+
+  await page.route('https://dsn.ingest.sentry.io/**/*', route => {
+    return route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify({ id: 'test-id' }),
+    });
+  });
+
+  const url = await getLocalTestPath({ testDir: __dirname });
+
+  await page.goto(url);
+  const snapshots = getFullRecordingSnapshots(await reqPromise0);
+  expect(snapshots.length).toEqual(1);
+
+  const stringifiedSnapshot = normalize(snapshots[0], { normalizeNumberAttributes: ['rr_width', 'rr_height'] });
+
+  expect(stringifiedSnapshot).toMatchSnapshot('privacy.json');
+});