We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 055d3f7 commit f3d8e5aCopy full SHA for f3d8e5a
1 file changed
packages/core/src/components/tabs.test.tsx
@@ -149,4 +149,22 @@ describe("Tabs", () => {
149
150
expect(screen.getByText("Content 2")).toBeDefined();
151
});
152
+
153
+ it("keeps panel in DOM when keepMounted is set", () => {
154
+ render(
155
+ <Tabs.Root defaultValue="tab1">
156
+ <Tabs.List>
157
+ <Tabs.Tab value="tab1">Tab 1</Tabs.Tab>
158
+ <Tabs.Tab value="tab2">Tab 2</Tabs.Tab>
159
+ </Tabs.List>
160
+ <Tabs.Panel value="tab1">Content 1</Tabs.Panel>
161
+ <Tabs.Panel value="tab2" keepMounted>
162
+ Content 2
163
+ </Tabs.Panel>
164
+ </Tabs.Root>,
165
+ );
166
167
+ // tab1 is active, but tab2's panel should remain in the DOM due to keepMounted
168
+ expect(screen.getByText("Content 2")).toBeDefined();
169
+ });
170
0 commit comments