working elements for storybook

old-sae-airwatch/src/app/chatbot/new-input/new-input.stories.ts

@@ -0,0 +1,72 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { NewInput } from './new-input';
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+import { PromptInput } from '../prompt-input/prompt-input';
+import { ToolsOptions } from '../tools-options/tools-options';
+import { Store, StoreModule } from '@ngrx/store';
+import { reducers } from '../../reducers';
+import { HttpClientModule } from '@angular/common/http';
+import { ApiService } from '../../api-service';
+import { FormsModule } from '@angular/forms';
+
+const appReducer = reducers.app;
+
+const meta: Meta<NewInput> = {
+  title: 'Components/NewInput',
+  component: NewInput,
+  tags: ['autodocs'],
+  decorators: [
+    moduleMetadata({
+      imports: [
+        CommonModule,
+        FormsModule,
+        PromptInput,
+        ToolsOptions,
+        HttpClientModule,
+        StoreModule.forRoot({ app: appReducer as any })
+      ],
+      providers: [
+        ApiService,
+        Store
+      ]
+    })
+  ],
+  parameters: {
+    backgrounds: {
+      default: 'light',
+      values: [
+        { name: 'light', value: '#f5f5f5' },
+        { name: 'dark', value: '#333' },
+      ],
+    },
+  }
+};
+
+export default meta;
+type Story = StoryObj<NewInput>;
+
+export const Default: Story = {
+  args: {
+    // Propriétés par défaut
+  }
+};
+
+export const DarkTheme: Story = {
+  args: {
+    // Propriétés par défaut
+  },
+  parameters: {
+    backgrounds: { default: 'dark' },
+    store: {
+      init: (store: Store) => {
+        store.dispatch({
+          type: 'UPDATE_APP',
+          payload: {
+            theme: 'dark'
+          }
+        });
+      }
+    }
+  }
+};