Add test cases for long display text handling in EnumFacetFilter

Sage-Bionetworks · Feb 13, 2025 · 3d771a8 · 3d771a8
1 parent b8564b8
commit 3d771a8
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/...ct-client/src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.stories.tsx b/...ct-client/src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.stories.tsx
@@ -42,6 +42,27 @@ const facetValues: RenderedFacetValue[] = [
   { value: 'foo', displayText: 'foo', count: 100, isSelected: false },
   { value: 'bar', displayText: 'bar', count: 50, isSelected: false },
   { value: 'baz', displayText: 'baz', count: 25, isSelected: false },
+  {
+    value: 'veryLongValue',
+    displayText:
+      'Very_long-text_that-will_overflow_the_sidebar_if_not-handled-correctly',
+    count: 525600,
+    isSelected: false,
+  },
+  {
+    value: 'veryLongValue2',
+    displayText:
+      'string_with_underscores_that_will_overflow_if_not_handled_correctly',
+    count: 42,
+    isSelected: false,
+  },
+  {
+    value: 'veryLongValue3',
+    displayText:
+      'a-long-string-with-hyphens-that-will-overflow-if-not-handled-correctly',
+    count: 75,
+    isSelected: false,
+  },
   { value: 'value1', displayText: 'value1', count: 10, isSelected: false },
   { value: 'value2', displayText: 'value2', count: 9, isSelected: false },
   { value: 'value3', displayText: 'value3', count: 8, isSelected: false },