feat: dashboard ui tests

src/app/modules/dashboard/dashboard.component.ts

@@ -31,6 +31,7 @@ import {DataRoutingService} from '../data/data-routing.service';
 import {ScheduleProvider} from '../calendar/schedule.provider';
 import {AnimationController, IonContent} from '@ionic/angular';
 import {DashboardCollapse} from './dashboard-collapse';
+import {BreakpointObserver} from '@angular/cdk/layout';
 
 // const scrollTimeline = new ScrollTimeline();
 
@@ -68,11 +69,6 @@ export class DashboardComponent implements OnInit, OnDestroy {
    */
   private uuids: SCUuid[];
 
-  /**
-   * Enable header animation
-   */
-  isHeaderAnimated = true;
-
   /**
    * Next event in calendar
    */
@@ -101,6 +97,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
     protected router: Router,
     public location: Location,
     private animationControl: AnimationController,
+    private breakpointObserver: BreakpointObserver,
     private zone: NgZone,
   ) {
     this.subscriptions.push(
@@ -126,6 +123,15 @@ export class DashboardComponent implements OnInit, OnDestroy {
       this.toolbarRef.nativeElement,
       this.scheduleRef.nativeElement,
     );
+
+    this.subscriptions.push(
+      this.breakpointObserver
+        .observe(['(min-width: 768px)'])
+        .subscribe(async state => {
+          await this.collapseAnimation.ready;
+          this.collapseAnimation.active = !state.matches;
+        }),
+    );
   }
 
   ionViewDidEnter() {