test: fix tests

Author: guiseek

apps/server/jest.config.ts

@@ -8,4 +8,5 @@ export default {
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../coverage/apps/server',
+  passWithNoTests: true
 };

packages/account/feature-auth/src/lib/account-feature-auth.component.spec.ts

@@ -1,13 +1,27 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AccountFeatureAuthComponent } from './account-feature-auth.component';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { AuthFacade } from '@devmx/account-data-access';
+import { MatCardModule } from '@angular/material/card';
+import { MatTabsModule } from '@angular/material/tabs';
+import { of } from 'rxjs';
 
 describe('AccountFeatureAuthComponent', () => {
   let component: AccountFeatureAuthComponent;
   let fixture: ComponentFixture<AccountFeatureAuthComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AccountFeatureAuthComponent],
+      imports: [MatCardModule, MatTabsModule, AccountFeatureAuthComponent],
+      providers: [
+        provideAnimations(),
+        {
+          provide: AuthFacade,
+          useValue: {
+            connected$: of(),
+          },
+        },
+      ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AccountFeatureAuthComponent);

packages/account/feature-auth/src/lib/account-feature-auth.component.ts

@@ -37,12 +37,10 @@ export class AccountFeatureAuthComponent implements OnInit {
   }
 
   onSignIn(data: SignIn) {
-    console.log(data);
     this.authFacade.signIn(data);
   }
 
   onSignUp(data: SignUp) {
-    console.log(data);
     this.authFacade.signUp(data);
   }
 }

packages/account/feature-shell/jest.config.ts

@@ -19,4 +19,5 @@ export default {
     'jest-preset-angular/build/serializers/ng-snapshot',
     'jest-preset-angular/build/serializers/html-comment',
   ],
+  passWithNoTests: true
 };

packages/account/feature-shell/src/lib/account-feature-shell.component.spec.ts

