[grid] Displaying test name when se:name is added

diemol · diemol · commit a6d74f9569b2 · 2022-01-12T14:27:59.000+01:00
Fixes SeleniumHQ/docker-selenium#1469
diff --git a/javascript/grid-ui/src/components/RunningSessions/RunningSessions.tsx b/javascript/grid-ui/src/components/RunningSessions/RunningSessions.tsx
@@ -449,28 +449,28 @@ class RunningSessions extends React.Component<RunningSessionsProps, RunningSessi
                                 (row.vnc as string).length > 0 &&
                                 this.displayLiveView(row.id as string)
                               }
-                              {row.id}
+                              {row.name}
                               {
                                 (row.vnc as string).length > 0 &&
                                 <Dialog
                                   onClose={this.handleLiveViewClose}
-                                  aria-labelledby='live-view-dialog'
+                                  aria-labelledby="live-view-dialog"
                                   open={rowLiveViewOpen === row.id}
                                   fullWidth={true}
                                   maxWidth={'xl'}
                                   fullScreen
                                   TransitionComponent={Transition}
                                 >
                                   <DialogTitle id='live-view-dialog'>
-                                    <Typography gutterBottom component='span'
+                                    <Typography gutterBottom component="span"
                                                 className={classes.textPadding}
                                     >
-                                      <Box fontWeight='fontWeightBold'
+                                      <Box fontWeight="fontWeightBold"
                                            mr={1}
-                                           display='inline'>
+                                           display="inline">
                                         Session
                                       </Box>
-                                      {row.name}
+                                      {row.name} - {row.id}
                                     </Typography>
                                     <OsLogo
                                       osName={row.platformName as string}/>
@@ -515,15 +515,15 @@ class RunningSessions extends React.Component<RunningSessionsProps, RunningSessi
                                 maxWidth={'md'}
                               >
                                 <DialogTitle id='session-info-dialog'>
-                                  <Typography gutterBottom component='span'
+                                  <Typography gutterBottom component="span"
                                               className={classes.textPadding}
                                   >
-                                    <Box fontWeight='fontWeightBold'
+                                    <Box fontWeight="fontWeightBold"
                                          mr={1}
-                                         display='inline'>
+                                         display="inline">
                                       Session
                                     </Box>
-                                    {row.name}
+                                    {row.name} - {row.id}
                                   </Typography>
                                   <OsLogo osName={row.platformName as string}/>
                                   <BrowserLogo
