diff --git a/workloads/ecommerce/components/product/product-gallery.tsx b/workloads/ecommerce/components/product/product-gallery.tsx
index e75689a..5a2702d 100644
--- a/workloads/ecommerce/components/product/product-gallery.tsx
+++ b/workloads/ecommerce/components/product/product-gallery.tsx
@@ -105,12 +105,14 @@ export function ProductGallery({ images, name }: { images: string[]; name: strin
               {hoverZoom && (
                 <div
                   aria-hidden
+                  data-testid="gallery-lens"
                   className="pointer-events-none absolute hidden border-2 border-white bg-white/25 shadow-lg lg:block"
                   style={{ left: hoverZoom.lensLeft, top: hoverZoom.lensTop, width: hoverZoom.lensSize, height: hoverZoom.lensSize }}
                 />
               )}
               <div
                 aria-hidden
+                data-testid="gallery-inplace-overlay"
                 className="pointer-events-none absolute inset-0 bg-slate-50 transition-opacity duration-150 ease-out lg:hidden"
                 style={{
                   opacity: hoverZoom ? 1 : 0,
@@ -145,6 +147,7 @@ export function ProductGallery({ images, name }: { images: string[]; name: strin
         {hoverZoom && (
           <div
             aria-hidden
+            data-testid="gallery-zoom-panel"
             className="pointer-events-none absolute left-full top-0 z-30 ml-4 hidden aspect-square w-[26rem] max-w-[40vw] overflow-hidden rounded-[2rem] border border-slate-200 bg-white shadow-2xl lg:block"
             style={{
               backgroundImage: `url(${selected})`,