working elements for storybook

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

@@ -0,0 +1,70 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { PromptInput } from './prompt-input';
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Store, StoreModule } from '@ngrx/store';
+import { reducers } from '../../reducers';
+import { HttpClientModule } from '@angular/common/http';
+import { ApiService } from '../../api-service';
+
+const appReducer = reducers.app;
+
+const meta: Meta<PromptInput> = {
+  title: 'Components/PromptInput',
+  component: PromptInput,
+  tags: ['autodocs'],
+  decorators: [
+    moduleMetadata({
+      imports: [
+        CommonModule,
+        FormsModule,
+        HttpClientModule,
+        StoreModule.forRoot({ app: appReducer as any })
+      ],
+      providers: [
+        ApiService,
+        Store
+      ]
+    })
+  ],
+  argTypes: {
+    // Vous pouvez définir des contrôles pour les propriétés ici
+  }
+};
+
+export default meta;
+type Story = StoryObj<PromptInput>;
+
+export const Default: Story = {
+  args: {
+    // Les propriétés par défaut
+  }
+};
+
+export const WithPlaceholder: Story = {
+  args: {
+    // Les propriétés avec un placeholder personnalisé
+  },
+  parameters: {
+    // Vous pouvez surcharger certains paramètres ici
+  }
+};
+
+export const LoadingState: Story = {
+  args: {
+    // Les propriétés de base
+  },
+  parameters: {
+    store: {
+      init: (store: Store) => {
+        store.dispatch({
+          type: 'UPDATE_APP',
+          payload: {
+            loading: true
+          }
+        });
+      }
+    }
+  }
+};