You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi! We've created a Tabs component based verbatim on the TabList with Overflow example in the fluent docs. The problem we're facing is how to test it's actually overflowing as we'd expect.
I've created this test based on the doc example as an illustration. Even if we put in a long wait time in the test, it never overflows. The only way to trigger the overflow seems to be to explicitly trigger a rerender on the component. Then the overflow menu will appear.
Does anyone have an suggestions on a "natural" way to get the component to fully render? This only occurs on the tests - not in the actual usages (storybook/app).
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hi! We've created a Tabs component based verbatim on the TabList with Overflow example in the fluent docs. The problem we're facing is how to test it's actually overflowing as we'd expect.
I've created this test based on the doc example as an illustration. Even if we put in a long wait time in the test, it never overflows. The only way to trigger the overflow seems to be to explicitly trigger a rerender on the component. Then the overflow menu will appear.
Does anyone have an suggestions on a "natural" way to get the component to fully render? This only occurs on the tests - not in the actual usages (storybook/app).
Beta Was this translation helpful? Give feedback.
All reactions