[e2e] Fix a few failing tests in regard to new page view mode

It now always uses the old mode.

e2e/support/commands.ts

@@ -44,6 +44,12 @@ Cypress.Commands.add('openEditor', () => {
   cy.visit('http://localhost:4201/');
 });
 
+Cypress.Commands.add('switchToTabbedViewMode', () => {
+  cy.get('[data-cy="extras-menu"]').click();
+  cy.contains('Seitenansicht untereinander').click();
+  cy.get('body').click();
+});
+
 Cypress.Commands.add('loadUnit', (filename: string) => {
   cy.fixture(filename).as('unit').then(unit => {
     cy.window().then(window => {

e2e/support/index.ts

@@ -7,6 +7,7 @@ declare global {
       saveUnit(filepath?: string): Chainable<JQuery<HTMLElement>>;
       openPlayer(): Chainable<JQuery<HTMLElement>>;
       openEditor(): Chainable<JQuery<HTMLElement>>;
+      switchToTabbedViewMode(): Chainable<JQuery<HTMLElement>>;
     }
   }
 }

e2e/tests/editor/editor.spec.cy.ts

@@ -6,6 +6,7 @@ describe('Basic Unit', () => {
   beforeEach(() => {
     cy.viewport(1300, 800);
     cy.openEditor();
+    cy.switchToTabbedViewMode();
   });
 
   /* Check for any false-positives */
@@ -20,14 +21,14 @@ describe('Basic Unit', () => {
     cy.contains('Sonstige').click();
     cy.contains('Knopf').scrollIntoView().should('be.visible');
     cy.contains('Knopf').click();
-    cy.get('aspect-page-canvas').contains('Knopf').should('exist');
+    cy.get('aspect-editor-page-view').contains('Knopf').should('exist');
   });
 
   it('creates a button element with label text', () => {
-    cy.get('aspect-page-canvas').contains('Knopf').should('not.exist');
+    cy.get('aspect-editor-page-view').contains('Knopf').should('not.exist');
     addElement('Knopf', 'Sonstige');
     cy.contains('div', 'Beschriftung').find('textarea').clear().type('Neue Beschriftung');
-    cy.get('aspect-page-canvas').contains('Neue Beschriftung').should('exist');
+    cy.get('aspect-editor-page-view').contains('Neue Beschriftung').should('exist');
   });
 
   it('creates a new page', () => {

projects/editor/src/app/components/unit-view/unit-view.component.html

@@ -133,7 +133,7 @@
         </mat-tab>
         <mat-tab [disabled]="true" class="align-right">
           <ng-template mat-tab-label>
-            <button mat-icon-button [matMenuTriggerFor]="extrasMenu">
+            <button mat-icon-button [matMenuTriggerFor]="extrasMenu" data-cy="extras-menu">
               <mat-icon>menu</mat-icon>
             </button>
             <mat-menu #extrasMenu="matMenu" (click)="$event.stopPropagation()">