diff --git a/services/web/.storybook/utils/with-split-tests.tsx b/services/web/.storybook/utils/with-split-tests.tsx
new file mode 100644
index 0000000000..79b115360b
--- /dev/null
+++ b/services/web/.storybook/utils/with-split-tests.tsx
@@ -0,0 +1,37 @@
+import type { Meta } from '@storybook/react'
+import _ from 'lodash'
+import { SplitTestContext } from '../../frontend/js/shared/context/split-test-context'
+
+export const splitTestsArgTypes = {
+  'local-ccy-format-v2': {
+    description: 'Use local currency formatting',
+    control: { type: 'radio' },
+    options: ['default', 'enabled'],
+  },
+}
+
+export const withSplitTests = (
+  story: Meta,
+  splitTests: (keyof typeof splitTestsArgTypes)[] = []
+): Meta => {
+  return {
+    ...story,
+    argTypes: { ...story.argTypes, ..._.pick(splitTestsArgTypes, splitTests) },
+    decorators: [
+      (Story, { args }) => {
+        const splitTestVariants = _.pick(args, splitTests)
+        const value = { splitTestVariants, splitTestInfo: {} }
+        return (
+          <SplitTestContext.Provider value={value}>
+            <Story />
+          </SplitTestContext.Provider>
+        )
+      },
+      ...(story.decorators
+        ? Array.isArray(story.decorators)
+          ? story.decorators
+          : [story.decorators]
+        : []),
+    ],
+  }
+}