Initial e2e test setup

src/dashboardWebView/components/Steps/StepsToGetStarted.tsx

@@ -63,12 +63,14 @@ export const StepsToGetStarted: React.FunctionComponent<IStepsToGetStartedProps>
 
   const steps = [
     { 
+      id: `welcome-init`,
       name: 'Initialize project', 
       description: <>Initialize the project with a template folder and sample markdown file. The template folder can be used to define your own templates. <b>Start by clicking on this action</b>.</>,
       status: settings.initialized ? Status.Completed : Status.NotStarted,
       onClick: settings.initialized ? undefined : () => { Messenger.send(DashboardMessage.initializeProject); }  
     },
     { 
+      id: `welcome-framework`,
       name: 'Framework presets', 
       description: (
         <div>
@@ -112,6 +114,7 @@ export const StepsToGetStarted: React.FunctionComponent<IStepsToGetStartedProps>
       onClick: undefined 
     },
     {
+      id: `welcome-content-folders`,
       name: 'Register content folder(s)',
       description: (
         <>          
@@ -143,12 +146,14 @@ export const StepsToGetStarted: React.FunctionComponent<IStepsToGetStartedProps>
       status: settings.contentFolders && settings.contentFolders.length > 0 ? Status.Completed : Status.NotStarted
     },
     { 
+      id: `welcome-import`,
       name: 'Import all tags and categories (optional)', 
       description: <>Now that Front Matter knows all the content folders. Would you like to import all tags and categories from the available content?</>,
       status: taxImported ? Status.Completed : Status.NotStarted,
       onClick: settings.contentFolders && settings.contentFolders.length > 0 ? importTaxonomy : undefined  
     },
     {
+      id: `welcome-show-dashboard`,
       name: 'Show the dashboard',
       description: <>Once all actions are completed, the dashboard can be loaded.</>,
       status: (settings.initialized && settings.contentFolders && settings.contentFolders.length > 0) ? Status.Active : Status.NotStarted,
@@ -166,7 +171,7 @@ export const StepsToGetStarted: React.FunctionComponent<IStepsToGetStartedProps>
     <nav aria-label="Progress">
       <ol role="list">
         {steps.map((step, stepIdx) => (
-          <li key={step.name} className={`${stepIdx !== steps.length - 1 ? 'pb-10' : ''} relative`}>
+          <li key={step.id} className={`${stepIdx !== steps.length - 1 ? 'pb-10' : ''} relative`} data-test={step.id}>
             <Step name={step.name} description={step.description} status={step.status} showLine={stepIdx !== steps.length - 1} onClick={step.onClick} />
           </li>
         ))}