Test actionTransformer and stateTransformer

Author: onurtemizkan

dev-packages/e2e-tests/test-applications/vue-3/src/main.ts

@@ -25,7 +25,15 @@ Sentry.init({
   trackComponents: ['ComponentMainView', '<ComponentOneView>'],
 });
 
-pinia.use(Sentry.createSentryPiniaPlugin());
+pinia.use(
+  Sentry.createSentryPiniaPlugin({
+    actionTransformer: action => `Transformed: ${action}`,
+    stateTransformer: state => ({
+      transformed: true,
+      ...state,
+    }),
+  }),
+);
 
 app.use(pinia);
 app.use(router);

dev-packages/e2e-tests/test-applications/vue-3/tests/pinia.test.ts

@@ -21,12 +21,15 @@ test('sends pinia action breadcrumbs and state context', async ({ page }) => {
   const actionBreadcrumb = error.breadcrumbs?.find(breadcrumb => breadcrumb.category === 'action');
 
   expect(actionBreadcrumb).toBeDefined();
-  expect(actionBreadcrumb?.message).toBe('addItem');
+  expect(actionBreadcrumb?.message).toBe('Transformed: addItem');
   expect(actionBreadcrumb?.level).toBe('info');
 
   const stateContext = error.contexts?.state?.state;
 
   expect(stateContext).toBeDefined();
   expect(stateContext?.type).toBe('pinia');
-  expect(stateContext?.value).toEqual({ rawItems: ['item'] });
+  expect(stateContext?.value).toEqual({
+    transformed: true,
+    rawItems: ['item'],
+  });
 });