Skip to content

Commit c85b958

Browse files
authored
test(combobox): add open in all scales screenshot test (#7660)
**Related Issue:** N/A ## Summary Add coverage for items picking up their parent's scale.
1 parent 03dbd51 commit c85b958

File tree

1 file changed

+22
-2
lines changed

1 file changed

+22
-2
lines changed

packages/calcite-components/src/components/combobox/combobox.stories.ts

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -488,10 +488,30 @@ export const clearDisabled_TestOnly = (): string => html`
488488
<calcite-combobox-item selected id="three" value="three" text-label="three"></calcite-combobox-item>
489489
</calcite-combobox>
490490
<br />
491-
<calcite-combobox clear-disabled selection-mode="ancestors">
492-
<calcite-combobox-item value="parent" text-label="parent" style="width:400px">
491+
<calcite-combobox clear-disabled selection-mode="ancestors" style="width:400px">
492+
<calcite-combobox-item value="parent" text-label="parent">
493493
<calcite-combobox-item value="child1" text-label="child1"></calcite-combobox-item>
494494
<calcite-combobox-item selected value="child2" text-label="child2"></calcite-combobox-item>
495495
</calcite-combobox-item>
496496
</calcite-combobox>
497497
`;
498+
499+
export const openInAllScales_TestOnly = (): string => html`
500+
<calcite-combobox open scale="s">
501+
<calcite-combobox-item value="one" text-label="one"></calcite-combobox-item>
502+
<calcite-combobox-item value="two" text-label="two"></calcite-combobox-item>
503+
<calcite-combobox-item value="three" text-label="three"></calcite-combobox-item>
504+
</calcite-combobox>
505+
<br />
506+
<calcite-combobox open scale="m">
507+
<calcite-combobox-item value="one" text-label="one"></calcite-combobox-item>
508+
<calcite-combobox-item value="two" text-label="two"></calcite-combobox-item>
509+
<calcite-combobox-item value="three" text-label="three"></calcite-combobox-item>
510+
</calcite-combobox>
511+
<br />
512+
<calcite-combobox open scale="l">
513+
<calcite-combobox-item value="one" text-label="one"></calcite-combobox-item>
514+
<calcite-combobox-item value="two" text-label="two"></calcite-combobox-item>
515+
<calcite-combobox-item value="three" text-label="three"></calcite-combobox-item>
516+
</calcite-combobox>
517+
`;

0 commit comments

Comments
 (0)