devops/apps-registry
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test(ecommerce): data-testid en lupa/panel/overlay de la galería
Build and Push Frontend / Escaneo de Secretos (Gitleaks) (push) Successful in 23s
Details
Build and Push Frontend / Construir y Subir Imagen (push) Successful in 8m32s
Details

Browse Source 
Sin cambio de comportamiento -- solo hooks estables para la suite de
Playwright en .browser-scratch/checks.mjs (el selector genérico
div[aria-hidden] dejó de alcanzar para distinguir la lupa, el overlay
in-place y el panel lateral, que ahora coexisten en el DOM).

Co-Authored-By: Claude Sonnet 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_012Y4df3Z7odr9Cg8F2nw6uV
This commit is contained in:
devopsandClaude Sonnet 5 committed 2026-09-13 20:07:36 +00:00
1 parent c222a6fed6
commit 706732878f
1 file changed
+3
Download Patch File Download Diff File Expand all files Collapse all files
workloads/ecommerce/components/product/product-gallery.tsx
+3
View File
@@ -105,12 +105,14 @@ export function ProductGallery({ images, name }: { images: string[]; name: strin
{hoverZoom && ( {hoverZoom && (
<div <div
aria-hidden aria-hidden
data-testid="gallery-lens"
className="pointer-events-none absolute hidden border-2 border-white bg-white/25 shadow-lg lg:block" 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 }} style={{ left: hoverZoom.lensLeft, top: hoverZoom.lensTop, width: hoverZoom.lensSize, height: hoverZoom.lensSize }}
/> />
)} )}
<div <div
aria-hidden 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" className="pointer-events-none absolute inset-0 bg-slate-50 transition-opacity duration-150 ease-out lg:hidden"
style={{ style={{
opacity: hoverZoom ? 1 : 0, opacity: hoverZoom ? 1 : 0,
@@ -145,6 +147,7 @@ export function ProductGallery({ images, name }: { images: string[]; name: strin
{hoverZoom && ( {hoverZoom && (
<div <div
aria-hidden 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" 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={{ style={{
backgroundImage: `url(${selected})`, backgroundImage: `url(${selected})`,