Skip to content

Commit 47a4ea7

Browse files
billyvgbillyvg
committed
test(integration): Add support for snapshots in integration tests
* adds `yarn test:update-snapshots` script to update snapshots easily. This will run tests across all browsers and update the snapshots accordingly.
1 parent 17c3132 commit 47a4ea7

File tree

7 files changed

+725
-239
lines changed

7 files changed

+725
-239
lines changed

‎package.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,8 @@
2626
"postpublish": "lerna run --stream --concurrency 1 postpublish",
2727
"test": "lerna run --ignore @sentry-internal/* test",
2828
"test-ci-browser": "lerna run test --ignore \"@sentry/{node,opentelemetry-node,serverless,nextjs,remix,gatsby}\" --ignore @sentry-internal/*",
29-
"test-ci-node": "ts-node ./scripts/node-unit-tests.ts"
29+
"test-ci-node": "ts-node ./scripts/node-unit-tests.ts",
30+
"test:update-snapshots": "lerna run --scope=@sentry-internal/browser-integration-test test:update-snapshots"
3031
},
3132
"volta": {
3233
"node": "16.19.0",

‎packages/integration-tests/package.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@
2525
"test:bundle:es6:min": "PW_BUNDLE=bundle_es6_min yarn test",
2626
"test:cjs": "PW_BUNDLE=cjs yarn test",
2727
"test:esm": "PW_BUNDLE=esm yarn test",
28-
"test:ci": "playwright test ./suites --browser='all' --reporter='line'"
28+
"test:ci": "playwright test ./suites --browser='all' --reporter='line'",
29+
"test:update-snapshots": "yarn test --update-snapshots --browser='all'"
2930
},
3031
"dependencies": {
3132
"@babel/preset-typescript": "^7.16.7",

‎packages/integration-tests/suites/replay/privacy/test.ts‎

Lines changed: 1 addition & 237 deletions
Original file line numberDiff line numberDiff line change
@@ -28,241 +28,5 @@ sentryTest('should have the correct default privacy settings', async ({ getLocal
2828
const replayPayload = envelopeRequestParser<RecordingEvent[]>(await reqPromise0, 5);
2929
const checkoutEvent = replayPayload.find(({ type }) => type === EventType.FullSnapshot);
3030

31-
expect(checkoutEvent?.data).toEqual({
32-
node: {
33-
type: 0,
34-
childNodes: [
35-
{
36-
type: 1,
37-
name: 'html',
38-
publicId: '',
39-
systemId: '',
40-
id: 2,
41-
},
42-
{
43-
type: 2,
44-
tagName: 'html',
45-
attributes: {},
46-
childNodes: [
47-
{
48-
type: 2,
49-
tagName: 'head',
50-
attributes: {},
51-
childNodes: [
52-
{
53-
type: 2,
54-
tagName: 'meta',
55-
attributes: {
56-
charset: 'utf-8',
57-
},
58-
childNodes: [],
59-
id: 5,
60-
},
61-
],
62-
id: 4,
63-
},
64-
{
65-
type: 3,
66-
textContent: '\n ',
67-
id: 6,
68-
},
69-
{
70-
type: 2,
71-
tagName: 'body',
72-
attributes: {},
73-
childNodes: [
74-
{
75-
type: 3,
76-
textContent: '\n ',
77-
id: 8,
78-
},
79-
{
80-
type: 2,
81-
tagName: 'button',
82-
attributes: {
83-
'aria-label': 'Click me',
84-
onclick: "console.log('Test log')",
85-
},
86-
childNodes: [
87-
{
88-
type: 3,
89-
textContent: '***** **',
90-
id: 10,
91-
},
92-
],
93-
id: 9,
94-
},
95-
{
96-
type: 3,
97-
textContent: '\n ',
98-
id: 11,
99-
},
100-
{
101-
type: 2,
102-
tagName: 'div',
103-
attributes: {},
104-
childNodes: [
105-
{
106-
type: 3,
107-
textContent: '**** ****** ** ****** ** *******',
108-
id: 13,
109-
},
110-
],
111-
id: 12,
112-
},
113-
{
114-
type: 3,
115-
textContent: '\n ',
116-
id: 14,
117-
},
118-
{
119-
type: 2,
120-
tagName: 'div',
121-
attributes: {
122-
'data-sentry-unmask': '',
123-
},
124-
childNodes: [
125-
{
126-
type: 3,
127-
textContent: 'This should be unmasked due to data attribute',
128-
id: 16,
129-
},
130-
],
131-
id: 15,
132-
},
133-
{
134-
type: 3,
135-
textContent: '\n ',
136-
id: 17,
137-
},
138-
{
139-
type: 2,
140-
tagName: 'input',
141-
attributes: {
142-
placeholder: 'Placeholder should be masked',
143-
},
144-
childNodes: [],
145-
id: 18,
146-
},
147-
{
148-
type: 3,
149-
textContent: '\n ',
150-
id: 19,
151-
},
152-
{
153-
type: 2,
154-
tagName: 'div',
155-
attributes: {
156-
title: 'Title should be masked',
157-
},
158-
childNodes: [
159-
{
160-
type: 3,
161-
textContent: '***** ****** ** ******',
162-
id: 21,
163-
},
164-
],
165-
id: 20,
166-
},
167-
{
168-
type: 3,
169-
textContent: '\n ',
170-
id: 22,
171-
},
172-
{
173-
type: 2,
174-
tagName: 'svg',
175-
attributes: {
176-
rr_width: '200px',
177-
rr_height: '200px',
178-
},
179-
childNodes: [],
180-
isSVG: true,
181-
id: 23,
182-
},
183-
{
184-
type: 3,
185-
textContent: '\n ',
186-
id: 24,
187-
},
188-
{
189-
type: 2,
190-
tagName: 'svg',
191-
attributes: {
192-
style: 'width:200px;height:200px',
193-
class: 'sentry-unblock',
194-
viewBox: '0 0 80 80',
195-
'data-sentry-unblock': '',
196-
},
197-
childNodes: [
198-
{
199-
type: 2,
200-
tagName: 'path',
201-
attributes: {
202-
rr_width: '0px',
203-
rr_height: '0px',
204-
},
205-
childNodes: [],
206-
isSVG: true,
207-
id: 26,
208-
},
209-
],
210-
isSVG: true,
211-
id: 25,
212-
},
213-
{
214-
type: 3,
215-
textContent: '\n ',
216-
id: 27,
217-
},
218-
{
219-
type: 2,
220-
tagName: 'img',
221-
attributes: {
222-
rr_width: '100px',
223-
rr_height: '100px',
224-
},
225-
childNodes: [],
226-
id: 28,
227-
},
228-
{
229-
type: 3,
230-
textContent: '\n ',
231-
id: 29,
232-
},
233-
{
234-
type: 2,
235-
tagName: 'img',
236-
attributes: {
237-
'data-sentry-unblock': '',
238-
style: 'width:100px;height:100px',
239-
src: 'file:///none.png',
240-
},
241-
childNodes: [],
242-
id: 30,
243-
},
244-
{
245-
type: 3,
246-
textContent: '\n ',
247-
id: 31,
248-
},
249-
{
250-
type: 3,
251-
textContent: '\n\n',
252-
id: 32,
253-
},
254-
],
255-
id: 7,
256-
},
257-
],
258-
id: 3,
259-
},
260-
],
261-
id: 1,
262-
},
263-
initialOffset: {
264-
left: 0,
265-
top: 0,
266-
},
267-
});
31+
expect(JSON.stringify(checkoutEvent?.data, null, 2)).toMatchSnapshot('privacy.json');
26832
});

0 commit comments

Comments
 (0)