Fix package et cleanup imports

Author: ldex

README.md

@@ -40,7 +40,5 @@ The app is running on `http://localhost:4200/` and will automatically reload if
 
 Run `ng test` for unit tests.
 
-Run `ng e2e` for end-to-end tests with Protractor.
-
 Run `npx cypress open` for end-to-end tests with Cypress.
 

cypress.config.ts

@@ -1,7 +1,5 @@
 export default {
   e2e: {
-    // We've imported your old cypress plugins here.
-    // You may want to clean this up later by importing these.
     setupNodeEvents(on, config) {
       return require('./cypress/plugins/index.js')(on, config)
     },

debug.log

@@ -14,7 +14,7 @@
     "@angular/compiler": "~11.0.7",
     "@angular/core": "~11.0.7",
     "@angular/forms": "~11.0.7",
-    "@angular/localize": "^11.0.7",
+    "@angular/localize": "~11.0.7",
     "@angular/platform-browser": "~11.0.7",
     "@angular/platform-browser-dynamic": "~11.0.7",
     "@angular/router": "~11.0.7",

package.json

@@ -3,7 +3,7 @@ import { ReactiveFormsModule, FormsModule } from "@angular/forms";
 import { ProductService } from 'src/app/services/product.service';
 import { Product } from '../product.interface';
 import { ProductInsertComponent } from "./product-insert.component";
-import { Spy, createSpyFromClass } from 'jasmine-auto-spies';
+import { Spy, provideAutoSpy } from 'jasmine-auto-spies';
 import { Router } from '@angular/router';
 
 // Declare a mock for the Router service
@@ -22,7 +22,7 @@ describe('Product Insert Component (Reactive Form)', () => {
             imports: [ReactiveFormsModule, FormsModule],
             declarations: [ProductInsertComponent],
             providers: [
-                { provide: ProductService, useValue: createSpyFromClass(ProductService) },
+                provideAutoSpy(ProductService), // same as { provide: ProductService, useValue: createSpyFromClass(ProductService) },
                 { provide: Router, useClass: RouterMock }
             ]
         });

src/app/products/product-insert/product-insert.component.spec.ts

@@ -1,13 +1,12 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
+import { TestBed, ComponentFixture } from '@angular/core/testing';
 import { ProductService } from 'src/app/services/product.service';
 import { Product } from '../product.interface';
 import { Spy, provideAutoSpy, createSpyFromClass } from 'jasmine-auto-spies';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Router } from '@angular/router';
 import { FavouriteService } from 'src/app/services/favourite.service';
 import { ProductListComponent } from './product-list.component';
 import { DebugElement, Pipe } from '@angular/core';
 import { By } from '@angular/platform-browser';
-import { OrderBy } from '../orderBy.pipe';
 
 export function mockPipe(options: Pipe): Pipe {
     const metadata: Pipe = {