add story

PostHog · Jan 26, 2024 · 22c9611 · 22c9611
1 parent 5d93e84
commit 22c9611
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/frontend/src/mocks/fixtures/_billing_v2.tsx b/frontend/src/mocks/fixtures/_billing_v2.tsx
@@ -20,7 +20,7 @@ export const billingJson: BillingV2Type = {
             description: 'Trends, funnels, path analysis, CDP + more.',
             price_description: null,
             usage_key: 'events',
-            image_url: 'https://posthog.com/images/product/product-icons/product-analytics.svg',
+            image_url: 'https://posthog.com/images/products/product-analytics/product-analytics.png',
             screenshot_url: null,
             icon_key: 'IconGraph',
             docs_url: 'https://posthog.com/docs/product-analytics',

diff --git a/frontend/src/scenes/onboarding/Onboarding.stories.tsx b/frontend/src/scenes/onboarding/Onboarding.stories.tsx
@@ -15,7 +15,6 @@ import { onboardingLogic, OnboardingStepKey } from './onboardingLogic'
 
 const meta: Meta = {
     title: 'Scenes-Other/Onboarding',
-    tags: ['test-skip'],
     parameters: {
         layout: 'fullscreen',
         viewMode: 'story',
@@ -88,3 +87,21 @@ export const _OnboardingOtherProducts = (): JSX.Element => {
     }, [])
     return <App />
 }
+
+export const _OnboardingProductIntroduction = (): JSX.Element => {
+    useStorybookMocks({
+        get: {
+            '/api/billing-v2/': {
+                ...billingJson,
+            },
+        },
+    })
+
+    const { setProduct } = useActions(onboardingLogic)
+
+    useEffect(() => {
+        setProduct(billingJson.products[0])
+        router.actions.push(urls.onboardingProductIntroduction(ProductKey.PRODUCT_ANALYTICS))
+    }, [])
+    return <App />
+}