test(3000): Fix Sidebar story

.storybook/decorators/withFeatureFlags.tsx

@@ -1,6 +1,12 @@
 import { setFeatureFlags } from '~/mocks/browser'
 import type { Decorator } from '@storybook/react'
 
+declare module '@storybook/types' {
+    interface Parameters {
+        featureFlags?: string[]
+    }
+}
+
 /** Global story decorator that allows setting feature flags.
  *
  * ```ts

.storybook/decorators/withMockDate.tsx

@@ -1,6 +1,12 @@
 import type { Decorator } from '@storybook/react'
 import MockDate from 'mockdate'
 
+declare module '@storybook/types' {
+    interface Parameters {
+        mockDate?: string | number | Date
+    }
+}
+
 /** Global story decorator that allows mocking of dates.
  *
  * ```ts

.storybook/test-runner.ts

@@ -41,7 +41,6 @@ declare module '@storybook/types' {
             /** If taking a component snapshot, you can narrow it down by specifying the selector. */
             snapshotTargetSelector?: string
         }
-        mockDate?: string | number | Date
         msw?: {
             mocks?: Mocks
         }

frontend/src/layout/navigation-3000/Navigation.stories.tsx

@@ -5,6 +5,7 @@ import { router } from 'kea-router'
 import { urls } from 'scenes/urls'
 import { App } from 'scenes/App'
 import { EMPTY_PAGINATED_RESPONSE } from '~/mocks/handlers'
+import { FEATURE_FLAGS } from 'lib/constants'
 
 const meta: Meta = {
     title: 'PostHog 3000/Navigation',
@@ -23,12 +24,12 @@ const meta: Meta = {
         layout: 'fullscreen',
         viewMode: 'story',
         mockDate: '2023-02-01',
+        featureFlags: [FEATURE_FLAGS.POSTHOG_3000],
     },
 }
 export default meta
 
 export function NavigationBase(): JSX.Element {
-    setFeatureFlags(['posthog-3000'])
     useEffect(() => {
         router.actions.push(urls.projectHomepage())
     }, [])
@@ -37,7 +38,7 @@ export function NavigationBase(): JSX.Element {
 }
 
 export function Navigation3000(): JSX.Element {
-    setFeatureFlags(['posthog-3000', 'posthog-3000-nav'])
+    setFeatureFlags([FEATURE_FLAGS.POSTHOG_3000, FEATURE_FLAGS.POSTHOG_3000_NAV])
     useEffect(() => {
         router.actions.push(urls.projectHomepage())
     }, [])

frontend/src/layout/navigation-3000/components/Sidebar.stories.tsx

@@ -8,14 +8,15 @@ import { Sidebar } from './Sidebar'
 import featureFlagsJson from '../../../scenes/feature-flags/__mocks__/feature_flags.json'
 import dashboardsJson from '../../../scenes/dashboard/__mocks__/dashboards.json'
 import { SidebarNavbarItem } from '../types'
-import { setFeatureFlags } from '~/mocks/browser'
+import { FEATURE_FLAGS } from 'lib/constants'
 
 const meta: Meta = {
     title: 'PostHog 3000/Sidebar',
     parameters: {
         mockDate: '2023-02-01',
         layout: 'fullscreen',
         viewMode: 'story',
+        featureFlags: [FEATURE_FLAGS.POSTHOG_3000, FEATURE_FLAGS.POSTHOG_3000_NAV],
     },
 }
 export default meta
@@ -32,7 +33,6 @@ const multipliedFeatureFlagsJson = {
 }
 
 export function Dashboards(): JSX.Element {
-    setFeatureFlags(['posthog-3000', 'posthog-3000-nav'])
     useStorybookMocks({
         get: {
             '/api/projects/:team_id/dashboards/': dashboardsJson,
@@ -52,7 +52,6 @@ export function Dashboards(): JSX.Element {
 }
 
 export function FeatureFlags(): JSX.Element {
-    setFeatureFlags(['posthog-3000', 'posthog-3000-nav'])
     useStorybookMocks({
         get: {
             '/api/projects/:team_id/feature_flags/': multipliedFeatureFlagsJson,