diff --git a/src/component-library/pages/Rule/list/ListRule.stories.tsx b/src/component-library/pages/Rule/list/ListRule.stories.tsx index 3a8849f5..c9056fff 100644 --- a/src/component-library/pages/Rule/list/ListRule.stories.tsx +++ b/src/component-library/pages/Rule/list/ListRule.stories.tsx @@ -2,6 +2,8 @@ import {StoryFn, Meta} from '@storybook/react'; import {fixtureRuleViewModel} from '@/test/fixtures/table-fixtures'; import {ListRule} from "@/component-library/pages/Rule/list/ListRule"; import {ToastedTemplate} from "@/component-library/templates/ToastedTemplate/ToastedTemplate"; +import {getDecoratorWithWorker} from "@/test/mocks/handlers/story-decorators"; +import {getMockStreamEndpoint} from "@/test/mocks/handlers/streaming-handlers"; export default { title: 'Components/Pages/Rule/List', @@ -12,7 +14,17 @@ const Template: StoryFn = args => ; -export const InitialData = Template.bind({}); -InitialData.args = { +export const InitialDataNoEndpoint = Template.bind({}); +InitialDataNoEndpoint.args = { initialData: Array.from({length: 50}, () => fixtureRuleViewModel()), } + +export const RegularStreaming = Template.bind({}); +RegularStreaming.decorators = [ + getDecoratorWithWorker([ + getMockStreamEndpoint('/api/feature/list-rules', { + data: Array.from({length: 500}, fixtureRuleViewModel), + delay: 1, + }), + ]), +]; \ No newline at end of file