From 58ff7c7e4add4141cc16d501ec963a43c1edd916 Mon Sep 17 00:00:00 2001 From: Lias Kleisa Date: Fri, 12 Apr 2024 08:05:21 +0200 Subject: [PATCH] Escape html tags in object title --- frontend/cypress/e2e/diagram.cy.ts | 2 ++ frontend/src/app/diagram/diagram.component.spec.ts | 4 ++-- frontend/src/app/diagram/diagram.component.ts | 6 ++++++ 3 files changed, 10 insertions(+), 2 deletions(-) diff --git a/frontend/cypress/e2e/diagram.cy.ts b/frontend/cypress/e2e/diagram.cy.ts index 4f6049fbe4..dbc62c9414 100644 --- 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 index a877edea1d..f2f11b0f85 100644 --- 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. " 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. </svg> " 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 index b0a2f332fd..ab2bebe20f 100644 --- 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, '&'); + text = text.replace(//g, '>'); + text = text.replace(/'/g, '''); + text = text.replace(/"/g, '"'); + return text; }