glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add data-testid attribute
Some checks failed
Lint / Lint Code (push) Failing after 7m16s
Details
Test / Svelte Checks (push) Failing after 7m8s
Details

Browse Source
This commit is contained in:
Ilia Mashkov
2026-01-08 13:15:02 +03:00
parent fc00717359
commit 1ebab2d77b
4 changed files with 2 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/shared/ui/ComboControl/ComboControl.stories.svelte
View File

@@ -1,76 +0,0 @@
<script module lang="ts">
import { defineMeta } from '@storybook/addon-svelte-csf';
import ComboControl from './ComboControl.svelte';
const { Story } = defineMeta({
title: 'Shared/UI/ComboControl',
component: ComboControl,
tags: ['autodocs'],
argTypes: {
controlLabel: { control: 'text' },
increaseLabel: { control: 'text' },
decreaseLabel: { control: 'text' },
},
});
</script>
<script lang="ts">
import WithControlDecorator from './WithControlDecorator.svelte';
// Define initial values for each story
const fontSizeInitial = { value: 16, min: 8, max: 100, step: 1 };
const letterSpacingInitial = { value: 0, min: -2, max: 4, step: 0.05 };
const atMinimumInitial = { value: 10, min: 10, max: 100, step: 1 };
const atMaximumInitial = { value: 100, min: 10, max: 100, step: 1 };
</script>
<Story name="Integer Step" args={{ controlLabel: 'Font size' }}>
<WithControlDecorator initialValues={fontSizeInitial}>
{#snippet children({ control })}
<ComboControl controlLabel={'Font size'} {control} />
{/snippet}
</WithControlDecorator>
</Story>
<Story name="Decimal Step" args={{ controlLabel: 'Letter spacing' }}>
<WithControlDecorator initialValues={letterSpacingInitial}>
{#snippet children({ control })}
<ComboControl controlLabel={'Letter spacing'} {control} />
{/snippet}
</WithControlDecorator>
</Story>
<Story
name="At Minimum"
args={{ controlLabel: 'Font size', increaseLabel: 'Increase', decreaseLabel: 'Decrease' }}
>
<WithControlDecorator initialValues={atMinimumInitial}>
{#snippet children({ control })}
<ComboControl
controlLabel={'Font size'}
increaseLabel={'Increase'}
decreaseLabel={'Decrease'}
{control}
/>
{/snippet}
</WithControlDecorator>
</Story>
<Story
name="At Maximum"
args={{ controlLabel: 'Font size', increaseLabel: 'Increase', decreaseLabel: 'Decrease' }}
>
<WithControlDecorator initialValues={atMaximumInitial}>
{#snippet children({ control })}
<ComboControl
controlLabel={'Font size'}
increaseLabel={'Increase'}
decreaseLabel={'Decrease'}
{control}
/>
{/snippet}
</WithControlDecorator>
</Story>