Add pod creation integration test (#449)

dashboard/client/components/dock/dock.tsx

@@ -119,12 +119,12 @@ export class Dock extends React.Component<Props> {
           />
           <div className="toolbar flex gaps align-center box grow">
             <div className="dock-menu box grow">
-              <MenuActions usePortal triggerIcon={{ material: "add", tooltip: <Trans>New tab</Trans> }} closeOnScroll={false}>
-                <MenuItem onClick={() => createTerminalTab()}>
+              <MenuActions usePortal triggerIcon={{ material: "add", className: "new-dock-tab", tooltip: <Trans>New tab</Trans> }} closeOnScroll={false}>
+                <MenuItem className="create-terminal-tab" onClick={() => createTerminalTab()}>
                   <Icon small svg="terminal" size={15}/>
                   <Trans>Terminal session</Trans>
                 </MenuItem>
-                <MenuItem onClick={() => createResourceTab()}>
+                <MenuItem className="create-resource-tab" onClick={() => createResourceTab()}>
                   <Icon small material="create"/>
                   <Trans>Create resource</Trans>
                 </MenuItem>

dashboard/client/components/layout/sidebar.tsx

@@ -226,7 +226,7 @@ class SidebarNavItem extends React.Component<SidebarNavItemProps> {
   }
 
   render() {
-    const { isHidden, subMenus = [], icon, text, url, children, className } = this.props;
+    const { id, isHidden, subMenus = [], icon, text, url, children, className } = this.props;
     if (isHidden) {
       return null;
     }
@@ -234,7 +234,7 @@ class SidebarNavItem extends React.Component<SidebarNavItemProps> {
     if (extendedView) {
       const isActive = this.isActive();
       return (
-        <div className={cssNames("SidebarNavItem", className)}>
+        <div id={id} className={cssNames("SidebarNavItem", className)}>
           <div className={cssNames("nav-item", { active: isActive })} onClick={this.toggleSubMenu}>
             {icon}
             <span className="link-text">{text}</span>