Fix most playwright tests

Author: jpggvilaca

web_ui/packages/smart-tools/src/edit-bounding-box/edit-bounding-box/edit-bounding-box.component.tsx

@@ -31,6 +31,8 @@ export const EditBoundingBox = ({
 }: EditBoundingBoxProps): JSX.Element => {
     const [shape, setShape] = useState(annotation.shape);
 
+    const ariaLabel = `${annotation.isSelected ? 'Selected' : 'Not selected'} shape ${annotation.id}`;
+
     useEffect(() => setShape(annotation.shape), [annotation.shape]);
 
     const onComplete = () => {
@@ -66,20 +68,23 @@ export const EditBoundingBox = ({
                     translateShape={translate}
                     onComplete={onComplete}
                 >
-                    <g id={`canvas-annotation-${annotation.id}`}>
+                    <g
+                        id={`canvas-annotation-${annotation.id}`}
+                        fill={annotation.color || '#0095ca'}
+                        fillOpacity='var(--annotation-fill-opacity, 0.2)'
+                        stroke={annotation.color || '#0095ca'}
+                        strokeWidth={2 / zoom}
+                        strokeOpacity='var(--annotation-border-opacity, 0.8)'
+                        strokeLinecap='round'
+                        strokeDasharray='0'
+                        strokeDashoffset='0'
+                    >
                         <rect
                             x={shape.x}
                             y={shape.y}
                             width={shape.width}
                             height={shape.height}
-                            fill={annotation.color || 'var(--intel-blue, #0068b5)'}
-                            fillOpacity='var(--annotation-fill-opacity, 0.2)'
-                            stroke={annotation.color || 'var(--intel-blue, #0068b5)'}
-                            strokeWidth={2 / zoom}
-                            strokeOpacity='var(--annotation-border-opacity, 0.8)'
-                            strokeLinecap='round'
-                            strokeDasharray='0'
-                            strokeDashoffset='0'
+                            aria-label={ariaLabel}
                         />
                     </g>
                 </TranslateShape>

web_ui/src/pages/annotator/tools/edit-tool/edit-circle/edit-circle.component.tsx

@@ -11,7 +11,6 @@ import { Annotation as AnnotationType, RegionOfInterest } from '../../../../../c
 import { Point } from '../../../../../core/annotations/shapes.interface';
 import { ShapeType } from '../../../../../core/annotations/shapetype.enum';
 import { Annotation } from '../../../annotation/annotation.component';
-import { Labels } from '../../../annotation/labels/labels.component';
 import { AnnotationToolContext } from '../../../core/annotation-tool-context.interface';
 import { useROI } from '../../../providers/region-of-interest-provider/region-of-interest-provider.component';
 import { useZoom } from '../../../zoom/zoom-provider.component';
@@ -135,8 +134,6 @@ export const EditCircle = ({
                 />
             </svg>
 
-            <Labels annotation={{ ...annotation, shape }} />
-
             {disablePoints === false ? (
                 <svg
                     id={`edit-circle-points-${annotation.id}`}

web_ui/src/pages/annotator/tools/edit-tool/edit-polygon/edit-polygon.component.tsx

@@ -8,7 +8,6 @@ import { Annotation as AnnotationType } from '../../../../../core/annotations/an
 import { Polygon } from '../../../../../core/annotations/shapes.interface';
 import { ShapeType } from '../../../../../core/annotations/shapetype.enum';
 import { Annotation } from '../../../annotation/annotation.component';
-import { Labels } from '../../../annotation/labels/labels.component';
 import { AnnotationScene } from '../../../core/annotation-scene.interface';
 import { AnnotationToolContext, ToolType } from '../../../core/annotation-tool-context.interface';
 import { useROI } from '../../../providers/region-of-interest-provider/region-of-interest-provider.component';
@@ -128,8 +127,6 @@ export const EditPolygon = ({
                 </TranslateShape>
             </svg>
 
-            {shape.points.length > 0 && !isBrushSubTool && <Labels annotation={{ ...annotation, shape }} />}
-
             {disablePoints === false && !isBrushSubTool ? (
                 <svg
                     id={`edit-polygon-points-${annotation.id}`}