chore(jest): Fix Jest Deprecation Warnings

[hf-krechan]

what is the difference between jest-preset-angular and ts-jest?

Let me explain the key differences between jest-preset-angular and ts-jest

ts-jest

• A general-purpose Jest transformer for TypeScript files
• Converts TypeScript code to JavaScript that Jest can understand
• Provides basic TypeScript support for any Jest project
• Doesn't have any framework-specific handling
• Used as a foundation by many other testing presets

jest-preset-angular

• Built specifically for testing Angular applications
• Actually uses ts-jest under the hood, but adds Angular-specific functionality
• Includes additional features like:
  • Proper handling of Angular templates and decorators
  • Built-in support for Angular's zone.js
  • Handling of Angular's dependency injection system
  • Support for Angular's template syntax
  • Proper transformation of Angular-specific files (like .html templates)
  • Preconfigured settings optimized for Angular testing
  • Handles Angular's module system and decorators correctly

In our configuration, using jest-preset-angular as the transformer is better because:

1. It understands Angular-specific code patterns
2. It handles Angular templates and modules correctly
3. It comes with pre-configured settings that work well with Angular's ecosystem
4. It includes the zone.js setup needed for Angular's change detection

That's why switching from ts-jest to jest-preset-angular in your configuration helped resolve the issues - it provides the complete Angular testing environment rather than just TypeScript compilation.

[hf-kklein]

Lgtm