From 443b7d532629edfdb7130530187c51ac238edfa1 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Thu, 9 Sep 2021 16:19:40 +0300
Subject: [PATCH] Fixing integration tests

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 integration/__tests__/cluster-pages.tests.ts | 2 +-
 integration/helpers/utils.ts                 | 2 +-
 src/renderer/components/layout/sidebar.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/integration/__tests__/cluster-pages.tests.ts b/integration/__tests__/cluster-pages.tests.ts
index 8dae67dcaf..be032afab3 100644
--- a/integration/__tests__/cluster-pages.tests.ts
+++ b/integration/__tests__/cluster-pages.tests.ts
@@ -36,7 +36,7 @@ function getSidebarSelectors(itemId: string) {
 
   return {
     expandSubMenu: `${root} .nav-item`,
-    subMenuLink: (href: string) => `.Sidebar .sub-menu a[href^="/${href}"]`,
+    subMenuLink: (href: string) => `[data-testid=cluster-sidebar] .sub-menu a[href^="/${href}"]`,
   };
 }
 
diff --git a/integration/helpers/utils.ts b/integration/helpers/utils.ts
index f0e82809fb..f9a10e1d4d 100644
--- a/integration/helpers/utils.ts
+++ b/integration/helpers/utils.ts
@@ -113,7 +113,7 @@ export async function lauchMinikubeClusterFromCatalog(window: Page): Promise<Fra
 
   const frame = await minikubeFrame.contentFrame();
 
-  await frame.waitForSelector("div.Sidebar");
+  await frame.waitForSelector("[data-testid=cluster-sidebar]");
 
   return frame;
 }
diff --git a/src/renderer/components/layout/sidebar.tsx b/src/renderer/components/layout/sidebar.tsx
index 832e4e7067..92dd03f311 100644
--- a/src/renderer/components/layout/sidebar.tsx
+++ b/src/renderer/components/layout/sidebar.tsx
@@ -209,7 +209,7 @@ export class Sidebar extends React.Component<Props> {
     const { className } = this.props;
 
     return (
-      <div className={cssNames("flex flex-col", className)}>
+      <div className={cssNames("flex flex-col", className)} data-testid="cluster-sidebar">
         {this.renderCluster()}
         <div className={styles.sidebarNav}>
           <SidebarItem