diff --git a/app/components/malio/tab/TabList.test.ts b/app/components/malio/tab/TabList.test.ts index 12a90c0..a81026f 100644 --- a/app/components/malio/tab/TabList.test.ts +++ b/app/components/malio/tab/TabList.test.ts @@ -16,6 +16,7 @@ type TabListProps = { modelValue?: string id?: string maxVisibleTabs?: number + maxWidth?: number } const TabListForTest = TabList as DefineComponent @@ -198,6 +199,16 @@ describe('MalioTabList — fenêtrage maxVisibleTabs', () => { {key: 't7', label: 'Tab 7'}, ] + it('applies the default maxWidth (1100px) on the tabs container when windowed', () => { + const wrapper = mountComponent({tabs: sevenTabs, maxVisibleTabs: 5}) + expect(wrapper.find('[role="tablist"]').attributes('style')).toContain('max-width: 1100px') + }) + + it('applies a custom maxWidth on the tabs container', () => { + const wrapper = mountComponent({tabs: sevenTabs, maxVisibleTabs: 5, maxWidth: 1200}) + expect(wrapper.find('[role="tablist"]').attributes('style')).toContain('max-width: 1200px') + }) + it('renders only maxVisibleTabs buttons and disables prev at start', () => { const wrapper = mountComponent({tabs: sevenTabs, maxVisibleTabs: 5}) const buttons = wrapper.findAll('[role="tab"]') diff --git a/app/components/malio/tab/TabList.vue b/app/components/malio/tab/TabList.vue index 46efbda..76adde3 100644 --- a/app/components/malio/tab/TabList.vue +++ b/app/components/malio/tab/TabList.vue @@ -17,7 +17,8 @@