From f1751b6f82ed8d9d9712526994605cd1a4f2286e Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Sat, 6 Jun 2026 22:58:25 +0300
Subject: [PATCH] test testimonial entry direction

---
 frontend/rabbi_gerzi/cypress/e2e/home.cy.ts | 50 +++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/frontend/rabbi_gerzi/cypress/e2e/home.cy.ts b/frontend/rabbi_gerzi/cypress/e2e/home.cy.ts
index a9ab336..6f529ee 100644
--- a/frontend/rabbi_gerzi/cypress/e2e/home.cy.ts
+++ b/frontend/rabbi_gerzi/cypress/e2e/home.cy.ts
@@ -285,6 +285,56 @@ describe('homepage testimonials carousel', () => {
     })
   })
 
+  it('brings entering side previews in from the clicked direction', () => {
+    const transitionSampleDelay = 100
+    const transitionSettleDelay = 1100
+
+    cy.viewport(1200, 800)
+    cy.get('[data-cy="testimonials"]').within(() => {
+      cy.get('[data-cy="testimonial-prev"]').click()
+      cy.get('[data-cy="testimonial-previous-preview"]').as(
+        'enteringPreviousPreview',
+      )
+    })
+
+    cy.wait(transitionSampleDelay)
+    cy.get('@enteringPreviousPreview').then((previousPreviewElements) => {
+      const earlyPreviousLeft =
+        previousPreviewElements[0].getBoundingClientRect().left
+
+      cy.wait(transitionSettleDelay)
+      cy.get('@enteringPreviousPreview').then((finalPreviewElements) => {
+        const finalPreviousLeft =
+          finalPreviewElements[0].getBoundingClientRect().left
+
+        expect(earlyPreviousLeft).to.be.lessThan(finalPreviousLeft)
+      })
+    })
+
+    cy.visit('/')
+    cy.viewport(1200, 800)
+    cy.get('[data-cy="testimonials"]').within(() => {
+      cy.get('[data-cy="testimonial-next"]').click()
+      cy.get('[data-cy="testimonial-next-preview"]').as(
+        'enteringNextPreview',
+      )
+    })
+
+    cy.wait(transitionSampleDelay)
+    cy.get('@enteringNextPreview').then((nextPreviewElements) => {
+      const earlyNextLeft =
+        nextPreviewElements[0].getBoundingClientRect().left
+
+      cy.wait(transitionSettleDelay)
+      cy.get('@enteringNextPreview').then((finalPreviewElements) => {
+        const finalNextLeft =
+          finalPreviewElements[0].getBoundingClientRect().left
+
+        expect(earlyNextLeft).to.be.greaterThan(finalNextLeft)
+      })
+    })
+  })
+
   it('hides side previews on narrow screens', () => {
     cy.viewport(390, 800)
     cy.get('[data-cy="testimonials"]').within(() => {