test: add import and export flow tests

packages/web/src/components/FlowStep/index.jsx

@@ -265,6 +265,7 @@ function FlowStep(props) {
             </Typography>
 
             <EditableTypography
+              data-test="step-name"
               variant="body2"
               onConfirm={handleStepNameChange}
               prefixValue={`${step.position}. `}

packages/web/src/components/ImportFlowDialog/index.jsx

@@ -93,12 +93,14 @@ function ImportFlowDialog(props) {
           </FileUploadInput>
 
           {selectedFile && (
-            <Box overflow="hidden">
+            <Box data-test="file-name-wrapper" overflow="hidden">
               <Typography>
                 {formatMessage('importFlowDialog.selectedFileInformation')}
               </Typography>
               <Tooltip title={selectedFile.name}>
-                <Typography noWrap>{selectedFile.name}</Typography>
+                <Typography data-test="file-name" noWrap>
+                  {selectedFile.name}
+                </Typography>
               </Tooltip>
             </Box>
           )}