chore: changed test

Author: Giuseppe Pennisi

apps/winbox-example-app/jest.config.ts apps/winbox-example-app/jest.config.jsapps/winbox-example-app/jest.config.ts renamed to apps/winbox-example-app/jest.config.js

@@ -1,6 +1,12 @@
 /* eslint-disable */
-const esModules = ['winbox', '@angular', '@ngrx'].join('|');
-export default {
+const esModules = [
+  'winbox',
+  '@angular',
+  '@ngrx',
+  '@ng-bootstrap/ng-bootstrap',
+  '@fortawesome/angular-fontawesome',
+].join('|');
+module.exports = {
   displayName: 'winbox-example-app',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
@@ -11,11 +17,10 @@ export default {
     },
   },
   coverageDirectory: '../../coverage/apps/winbox-example-app',
+  transformIgnorePatterns: [`/node_modules/(?!${esModules}/)`],
   transform: {
-    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
-    [`(${esModules}).+\\.(js|jsx|mjs)$`]: 'ts-jest',
+    '^.+\\.(ts|js|mjs|html|svg)$': 'jest-preset-angular',
   },
-  transformIgnorePatterns: [`/node_modules/(?!${esModules}/)`],
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',

apps/winbox-example-app/src/app/app.component.spec.ts

@@ -3,11 +3,12 @@ import { AppComponent } from './app.component';
 import { RouterTestingModule } from '@angular/router/testing';
 import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
 import { SidebarComponent } from '@rbtechdev/angular-sidebar';
+import { NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [RouterTestingModule, PerfectScrollbarModule],
+      imports: [RouterTestingModule, PerfectScrollbarModule, NgbModalModule],
       declarations: [AppComponent, SidebarComponent],
     }).compileComponents();
   });
@@ -23,13 +24,4 @@ describe('AppComponent', () => {
     const app = fixture.componentInstance;
     expect(app.title).toEqual('winbox-example-app');
   });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain(
-      'Welcome winbox-example-app'
-    );
-  });
 });

apps/winbox-example-app/tsconfig.app.json

@@ -6,5 +6,6 @@
   },
   "files": ["src/main.ts", "src/polyfills.ts"],
   "include": ["src/**/*.d.ts"],
-  "exclude": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts"]
+  "exclude": [
+    "jest.config.js", "**/*.test.ts", "**/*.spec.ts"]
 }

apps/winbox-example-app/tsconfig.spec.json

@@ -6,5 +6,6 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts", "**/*.d.ts"]
+  "include": [
+    "jest.config.js", "**/*.test.ts", "**/*.spec.ts", "**/*.d.ts"]
 }

jest.config.ts jest.config.jsjest.config.ts renamed to jest.config.js

@@ -1,5 +1,5 @@
 const { getJestProjects } = require('@nrwl/jest');
 
-export default {
+module.exports = {
   projects: getJestProjects(),
 };

jest.preset.js

@@ -1,12 +1,9 @@
-const nxPreset = require('@nrwl/jest/preset');
+const nxPreset = require('@nrwl/jest/preset').default;
 
 module.exports = {
-  testMatch: ['**/+(*.)+(spec|test).+(ts|js)?(x)'],
-  resolver: '@nrwl/jest/plugins/resolver',
-  moduleFileExtensions: ['ts', 'js', 'html'],
-  coverageReporters: ['html'],
-  testEnvironment: 'jsdom',
+  ...nxPreset,
   transform: {
-    '^.+\\.(ts|js|html)$': 'jest-preset-angular',
+    '^.+\\.(ts|js|mjs|html|svg)$': 'jest-preset-angular',
   },
+  transformIgnorePatterns: ['<rootDir>/node_modules/(?!.*\\.mjs$)'],
 };