@@ -6,14 +6,14 @@ import {
   DragDropModule,
   moveItemInArray,
 } from '@angular/cdk/drag-drop';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { Presentation } from '@devmx/shared-api-interfaces';
 import { MatButtonModule } from '@angular/material/button';
 import { TextFieldModule } from '@angular/cdk/text-field';
 import { MatSelectModule } from '@angular/material/select';
 import { MatInputModule } from '@angular/material/input';
 import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { PresentationForm } from '../../forms';
 
 @Component({

packages/account/feature-shell/src/lib/components/editable-presentation/editable-presentation.component.spec.ts

@@ -8,4 +8,5 @@ export default {
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../../coverage/packages/account/resource',
+  passWithNoTests: true
 };

packages/account/feature-shell/src/lib/components/editable-presentation/editable-presentation.component.ts

@@ -6,7 +6,8 @@
     "@devmx/shared-api-interfaces": "0.0.1",
     "@devmx/shared-data-access": "0.0.1",
     "@devmx/presentation-domain": "0.0.1",
-    "rxjs": "^7.8.0"
+    "rxjs": "^7.8.0",
+    "@devmx/shared-util-data": "0.0.1"
   },
   "type": "commonjs",
   "main": "./src/index.js",

packages/account/resource/jest.config.ts

@@ -6,6 +6,7 @@ import {
   Presentation,
   PresentationOut,
 } from '@devmx/shared-api-interfaces';
+import { createFormData } from '@devmx/shared-util-data';
 
 export class PresentationServiceImpl implements PresentationService {
   get url() {
@@ -24,7 +25,8 @@ export class PresentationServiceImpl implements PresentationService {
   }
 
   create(presentation: Presentation) {
-    return this.http.post<PresentationOut>(this.url, presentation);
+    const data = createFormData(presentation);
+    return this.http.post<PresentationOut>(this.url, data);
   }
 
   update(id: string, presentation: Presentation) {

packages/presentation/data-access/package.json

@@ -1,13 +1,45 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { PresentationFeatureShellComponent } from './presentation-feature-shell.component';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { PresentationFacade } from '@devmx/presentation-data-access';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogModule } from '@angular/material/dialog';
+import { AuthFacade } from '@devmx/account-data-access';
+import { LayoutModule } from '@angular/cdk/layout';
+import { RouterModule } from '@angular/router';
+import { of } from 'rxjs';
 
 describe('PresentationFeatureShellComponent', () => {
   let component: PresentationFeatureShellComponent;
   let fixture: ComponentFixture<PresentationFeatureShellComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [PresentationFeatureShellComponent],
+      imports: [
+        RouterModule.forRoot([]),
+        MatDialogModule,
+        LayoutModule,
+        PresentationFeatureShellComponent
+      ],
+      providers: [
+        provideAnimations(),
+        {
+          provide: AuthFacade,
+          useValue: {
+            user$: of(),
+            connected$: of(false),
+            loadAuthUser() {
+              return
+            }
+          }
+        },
+        {
+          provide: PresentationFacade,
+          useValue: {
+            presentations$: of({ data: [], page: 0, size: 0 }),
+            presentation$: of(false),
+          }
+        }
+      ]
     }).compileComponents();
 
     fixture = TestBed.createComponent(PresentationFeatureShellComponent);

packages/presentation/data-access/src/lib/services/presentation.impl.ts

@@ -20,7 +20,6 @@ import {
 } from '@angular/core';
 import { AuthFacade } from '@devmx/account-data-access';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { ReactiveFormsModule } from '@angular/forms';
 
 @Component({
   selector: 'devmx-presentation-feature-shell',
@@ -30,7 +29,6 @@ import { ReactiveFormsModule } from '@angular/forms';
   imports: [
     ToolbarComponent,
     MatDialogModule,
-    ReactiveFormsModule,
     MatCheckboxModule,
     MatButtonModule,
     MatIconModule,
@@ -52,21 +50,17 @@ export class PresentationFeatureShellComponent implements OnInit, OnDestroy {
 
   dialog = inject(MatDialog);
 
-  tags = [
-    'TypeScript',
-    'Java',
-    'Kotlin',
-    'PHP',
-    'Rust',
-  ]
+  tags = ['TypeScript', 'Java', 'Kotlin', 'PHP', 'Rust'];
 
   constructor() {
     const changeDetectorRef = inject(ChangeDetectorRef);
     const media = inject(MediaMatcher);
 
     this.mobileQuery = media.matchMedia('(max-width: 600px)');
     this.#mobileQueryListener = () => changeDetectorRef.detectChanges();
-    this.mobileQuery.addEventListener('change', this.#mobileQueryListener);
+    if (this.mobileQuery.addEventListener) {
+      this.mobileQuery.addEventListener('change', this.#mobileQueryListener);
+    }
   }
 
   ngOnInit() {
@@ -90,6 +84,8 @@ export class PresentationFeatureShellComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy() {
-    this.mobileQuery.removeEventListener('change', this.#mobileQueryListener);
+    if (this.mobileQuery.removeEventListener) {
+      this.mobileQuery.removeEventListener('change', this.#mobileQueryListener);
+    }
   }
 }

packages/presentation/feature-shell/src/lib/presentation-feature-shell.component.spec.ts

@@ -8,4 +8,5 @@ export default {
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../../coverage/packages/presentation/resource',
+  passWithNoTests: true
 };

packages/presentation/feature-shell/src/lib/presentation-feature-shell.component.ts

@@ -8,4 +8,5 @@ export default {
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../../coverage/packages/shared/resource',
+  passWithNoTests: true
 };

packages/presentation/resource/jest.config.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { RawError } from '@devmx/shared-util-errors';
 import {
   NotFoundException,

packages/shared/data-access/src/lib/envs/env.ts

@@ -19,4 +19,5 @@ export default {
     'jest-preset-angular/build/serializers/ng-snapshot',
     'jest-preset-angular/build/serializers/html-comment',
   ],
+  passWithNoTests: true
 };

packages/shared/data-access/src/lib/envs/index.ts

@@ -0,0 +1,9 @@
+export function createFormData<T extends object>(values: T) {
+  const data = new FormData();
+
+  for (const [name, value] of Object.values(values)) {
+    data.append(name, value);
+  }
+
+  return data;
+}

packages/shared/resource/jest.config.ts

@@ -1,3 +1,4 @@
+export * from './create-form-data';
 export * from './create-query-filter';
 export * from './create-query-params';
 export * from './vector2';