Escape html tags in object title

puzzle · Apr 12, 2024 · 58ff7c7 · 58ff7c7
1 parent 4683850
commit 58ff7c7
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/frontend/cypress/e2e/diagram.cy.ts b/frontend/cypress/e2e/diagram.cy.ts
@@ -64,6 +64,8 @@ describe('OKR diagram e2e tests', () => {
       cy.focused().realPress('ArrowDown');
 
       cy.getByTestId('quarterFilter').should('contain', 'GJ 23/24-Q4');
+      cy.get('canvas').should('have.length', 3);
+
       cy.getByTestId('overviewTab').first().click();
 
       cy.get('mat-chip:visible:contains("/BBT")').should('have.css', 'background-color').and('eq', 'rgb(30, 90, 150)');

diff --git a/frontend/src/app/diagram/diagram.component.spec.ts b/frontend/src/app/diagram/diagram.component.spec.ts
@@ -142,10 +142,10 @@ describe('DiagramComponent', () => {
 
   it('should replace correct non ascii characters', () => {
     let specialText: string =
-      'Die klügsten Schafe springen über den Zaun und rechnen 2², während die ängstlichen Mäuse sich in ihren Löchern verkriechen und das Gemüß folgend rechnen 3³. Östlich befindet sich Ägypten mit einem Überfluss an Sand.';
+      'Die klügsten Schafe springen über den Zaun und rechnen 2², während die ängstlichen Mäuse sich in ihren Löchern verkriechen und das Gemüß folgend rechnen 3³. Östlich befindet sich Ägypten mit einem Überfluss an Sand. </svg> " test';
 
     let correctedText: string =
-      'Die kluegsten Schafe springen ueber den Zaun und rechnen 2^2, waehrend die aengstlichen Maeuse sich in ihren Loechern verkriechen und das Gemuess folgend rechnen 3^3. Oestlich befindet sich Aegypten mit einem Ueberfluss an Sand.';
+      'Die kluegsten Schafe springen ueber den Zaun und rechnen 2^2, waehrend die aengstlichen Maeuse sich in ihren Loechern verkriechen und das Gemuess folgend rechnen 3^3. Oestlich befindet sich Aegypten mit einem Ueberfluss an Sand. &lt;/svg&gt; &quot; test';
 
     expect(component.replaceNonAsciiCharacters(specialText)).toEqual(correctedText);
   });

diff --git a/frontend/src/app/diagram/diagram.component.ts b/frontend/src/app/diagram/diagram.component.ts
@@ -247,6 +247,12 @@ export class DiagramComponent implements AfterViewInit, OnDestroy {
     text = text.replace(/\u00df/g, 'ss');
     text = text.replace(/\u00B2/g, '^2');
     text = text.replace(/\u00B3/g, '^3');
+    text = text.replace(/&/g, '&amp;');
+    text = text.replace(/</g, '&lt;');
+    text = text.replace(/>/g, '&gt;');
+    text = text.replace(/'/g, '&#039;');
+    text = text.replace(/"/g, '&quot;');
+
     return text;
   }