Skip to content

Commit 3de25a3

Browse files
committed
add autofit width mod test
1 parent 05f51ab commit 3de25a3

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,3 +140,17 @@ test(`Renders style when termWidth is set`, () => {
140140
'--pf-v5-c-description-list__term--width': '30px'
141141
});
142142
});
143+
144+
test(`Renders style when isAutoFit and horizontalTermWidthModifier is set`, () => {
145+
render(
146+
<DescriptionList
147+
aria-label="list"
148+
isAutoFit
149+
autoFitMinModifier={{ default: '50px', sm: '50px', md: '100px', lg: '150px', xl: '200px', '2xl': '300px' }}
150+
/>
151+
);
152+
expect(screen.getByLabelText('list')).toHaveAttribute(
153+
'style',
154+
'--pf-v5-c-description-list--GridTemplateColumns--min: 50px; --pf-v5-c-description-list--GridTemplateColumns--min-on-sm: 50px; --pf-v5-c-description-list--GridTemplateColumns--min-on-md: 100px; --pf-v5-c-description-list--GridTemplateColumns--min-on-lg: 150px; --pf-v5-c-description-list--GridTemplateColumns--min-on-xl: 200px; --pf-v5-c-description-list--GridTemplateColumns--min-on-2xl: 300px;'
155+
);
156+
});

0 commit comments

Comments
 (0)