OZG-7507 create delete organisationsEinheit E2E Test; adjust test component structure

alfa-client/apps/admin-e2e/src/components/organisationseinheiten/organisationseinheiten.e2e.component.ts

@@ -21,21 +21,52 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
+export class OrganisationsEinheitListE2EComponent {
+  private readonly root: string = 'organisations-einheit-list';
+
+  public getRoot(): Cypress.Chainable<Element> {
+    return cy.getTestElement(this.root);
+  }
+
+  public getListItem(name: string): OrganisationsEinheitListItemE2EComponent {
+    return new OrganisationsEinheitListItemE2EComponent(name);
+  }
+}
+
+export class OrganisationsEinheitListItemE2EComponent {
+  private root: string;
 
-export class OrganisationsEinheitenE2EComponent {
-  private readonly organisationsEinheitenList: string = 'organisations-einheit-list';
-  private readonly organisationsEinheitHinzufuegen: string = 'add-organisationseinheit-button';
   private readonly organisationsEinheitItemSuffix: string = '-organisation-item';
+  private readonly deleteButton: string = 'delete-button';
+
+  constructor(name: string) {
+    this.root = name;
+  }
+
+  public getRoot(): Cypress.Chainable<Element> {
+    return cy.getTestElement(this.root + this.organisationsEinheitItemSuffix);
+  }
+
+  public getDeleteButton(): Cypress.Chainable<Element> {
+    return this.getRoot().findTestElementWithClass(this.deleteButton);
+  }
+}
+
+export class OrganisationsEinheitDeleteDialogE2EComponent {
+  private readonly root: string = 'organisations-einheit-delete-dialog';
+
+  private readonly deleteButton: string = 'dialog-delete-button';
+  private readonly cancelButton: string = 'dialog-cancel-button';
 
-  public getOrganisationsEinheitList(): Cypress.Chainable<Element> {
-    return cy.getTestElement(this.organisationsEinheitenList);
+  public getRoot(): Cypress.Chainable<Element> {
+    return cy.getTestElement(this.root);
   }
 
-  public getOrganisationsEinheitHinzufuegenButton(): Cypress.Chainable<Element> {
-    return cy.getTestElement(this.organisationsEinheitHinzufuegen);
+  public getDeleteButton(): Cypress.Chainable<Element> {
+    return cy.getTestElement(this.deleteButton);
   }
 
-  public getListItem(name: string) {
-    return cy.getTestElement(name + this.organisationsEinheitItemSuffix);
+  public getCancelButton(): Cypress.Chainable<Element> {
+    return cy.getTestElement(this.cancelButton);
   }
 }

alfa-client/apps/admin-e2e/src/e2e/main-tests/organisationseinheiten/organisations-einheit.cy.ts

+import { E2EOrganisationsEinheitHelper } from 'apps/admin-e2e/src/helper/organisations-einheit/organisations-einheit.helper';
+import { E2EOrganisationsEinheitVerifier } from 'apps/admin-e2e/src/helper/organisations-einheit/organisations-einheit.verifier';
+import { OrganisationsEinheitPage } from 'apps/admin-e2e/src/page-objects/organisations-einheit.po';
+import { ZustaendigeStelleDialogE2EComponent } from '../../../components/zustaendige-stelle/zustaendige-stelle-dialog.e2e.component';
+import { exist } from '../../../support/cypress.util';
+import { loginAsAriane } from '../../../support/user-util';
+
+describe('Organisationseinheit', () => {
+  const organisationsEinheitPage: OrganisationsEinheitPage = new OrganisationsEinheitPage();
+
+  const organisationsEinheitHelper: E2EOrganisationsEinheitHelper = new E2EOrganisationsEinheitHelper();
+  const organisationsEinheitVerifier: E2EOrganisationsEinheitVerifier = new E2EOrganisationsEinheitVerifier();
+
+  const zustaendigeStelleSearchComponent: ZustaendigeStelleDialogE2EComponent = new ZustaendigeStelleDialogE2EComponent();
+
+  const organisationsEinheit: string = 'Wasserwerk - Hamburg Wasser - Hamburger Stadtentwässerung';
+
+  before(() => {
+    loginAsAriane();
+  });
+
+  describe('hinzufügen', () => {
+    it('should show search dialog on add button click', () => {
+      organisationsEinheitHelper.openOrganisationsEinheitPage();
+
+      organisationsEinheitPage.getAddButton().click();
+
+      exist(zustaendigeStelleSearchComponent.getZustaendigeStelleForm());
+    });
+
+    it('should find at least one organisationseinheit on search', () => {
+      zustaendigeStelleSearchComponent.enterSearchTerm(organisationsEinheit);
+
+      zustaendigeStelleSearchComponent.expectNumberOfEntriesToBeGreaterThan(1);
+    });
+
+    it('should show organisationseinheit in list', () => {
+      organisationsEinheitHelper.addOrganisationsEinheit(organisationsEinheit);
+
+      organisationsEinheitVerifier.verifyOrganisationsEinheitInList(organisationsEinheit);
+    });
+  });
+
+  describe('löschen', () => {
+    it('should not show entry in list', () => {
+      organisationsEinheitHelper.openOrganisationsEinheitPage();
+
+      organisationsEinheitHelper.deleteOrganisationsEinheit(organisationsEinheit);
+
+      organisationsEinheitVerifier.verifyOrganisationsEinheitNotInList(organisationsEinheit);
+    });
+  });
+});

alfa-client/apps/admin-e2e/src/e2e/main-tests/organisationseinheiten/organisationseinheiten-laden.cy.ts → alfa-client/apps/admin-e2e/src/e2e/main-tests/organisationseinheiten/organisations-einheiten-page.cy.ts

@@ -21,36 +21,41 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { OrganisationsEinheitenE2EComponent } from '../../../components/organisationseinheiten/organisationseinheiten.e2e.component';
-import { MainPage, waitForSpinnerToDisappear } from '../../../page-objects/main.po';
+import { OrganisationsEinheitListE2EComponent } from 'apps/admin-e2e/src/components/organisationseinheiten/organisationseinheiten.e2e.component';
+import { E2EOrganisationsEinheitHelper } from 'apps/admin-e2e/src/helper/organisations-einheit/organisations-einheit.helper';
+import { OrganisationsEinheitE2E } from 'apps/admin-e2e/src/model/organisations-einheit';
+import { OrganisationsEinheitPage } from 'apps/admin-e2e/src/page-objects/organisations-einheit.po';
 import { exist } from '../../../support/cypress.util';
 import { loginAsAriane } from '../../../support/user-util';
 
-describe('Organisationsheiten list', () => {
-  const mainPage: MainPage = new MainPage();
-  const organisationsEinheitenTab: OrganisationsEinheitenE2EComponent = new OrganisationsEinheitenE2EComponent();
+describe('Organisationsheiten page', () => {
+  const organisationsEinheitPage: OrganisationsEinheitPage = new OrganisationsEinheitPage();
+
+  const organisationsEinheitHelper: E2EOrganisationsEinheitHelper = new E2EOrganisationsEinheitHelper();
+
+  const organisationsEinheitList: OrganisationsEinheitListE2EComponent = new OrganisationsEinheitListE2EComponent();
 
   before(() => {
     loginAsAriane();
   });
 
-  it('should show Organisationseinheiten list', () => {
-    waitForSpinnerToDisappear();
-    mainPage.clickOrganisationsEinheitenNavigationItem();
-    waitForSpinnerToDisappear();
+  it('should show list', () => {
+    organisationsEinheitHelper.openOrganisationsEinheitPage();
 
-    exist(organisationsEinheitenTab.getOrganisationsEinheitList());
+    exist(organisationsEinheitPage.getList().getRoot());
   });
 
-  it('should show entry for Bauamt', () => {
-    exist(organisationsEinheitenTab.getListItem('Bauamt'));
-  });
+  it('should show add button', () => {
+    organisationsEinheitHelper.openOrganisationsEinheitPage();
 
-  it('should show entry for Fundstelle', () => {
-    exist(organisationsEinheitenTab.getListItem('Fundstelle'));
+    exist(organisationsEinheitPage.getAddButton());
   });
 
-  it('should show entry for Denkmalpflege', () => {
-    exist(organisationsEinheitenTab.getListItem('Denkmalpflege'));
+  it('should show default (Bauamt, Fundstelle, Denkmalpflege) entries', () => {
+    organisationsEinheitHelper.openOrganisationsEinheitPage();
+
+    exist(organisationsEinheitList.getListItem(OrganisationsEinheitE2E.BAUAMT).getRoot());
+    exist(organisationsEinheitList.getListItem(OrganisationsEinheitE2E.FUNDSTELLE).getRoot());
+    exist(organisationsEinheitList.getListItem(OrganisationsEinheitE2E.DENKMALPFLEGE).getRoot());
   });
 });

alfa-client/apps/admin-e2e/src/e2e/main-tests/organisationseinheiten/organisationseinheiten-hinzufuegen.cy.ts

-import { convertToDataTestId } from 'apps/admin-e2e/src/support/tech-util';
-import { OrganisationsEinheitenE2EComponent } from '../../../components/organisationseinheiten/organisationseinheiten.e2e.component';
-import { ZustaendigeStelleDialogE2EComponent } from '../../../components/zustaendige-stelle/zustaendige-stelle-dialog.e2e.component';
-import { MainPage, waitForSpinnerToDisappear } from '../../../page-objects/main.po';
-import { exist } from '../../../support/cypress.util';
-import { loginAsAriane } from '../../../support/user-util';
-
-describe('Organisationseinheiten', () => {
-  const mainPage: MainPage = new MainPage();
-  const organisationsEinheitenComponent: OrganisationsEinheitenE2EComponent = new OrganisationsEinheitenE2EComponent();
-  const zustaendigeStelleSearchComponent: ZustaendigeStelleDialogE2EComponent = new ZustaendigeStelleDialogE2EComponent();
-
-  const searchTerm: string = 'Hamburg';
-
-  before(() => {
-    loginAsAriane();
-  });
-
-  it('should show table with Organisationseinheiten', () => {
-    waitForSpinnerToDisappear();
-    mainPage.clickOrganisationsEinheitenNavigationItem();
-
-    exist(organisationsEinheitenComponent.getOrganisationsEinheitHinzufuegenButton());
-  });
-
-  it('should show button to add Organisationseinheit', () => {
-    exist(organisationsEinheitenComponent.getOrganisationsEinheitHinzufuegenButton());
-  });
-
-  it('should show search Organisationseinheit dialog', () => {
-    organisationsEinheitenComponent.getOrganisationsEinheitHinzufuegenButton().click();
-
-    exist(zustaendigeStelleSearchComponent.getZustaendigeStelleForm());
-  });
-
-  it('should find at least one Organisationseinheit', () => {
-    zustaendigeStelleSearchComponent.enterSearchTerm(searchTerm);
-
-    zustaendigeStelleSearchComponent.expectNumberOfEntriesToBeGreaterThan(1);
-  });
-
-  it('should add first Organisationseinheit', () => {
-    zustaendigeStelleSearchComponent.getZustaendigeStelleTitle(0).then((name: string) => {
-      zustaendigeStelleSearchComponent.clickFoundItem(0);
-      exist(organisationsEinheitenComponent.getListItem(convertToDataTestId(name)));
-    });
-  });
-});

alfa-client/apps/admin-e2e/src/helper/organisations-einheit/organisations-einheit.executor.ts

+import {
+  OrganisationsEinheitDeleteDialogE2EComponent,
+  OrganisationsEinheitListE2EComponent,
+} from '../../components/organisationseinheiten/organisationseinheiten.e2e.component';
+import { ZustaendigeStelleDialogE2EComponent } from '../../components/zustaendige-stelle/zustaendige-stelle-dialog.e2e.component';
+import { OrganisationsEinheitPage } from '../../page-objects/organisations-einheit.po';
+import { exist } from '../../support/cypress.util';
+import { convertToDataTestId } from '../../support/tech-util';
+
+export class E2EOrganisationsEinheitExecutor {
+  private readonly organisationsEinheitPage: OrganisationsEinheitPage = new OrganisationsEinheitPage();
+  private readonly organisationsEinheitList: OrganisationsEinheitListE2EComponent = this.organisationsEinheitPage.getList();
+
+  private readonly deleteDialog: OrganisationsEinheitDeleteDialogE2EComponent =
+    new OrganisationsEinheitDeleteDialogE2EComponent();
+
+  private readonly zustaendigeStelleSearchComponent: ZustaendigeStelleDialogE2EComponent =
+    new ZustaendigeStelleDialogE2EComponent();
+
+  public addOrganisationsEinheit(name: string): void {
+    //TODO von index auf Name umstellen
+    this.zustaendigeStelleSearchComponent
+      .getZustaendigeStelleTitle(0)
+      .then((name: string) => this.zustaendigeStelleSearchComponent.clickFoundItem(0));
+    exist(this.organisationsEinheitList.getRoot());
+  }
+
+  public deleteOrganisationsEinheit(name: string): void {
+    this.organisationsEinheitList.getListItem(convertToDataTestId(name)).getDeleteButton().click();
+    exist(this.deleteDialog.getRoot());
+    this.deleteDialog.getDeleteButton().click();
+    exist(this.organisationsEinheitList.getRoot());
+  }
+}

alfa-client/apps/admin-e2e/src/helper/organisations-einheit/organisations-einheit.helper.ts

+import { E2EOrganisationsEinheitExecutor } from './organisations-einheit.executor';
+import { E2EOrganisationsEinheitNavigator } from './organisations-einheit.navigator';
+
+export class E2EOrganisationsEinheitHelper {
+  private readonly navigator: E2EOrganisationsEinheitNavigator = new E2EOrganisationsEinheitNavigator();
+  private readonly executor: E2EOrganisationsEinheitExecutor = new E2EOrganisationsEinheitExecutor();
+
+  public openOrganisationsEinheitPage(): void {
+    this.navigator.openOrganisationsEinheitListPage();
+  }
+
+  public addOrganisationsEinheit(name: string): void {
+    this.executor.addOrganisationsEinheit(name);
+  }
+
+  public deleteOrganisationsEinheit(name: string): void {
+    this.executor.deleteOrganisationsEinheit(name);
+  }
+}

alfa-client/apps/admin-e2e/src/helper/organisations-einheit/organisations-einheit.navigator.ts

+import { OrganisationsEinheitListE2EComponent } from '../../components/organisationseinheiten/organisationseinheiten.e2e.component';
+import { MainPage } from '../../page-objects/main.po';
+import { OrganisationsEinheitPage } from '../../page-objects/organisations-einheit.po';
+import { exist } from '../../support/cypress.util';
+
+export class E2EOrganisationsEinheitNavigator {
+  private readonly mainPage: MainPage = new MainPage();
+
+  private readonly organisationsEinheitPage: OrganisationsEinheitPage = new OrganisationsEinheitPage();
+  private readonly organisationsEinheitList: OrganisationsEinheitListE2EComponent = this.organisationsEinheitPage.getList();
+
+  public openOrganisationsEinheitListPage(): void {
+    this.navigateToDomain();
+    this.mainPage.getOrganisationEinheitNavigationItem().click();
+    exist(this.organisationsEinheitList.getRoot());
+  }
+
+  private navigateToDomain(): void {
+    this.mainPage.getHeader().getLogo().click();
+  }
+}

alfa-client/apps/admin-e2e/src/helper/organisations-einheit/organisations-einheit.verifier.ts

+import { OrganisationsEinheitListE2EComponent } from '../../components/organisationseinheiten/organisationseinheiten.e2e.component';
+import { OrganisationsEinheitPage } from '../../page-objects/organisations-einheit.po';
+import { exist, notExist } from '../../support/cypress.util';
+import { convertToDataTestId } from '../../support/tech-util';
+
+export class E2EOrganisationsEinheitVerifier {
+  private readonly organisationsEinheitPage: OrganisationsEinheitPage = new OrganisationsEinheitPage();
+  private readonly organisationsEinheitList: OrganisationsEinheitListE2EComponent = this.organisationsEinheitPage.getList();
+
+  public verifyOrganisationsEinheitInList(name: string): void {
+    exist(this.organisationsEinheitList.getListItem(convertToDataTestId(name)).getRoot());
+  }
+
+  public verifyOrganisationsEinheitNotInList(name: string): void {
+    notExist(this.organisationsEinheitList.getListItem(convertToDataTestId(name)).getRoot());
+  }
+}

alfa-client/apps/admin-e2e/src/model/organisations-einheit.ts

 export enum OrganisationsEinheitE2E {
-  ORDNUNGSAMT = 'Ordnungsamt',
+  BAUAMT = 'Bauamt',
   DENKMALPFLEGE = 'Denkmalpflege',
+  FUNDSTELLE = 'Fundstelle',
+  ORDNUNGSAMT = 'Ordnungsamt',
   WIRTSCHAFTSFOERDERUNG = 'Wirtschaftsförderung',
 }

alfa-client/apps/admin-e2e/src/page-objects/header.po.ts

@@ -24,13 +24,13 @@
 import { CurrentUserProfileE2EComponent } from '../components/user-profile/current-user-profile.component.e2e';
 import { UserSettingsE2EComponent } from '../components/user-settings/user-settings.component.e2e';
 
+//TODO Zu den Componenten packen, nicht zu den page-objects
 export class HeaderE2EComponent {
   private readonly locatorLogo: string = 'logo-link';
   private readonly locatorRoot: string = 'header';
 
   private readonly userSettings: UserSettingsE2EComponent = new UserSettingsE2EComponent();
-  private readonly currentUserProfile: CurrentUserProfileE2EComponent =
-    new CurrentUserProfileE2EComponent();
+  private readonly currentUserProfile: CurrentUserProfileE2EComponent = new CurrentUserProfileE2EComponent();
 
   public getRoot() {
     return cy.getTestElement(this.locatorRoot);

alfa-client/apps/admin-e2e/src/page-objects/login.po.ts

+//TODO Das sollte eher eine Component als eine Page sein
 export class LoginPage {
   private readonly locatorLogin: string = '#kc-login';
   private readonly locatorBarrierefreiheitLink: string = '#kc-barrierefreiheit';

alfa-client/apps/admin-e2e/src/page-objects/organisations-einheit.po.ts

+import { OrganisationsEinheitListE2EComponent } from '../components/organisationseinheiten/organisationseinheiten.e2e.component';
+
+export class OrganisationsEinheitPage {
+  private readonly addButton: string = 'add-organisationseinheit-button';
+  private readonly list: OrganisationsEinheitListE2EComponent = new OrganisationsEinheitListE2EComponent();
+
+  public getAddButton(): Cypress.Chainable<Element> {
+    return cy.getTestElement(this.addButton);
+  }
+
+  public getList(): OrganisationsEinheitListE2EComponent {
+    return this.list;
+  }
+}