Merge pull request #34 from BlackBeltTechnology/feature/JNG-4654_add_…

…more_ids_for_react_apps JNG-4654 Add ids for React app
BlackBeltTechnology · Mar 21, 2023 · 2376f79 · 2376f79
2 parents 7875c83 + 61f7286
commit 2376f79
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/judo-ui-react/src/main/resources/actor/src/components/Logo.tsx.hbs b/judo-ui-react/src/main/resources/actor/src/components/Logo.tsx.hbs
@@ -33,7 +33,7 @@ export function Logo(props: LogoProps) {
       />
       <div style={ { width: '100%', margin: '16px 0 0', textAlign: 'center' } }>
         {{# unless (otherApplicationsAvailable application applications) }}
-          <Typography sx={ { fontWeight: 'bold' } }>{ t('applications.{{ application.actor.simpleName }}', { defaultValue: '{{ application.actor.simpleName }}' }) as string }</Typography>
+          <Typography id="application-name" sx={ { fontWeight: 'bold' } }>{ t('applications.{{ application.actor.simpleName }}', { defaultValue: '{{ application.actor.simpleName }}' }) as string }</Typography>
         {{ else }}
           <ApplicationSelector />
         {{/ unless }}

diff --git a/judo-ui-react/src/main/resources/actor/src/layout/Layout.tsx.hbs b/judo-ui-react/src/main/resources/actor/src/layout/Layout.tsx.hbs
@@ -52,7 +52,7 @@ export function Layout({ items, drawerWidth, hero, logo }: LayoutProps) {
           sx={ { display: { sm: 'block', xs: 'none' } } }
         />
       </Box>
-      <Box sx={ { flex: 1, display: 'flex', flexDirection: 'column' } }>
+      <Box id="page-layout-container" sx={ { flex: 1, display: 'flex', flexDirection: 'column' } }>
         <Header onDrawerToggle={handleDrawerToggle} />
         <Outlet />
         <Box component="footer" sx={ { p: 2 } }>

diff --git a/judo-ui-react/src/main/resources/actor/src/layout/Navigator.tsx.hbs b/judo-ui-react/src/main/resources/actor/src/layout/Navigator.tsx.hbs
@@ -67,7 +67,7 @@ export function Navigator(props: DrawerProps & NavigatorProps) {
         <Hero {...heroProps} />
       {{/ if }}
       <Divider variant="middle" />
-      <List component="nav">
+      <List id="application-navigator" component="nav">
         {items.map(item => item.items && item.items.length ? <List component="nav" key={item.label} subheader={
           <ListSubheader component="div" id="nested-list-subheader">
             {t(`menuTree.${item.label}`, { defaultValue: item.label })}