diff --git a/.storybook/custom/addons/theme-switcher/preset.js b/.storybook/custom/addons/theme-switcher/preset.js deleted file mode 100644 index 4b2b6736b5..0000000000 --- a/.storybook/custom/addons/theme-switcher/preset.js +++ /dev/null @@ -1,3 +0,0 @@ -export function managerEntries(entry = []) { - return [...entry, require.resolve('./register')]; -} diff --git a/packages/storybook/src/lib/decorators/contentDensity.ts b/packages/storybook/src/lib/decorators/contentDensity.ts index 04793bb10b..41720858ed 100644 --- a/packages/storybook/src/lib/decorators/contentDensity.ts +++ b/packages/storybook/src/lib/decorators/contentDensity.ts @@ -1,8 +1,8 @@ import { makeDecorator } from 'storybook/preview-api'; export const withContentDensity = makeDecorator({ - name: 'directionalityProvider', - parameterName: 'directionality', + name: 'contentDensityProvider', + parameterName: 'contentDensity', wrapper: (storyFn, context) => { const contentDensity = context?.globals?.['contentDensity'] || 'cozy'; const story = storyFn(context); diff --git a/packages/storybook/tests/contentDensity.test.ts b/packages/storybook/tests/contentDensity.test.ts new file mode 100644 index 0000000000..30d5d966d9 --- /dev/null +++ b/packages/storybook/tests/contentDensity.test.ts @@ -0,0 +1,20 @@ +import { describe, expect, it } from 'vitest'; +import { withContentDensity } from '../src/lib/decorators/contentDensity'; + +const story = () => 'Story'; + +const renderWithParameters = (parameters: Record) => + withContentDensity(story, { + globals: { contentDensity: 'compact' }, + parameters + }); + +describe('withContentDensity', () => { + it('can be disabled with the contentDensity parameter', () => { + expect(renderWithParameters({ contentDensity: { disable: true } })).toBe(story()); + }); + + it('is not disabled by the directionality parameter', () => { + expect(renderWithParameters({ directionality: { disable: true } })).toContain('class="is-compact"'); + }); +});