OZG-6305 add test to enter title and message

alfa-client/apps/alfa-e2e/src/components/vorgang/vorgang-zusammenarbeit.e2e.component.ts

@@ -4,7 +4,7 @@ export class VorgangZusammenarbeitE2EComponent {
   private readonly anfrageButton: string = 'anfrage-erstellen-button';
   private readonly zustaendigeStelleButton: string = 'organisations-einheit-search-button';
   private readonly titelText: string = 'Titel-text-input';
-  private readonly nachrichtText: string = 'Nachricht-textarea';
+  private readonly messageText: string = 'Nachricht-textarea';
   private readonly sendButton: string = 'collaboration-request-send-button';
   private readonly cancelButton: string = 'collaboration-request-cancel-button';
 
@@ -32,12 +32,21 @@ export class VorgangZusammenarbeitE2EComponent {
     enterWith(this.getStelleTitel(), text);
   }
 
-  public getStelleNachricht(): Cypress.Chainable<JQuery<HTMLElement>> {
-    return cy.getTestElement(this.nachrichtText);
+  public getMessageText(): Cypress.Chainable<JQuery<HTMLElement>> {
+    return cy.getTestElement(this.messageText);
   }
 
-  public enterNachricht(text: string): void {
-    enterWith(this.getStelleNachricht(), text);
+  public enterMessage(text: string): void {
+    enterWith(this.getMessageText(), text);
+  }
+
+  public messageScrollbarIsPresent(): void {
+    this.getMessageText().then(($textarea) => {
+      const scrollHeight = $textarea[0].scrollHeight;
+      const clientHeight = $textarea[0].clientHeight;
+
+      expect(scrollHeight).to.be.greaterThan(clientHeight);
+    });
   }
 
   public getSendButton(): Cypress.Chainable<JQuery<HTMLElement>> {

alfa-client/apps/alfa-e2e/src/e2e/main-tests/vorgang-zusammenarbeit/vorgang-zusammenarbeit-anfragen.cy.ts

@@ -27,6 +27,10 @@ describe('Vorgang Zusammenarbeit anfragen', () => {
     status: VorgangStatusE2E.IN_BEARBEITUNG,
   };
 
+  const titleText: string = 'Dies ist ein Test-Titel !"§$%&';
+  const messageText: string =
+    'Sehr geehrter Tester\n\n Dies ist ein !"§$%& Test\n zum Testen der Nachricht.\n\n\n\nhier sollte eine \nScrollbar\nangezeigt\nwerden!\n\nMfG!';
+
   before(() => {
     initVorgaenge([zusammenarbeitVorgang]);
     initUsermanagerUsers();
@@ -54,7 +58,7 @@ describe('Vorgang Zusammenarbeit anfragen', () => {
 
       exist(zusammenarbeitContainer.getZustaendigeStelleButton());
       exist(zusammenarbeitContainer.getStelleTitel());
-      exist(zusammenarbeitContainer.getStelleNachricht());
+      exist(zusammenarbeitContainer.getMessageText());
       exist(zusammenarbeitContainer.getSendButton());
       exist(zusammenarbeitContainer.getCancelButton());
     });
@@ -64,13 +68,14 @@ describe('Vorgang Zusammenarbeit anfragen', () => {
 
       notExist(zusammenarbeitContainer.getZustaendigeStelleButton());
       notExist(zusammenarbeitContainer.getStelleTitel());
-      notExist(zusammenarbeitContainer.getStelleNachricht());
+      notExist(zusammenarbeitContainer.getMessageText());
       notExist(zusammenarbeitContainer.getSendButton());
       notExist(zusammenarbeitContainer.getCancelButton());
       exist(zusammenarbeitContainer.getAnfrageButton());
     });
 
     it('should open new search label for Zustaendige Stelle', () => {
+      zusammenarbeitContainer.createAnfrage();
       //button click
       //Layer wird angezeigt
     });
@@ -101,9 +106,14 @@ describe('Vorgang Zusammenarbeit anfragen', () => {
       //Layer ist geschlossen
     });
 
+    it('should be able to enter title and message, and show scrollbar on long text', () => {
+      zusammenarbeitContainer.enterTitel(titleText);
+      zusammenarbeitContainer.enterMessage(messageText);
+
+      zusammenarbeitContainer.messageScrollbarIsPresent();
+    });
+
     it('should show title and message read-only and remove buttons after sending', () => {
-      //Titel eingeben
-      //Nachricht eingeben
       //Button klicken
       //Titel und Datum werden angezeigt
       //Nachricht wird angezeigt