TEST: Delete a picture from a document (see #187).

Co-authored-by: lucas-rubagotti <[email protected]>

Author: 2 people

frontend/scenarios/delete_image_in_document.feature

@@ -6,7 +6,6 @@ Fonctionnalité: Supprimer à l'intérieur d'un document une image
 
     Soit le document contenant l'image "graphique" affiché comme document principal
     Et une session active avec mon compte
-    Et une glose qui contient l'image "<IMAGE DESCRIPTION>"
     Quand j'essaie de supprimer l'image "<IMAGE DESCRIPTION>"
     Alors je ne vois plus l'image "<IMAGE DESCRIPTION>" dans la glose
     Et je vois l'image "graphique" dans la glose

frontend/tests/context.js

@@ -114,26 +114,32 @@ Soit("le document contenant l'image {string} affiché comme document principal",
     force: true,
   })
 
-  cy.get('img[alt="<IMAGE DESCRIPTION>"]',{ timeout: 10000 }) 
-  .should('be.visible')
+  cy.get('img[alt="<IMAGE DESCRIPTION>"]') 
+  .should('not.be.visible')
 
   cy.click_on_text('content');
-  cy.get('textarea') 
+  cy.get('textarea')
+      .should('be.visible') 
+      .should(($textarea) => {
+      expect($textarea.val().trim()).not.to.be.empty;
+    })
       .invoke('val')
       .then((text) => {
         const updatedText = text.replace(/\!\[.*?\]/, `![${alt}]`);
-        cy.get('textarea').clear().type(updatedText, { delay: 0 });
+        cy.get('textarea').clear().type(updatedText);
       });
-  cy.sign_out()
-});
-
-Soit("une glose qui contient l'image {string}", (altText) => {
+  cy.get('body').click(0, 0); 
+  
+  cy.get('img[alt="graphique"]') 
+  .should('be.visible')
 
   context = cy.get('.scholium').eq(1);
   cy.click_on_contextual_menu_item(context, 'Add a picture...');
   cy.get('[id="image-input"]').selectFile('../docs/architecture.png', {
     force: true,
   });
-
+  cy.get('img[alt="<IMAGE DESCRIPTION>"]') 
+  .should('be.visible')
+  cy.sign_out()
 });
 

frontend/tests/event.js

@@ -103,6 +103,9 @@ Quand("j'essaie de supprimer l'image {string}", (alt) => {
   cy.get(`img[alt="${alt}"]`).scrollIntoView().should('be.visible')
     .parents('figure')
     .find('.trash-overlay')
+    .then($el => {
+    $el[0].addEventListener('click', e => e.stopPropagation(), { once: true });
+  })
     .click({ force: true }); 
-  cy.contains('button', 'Supprimer').click()
+  cy.contains('button', 'Supprimer').click()  
 });

frontend/tests/outcome.js

@@ -13,7 +13,8 @@ Alors("je peux lire {string}", (text) => {
 });
 
 Alors("je vois l'image {string} dans la glose", (alternative_text) => {
-  cy.get('.row:not(.runningHead)>.scholium').should('have.descendants', `img[alt='${alternative_text}']`);
+  cy.get(`img[alt="${alternative_text}"]`)
+    .should('be.visible');
 });
 
 Alors("{string} est le document principal", (title) => {