address pr review

e2e/tests/functional/plugins/imagery/exampleImagery.e2e.spec.js

@@ -239,6 +239,10 @@ test.describe('Example Imagery Object', () => {
     await expect(page.getByText('Driving')).toBeHidden();
     await expect(page.getByText('Science')).toBeHidden();
 
+    test.info().annotations.push({
+      type: 'issue',
+      description: 'https://github.com/nasa/openmct/issues/7083'
+    });
     // click on annotation again and expect tags to appear
     await page.mouse.click(canvasCenterX - 50, canvasCenterY - 50);
     await expect(page.getByText('Driving')).toBeVisible();

src/plugins/imagery/components/AnnotationsCanvas.vue

@@ -78,20 +78,9 @@ export default {
           )?.rectangle;
           const annotationRectangleForPixelDepth =
             this.transformRectangleToPixelDense(annotationRectangle);
-          let { x, y, width, height } = annotationRectangleForPixelDepth;
-          let x2 = x + width;
-          let y2 = y + height;
-
-          // if height or width are negative, we need to adjust the x and y
-          if (width < 0) {
-            x2 = x;
-            x = x + width;
-          }
-          if (height < 0) {
-            y2 = y;
-            y = y + height;
-          }
-
+          const { x, y, x2, y2 } = this.transformAnnotationRectangleToFlatbushRectangle(
+            annotationRectangleForPixelDepth
+          );
           const indexNumber = builtAnnotationsIndex.add(x, y, x2, y2);
           this.indexToAnnotationMap[indexNumber] = annotation;
         });
@@ -133,6 +122,23 @@ export default {
       this.selectedAnnotations = annotations;
       this.$emit('annotations-changed', annotations);
     },
+    transformAnnotationRectangleToFlatbushRectangle(annotationRectangle) {
+      let { x, y, width, height } = annotationRectangle;
+      let x2 = x + width;
+      let y2 = y + height;
+
+      // if height or width are negative, we need to adjust the x and y
+      if (width < 0) {
+        x2 = x;
+        x = x + width;
+      }
+      if (height < 0) {
+        y2 = y;
+        y = y + height;
+      }
+
+      return { x, y, x2, y2 };
+    },
     updateSelection(selection) {
       const selectionContext = selection?.[0]?.[0]?.context?.item;
       const selectionType = selection?.[0]?.[0]?.context?.type;