From ab451ef2274fc5ea56124d4f08870d0f3990a832 Mon Sep 17 00:00:00 2001
From: Alex Rybchenko <arybchenko@box.com>
Date: Wed, 27 Oct 2021 15:20:48 +0200
Subject: [PATCH] updated RoutedTabs.test

Signed-off-by: Alex Rybchenko <arybchenko@box.com>
---
 .../components/TabbedLayout/RoutedTabs.test.tsx   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/core-components/src/components/TabbedLayout/RoutedTabs.test.tsx b/packages/core-components/src/components/TabbedLayout/RoutedTabs.test.tsx
index 9b33304a95..bbd48c127c 100644
--- a/packages/core-components/src/components/TabbedLayout/RoutedTabs.test.tsx
+++ b/packages/core-components/src/components/TabbedLayout/RoutedTabs.test.tsx
@@ -31,6 +31,12 @@ const testRoute2 = {
   children: <div>tabbed-test-content-2</div>,
 };
 
+const testRoute3 = {
+  title: 'tabbed-test-title-3',
+  path: '/some-other-path-similar',
+  children: <div>tabbed-test-content-3</div>,
+};
+
 describe('RoutedTabs', () => {
   it('renders simplest case', async () => {
     const rendered = await renderInTestApp(
@@ -46,7 +52,7 @@ describe('RoutedTabs', () => {
       <Routes>
         <Route
           path="/*"
-          element={<RoutedTabs routes={[testRoute1, testRoute2]} />}
+          element={<RoutedTabs routes={[testRoute1, testRoute2, testRoute3]} />}
         />
       </Routes>,
     );
@@ -61,6 +67,13 @@ describe('RoutedTabs', () => {
 
     expect(rendered.getByText('tabbed-test-title-2')).toBeInTheDocument();
     expect(rendered.queryByText('tabbed-test-content-2')).toBeInTheDocument();
+
+    const thirdTab = rendered.queryAllByRole('tab')[2];
+    act(() => {
+      fireEvent.click(thirdTab);
+    });
+    expect(rendered.getByText('tabbed-test-title-3')).toBeInTheDocument();
+    expect(rendered.queryByText('tabbed-test-content-3')).toBeInTheDocument();
   });
 
   describe('correctly delegates nested links', () => {