From 40fb51fa3970e4a9c311af3c97908003961090ce Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 12 Mar 2024 16:45:49 +0100
Subject: [PATCH] Fix test for assignment highlights

---
 .../e2e/frontend/modules/highlights.cy.ts     | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/client/cypress/e2e/frontend/modules/highlights.cy.ts b/client/cypress/e2e/frontend/modules/highlights.cy.ts
index 5bb4a697..ca5778cc 100644
--- a/client/cypress/e2e/frontend/modules/highlights.cy.ts
+++ b/client/cypress/e2e/frontend/modules/highlights.cy.ts
@@ -555,7 +555,7 @@ describe('Highlights', () => {
     cy.getByDataCy('highlight-popover').should('not.exist');
   });
 
-  describe.skip('with paragraphs and lists', () => {
+  describe('with paragraphs and lists', () => {
     beforeEach(() => {
       const contents = [
         {
@@ -596,8 +596,12 @@ describe('Highlights', () => {
             assignment: {
               id: 'QXNzaWdubWVudE5vZGU6Mzk=',
               title: 'A LF1 A13: Ziele und Vorhaben',
-              assignment:
-                '<p data-block-key="6fgwz">Ihr Produkt und Ihre Erkenntnisse aus dem folgenden Lernauftrag können Sie in Ihr persönliches Portfolio aufnehmen.</p><p data-block-key="1l7np">Notieren Sie Ihre Ziele und Vorhaben für Ihre berufliche und private Zukunft. Gestalten Sie anschliessend ein Vision Board als Plakat oder in digitaler Form.</p><p data-block-key="a0fqk">Zusätzliche Möglichkeit: Sie wählen Ziele und Vorhaben für ein gesellschaftliches Thema wie zum Beispiel Zusammenleben, Weltfrieden, Naturschutz usw.</p><p data-block-key="6kj6a">Hinweis: Im Internet finden Sie zahlreiche Anleitungen zum Erstellen eines Vision Boards. Lassen Sie sich dadurch inspirieren, doch verwenden Sie keine Vorlagen. Vertrauen Sie auf Ihre eigene Kreativität und kreieren Sie Ihr ganz persönliches Vision Board.</p>',
+              assignment: `<p data-block-key="6fgwz">Ihr Produkt und Ihre Erkenntnisse aus dem folgenden Lernauftrag können Sie in Ihr persönliches Portfolio aufnehmen.</p><p data-block-key="1l7np">Notieren Sie Ihre Ziele und Vorhaben für Ihre berufliche und private Zukunft. Gestalten Sie anschliessend ein Vision Board als Plakat oder in digitaler Form.</p>
+<ul>
+<li>Ein ListItem</li>
+<li>Noch eins</li>
+</ul>
+<p data-block-key="a0fqk">Zusätzliche Möglichkeit: Sie wählen Ziele und Vorhaben für ein gesellschaftliches Thema wie zum Beispiel Zusammenleben, Weltfrieden, Naturschutz usw.</p><p data-block-key="6kj6a">Hinweis: Im Internet finden Sie zahlreiche Anleitungen zum Erstellen eines Vision Boards. Lassen Sie sich dadurch inspirieren, doch verwenden Sie keine Vorlagen. Vertrauen Sie auf Ihre eigene Kreativität und kreieren Sie Ihr ganz persönliches Vision Board.</p>`,
               solution: null,
             },
           },
@@ -610,30 +614,32 @@ describe('Highlights', () => {
     });
     it('highlights a paragraph', () => {
       markText('assignment-main-text');
-      const highlightedText = 'rst, there';
+      const highlightedText = 'r Produkt';
       createHighlight(highlightedText, true);
       updateHighlight(highlightedText);
       addNote();
       deleteHighlight();
     });
     it('highlights a list item', () => {
+      cy.getByDataCy('assignment-main-text').should('contain.text', 'Ihr Produkt');
       markText('assignment-main-text', 'li');
-      const highlightedText = 'en, there';
+      const highlightedText = 'n ListItem';
       createHighlight(highlightedText, true);
       updateHighlight(highlightedText);
       addNote();
       deleteHighlight();
     });
-    it('highlights a paragraph and a list item', () => {
-      const highlightedText = 'rst, there';
+    // todo: this test does not handle the cache update correctly when having 2 highlights. This is a test problem, not a code problem
+    it.skip('highlights a paragraph and a list item', () => {
+      const highlightedText = 'r Produkt';
       markText('assignment-main-text', 'p');
       createHighlight(highlightedText, true);
 
       // click outside the created components to make them disappear
       cy.getByDataCy('module-title').click();
 
-      const secondHighlightedText = 'en, there';
-      markText('text-block', 'li');
+      const secondHighlightedText = 'n ListItem';
+      markText('assignment-main-text', 'li');
       createHighlight(secondHighlightedText, true, 2);
       updateHighlight(secondHighlightedText);
       addNote();