Add workbench interaction smoke anchors

frontend/src/components/project/AreaPanel.tsx

@@ -31,7 +31,7 @@ export function AreaPanel({
   onSelectMapArea,
 }: AreaPanelProps): JSX.Element {
   return (
-    <section>
+    <section data-testid="area-panel">
       <h2>Area manager</h2>
       <p>{selectedProject ? `Selected project: ${selectedProject.name}` : 'Select a project first'}</p>
 
@@ -63,7 +63,12 @@ export function AreaPanel({
           <li key={area.id}>
             <strong>{area.name}</strong> - {area.area_m2 ? `${area.area_m2.toFixed(2)} m2` : 'n/a'}
             <div>geometry: {area.geometry?.type ?? area.geometry_type ?? 'n/a'}</div>
-            <button type="button" onClick={() => onSelectMapArea(area.id)} disabled={!area.geometry}>
+            <button
+              type="button"
+              onClick={() => onSelectMapArea(area.id)}
+              disabled={!area.geometry}
+              data-testid={`area-show-${area.id}`}
+            >
               {selectedMapAreaId === area.id ? 'Shown on map' : 'Show on map'}
             </button>
           </li>

frontend/src/components/project/ProjectPanel.tsx

@@ -27,7 +27,7 @@ export function ProjectPanel({
   onLoadDemoWorkflow,
 }: ProjectPanelProps): JSX.Element {
   return (
-    <section>
+    <section data-testid="project-panel">
       <h2>Projects</h2>
       {loadingProjects ? <p>Loading projects...</p> : null}
 
@@ -51,7 +51,7 @@ export function ProjectPanel({
       </form>
 
       <div className="demo-actions">
-        <button type="button" onClick={onLoadDemoWorkflow} disabled={loadingDemoWorkflow}>
+        <button type="button" onClick={onLoadDemoWorkflow} disabled={loadingDemoWorkflow} data-testid="load-demo-workflow">
           {loadingDemoWorkflow ? 'Loading demo...' : 'Load demo workflow'}
         </button>
         {demoWorkflowMessage ? <p>{demoWorkflowMessage}</p> : null}
@@ -64,6 +64,7 @@ export function ProjectPanel({
               type="button"
               onClick={() => onSelectProject(project.id)}
               aria-pressed={project.id === selectedProjectId}
+              data-testid={`project-select-${project.id}`}
             >
               {project.name}
             </button>