Fix flaky ingredient-row visibility in recipe-form.feature #1

New issue

Open

opened 2026-08-27 12:47:56 +02:00 by kyuno · 0 comments

kyuno commented

2026-08-27 12:47:56 +02:00

Owner

Erreur observée :
AssertionError: Timed out retrying after 4000ms: expected '<span.ingredient-row__name>' to be 'visible'
This element <span.ingredient-row__name> is not visible because its content is being clipped by one of its parent elements, which has a CSS property of overflow: hidden, scroll or auto

Reproduction : cd apps/web puis (PowerShell) :
$env:ELECTRON_EXTRA_LAUNCH_ARGS="--disable-gpu --disable-software-rasterizer --disable-gpu-compositing --no-sandbox"
npx cypress run --e2e --browser chrome --spec "cypress/e2e/recipe-form.feature"

Merci d'investiguer : soit un vrai bug de layout CSS (overflow clippant .ingredient-row__name dans le formulaire d'édition de recette), soit un souci de timing du test (l'élément apparaît après le timeout par défaut). Voir apps/web/cypress/e2e/recipe-form.feature et son step-definitions colocalisé pour le scénario exact, et le composant RecipeForm/ingredient-row

Le scénario Cypress "Preloads an existing recipe's ingredients when editing, and lets you add another" dans apps/web/cypress/e2e/recipe-form.feature échoue de façon reproductible (2 runs consécutifs, pas un flake ponctuel) sur la branche main actuelle, avant tout changement lié à la fonctionnalité de pagination/scroll infini des sources externes (aucun fichier touché par cette session n'a de rapport avec RecipeForm/ingredient-row). Erreur observée : AssertionError: Timed out retrying after 4000ms: expected '<span.ingredient-row__name>' to be 'visible' This element <span.ingredient-row__name> is not visible because its content is being clipped by one of its parent elements, which has a CSS property of overflow: hidden, scroll or auto Reproduction : cd apps/web puis (PowerShell) : $env:ELECTRON_EXTRA_LAUNCH_ARGS="--disable-gpu --disable-software-rasterizer --disable-gpu-compositing --no-sandbox" npx cypress run --e2e --browser chrome --spec "cypress/e2e/recipe-form.feature" Merci d'investiguer : soit un vrai bug de layout CSS (overflow clippant .ingredient-row__name dans le formulaire d'édition de recette), soit un souci de timing du test (l'élément apparaît après le timeout par défaut). Voir apps/web/cypress/e2e/recipe-form.feature et son step-definitions colocalisé pour le scénario exact, et le composant RecipeForm/ingredient-row

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: kyuno/batchCooking#1

No description provided.