From 718af15378818a8ab364a310ecbb30bbec8c878b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Doreau?= <remi.d45@gmail.com>
Date: Thu, 13 May 2021 18:43:59 +0200
Subject: [PATCH] feat(e2e): add data-testid values
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Rémi Doreau <remi.d45@gmail.com>
---
 .../core-components/src/layout/HeaderTabs/HeaderTabs.tsx  | 1 +
 plugins/techdocs/src/home/components/DocsCardGrid.tsx     | 1 +
 .../techdocs/src/home/components/TechDocsCustomHome.tsx   | 4 ++--
 .../src/components/General/UserSettingsMenu.tsx           | 8 ++++++--
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
index 46fe9f1569..be0857220d 100644
--- a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
+++ b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
@@ -84,6 +84,7 @@ export const HeaderTabs = ({
         {tabs.map((tab, index) => (
           <TabUI
             {...tab.tabProps}
+            data-testid={`header-tab-${index}`}
             label={tab.label}
             key={tab.id}
             value={index}
diff --git a/plugins/techdocs/src/home/components/DocsCardGrid.tsx b/plugins/techdocs/src/home/components/DocsCardGrid.tsx
index 500debaf2d..ab02976ff0 100644
--- a/plugins/techdocs/src/home/components/DocsCardGrid.tsx
+++ b/plugins/techdocs/src/home/components/DocsCardGrid.tsx
@@ -51,6 +51,7 @@ export const DocsCardGrid = ({
                     name: entity.metadata.name,
                   })}
                   color="primary"
+                  data-testid="read_docs"
                 >
                   Read Docs
                 </Button>
diff --git a/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx b/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx
index c5d05f1474..9ef9e54103 100644
--- a/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx
+++ b/plugins/techdocs/src/home/components/TechDocsCustomHome.tsx
@@ -108,7 +108,7 @@ const CustomPanel = ({
         ) : null}
       </ContentHeader>
       <div className={classes.panelContainer}>
-        <Panel entities={shownEntities} />
+        <Panel data-testid="techdocs-custom-panel" entities={shownEntities} />
       </div>
     </>
   );
@@ -183,7 +183,7 @@ export const TechDocsCustomHome = ({
           label,
         }))}
       />
-      <Content>
+      <Content data-testid="techdocs-content">
         {currentTabConfig.panels.map((config, index) => (
           <CustomPanel
             key={index}
diff --git a/plugins/user-settings/src/components/General/UserSettingsMenu.tsx b/plugins/user-settings/src/components/General/UserSettingsMenu.tsx
index d9fc3ea107..c93de9c636 100644
--- a/plugins/user-settings/src/components/General/UserSettingsMenu.tsx
+++ b/plugins/user-settings/src/components/General/UserSettingsMenu.tsx
@@ -39,11 +39,15 @@ export const UserSettingsMenu = () => {
 
   return (
     <>
-      <IconButton aria-label="more" onClick={handleOpen}>
+      <IconButton
+        data-testid="user-settings-menu"
+        aria-label="more"
+        onClick={handleOpen}
+      >
         <MoreVertIcon />
       </IconButton>
       <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>
-        <MenuItem onClick={() => identityApi.signOut()}>
+        <MenuItem data-testid="sign-out" onClick={() => identityApi.signOut()}>
           <ListItemIcon>
             <SignOutIcon />
           </ListItemIcon>