chore: fix tasks

Author: Coly010

apps/shop-e2e/eslint.config.mjs

@@ -5,7 +5,7 @@ export default [
   playwright.configs['flat/recommended'],
   ...baseConfig,
   {
-    files: ['**/*.ts', '**/*.js'],
+    files: ['src/**/*.ts', 'src/**/*.js'],
     // Override or add rules here
     rules: {},
   },

apps/shop/tsconfig.spec.json

@@ -11,13 +11,15 @@
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ],
+    "lib": ["es2022", "dom"],
     "jsx": "react-jsx"
   },
   "include": [
     "vite.config.ts",
     "vite.config.mts",
     "vitest.config.ts",
     "vitest.config.mts",
+    "src/test-setup.ts",
     "src/**/*.test.ts",
     "src/**/*.spec.ts",
     "src/**/*.test.tsx",

eslint.config.mjs

@@ -10,6 +10,7 @@ export default [
       '**/vite.config.*.timestamp*',
       '**/vitest.config.*.timestamp*',
       '**/test-output',
+      '**/out-tsc'
     ],
   },
   {

libs/api/products/src/lib/products.service.spec.ts

@@ -1,4 +1,3 @@
-import { describe, it, expect, beforeEach } from '@jest/globals';
 import { ProductsService } from './products.service';
 // eslint-disable-next-line
 import { ProductFilter } from '@org/models';

libs/shared/test-utils/package.json

@@ -12,6 +12,9 @@
     },
     "./package.json": "./package.json"
   },
+  "devDependencies": {
+    "@org/models": "workspace:*"
+  },
   "nx": {
     "sourceRoot": "libs/shared/test-utils/src",
     "projectType": "library",

libs/shared/test-utils/src/lib/test-render.tsx

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { render, RenderOptions } from '@testing-library/react';
+import {render, RenderOptions, RenderResult} from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
 
 interface AllTheProvidersProps {
@@ -13,9 +13,9 @@ function AllTheProviders({ children }: AllTheProvidersProps) {
 export function renderWithRouter(
   ui: ReactElement,
   options?: Omit<RenderOptions, 'wrapper'>
-) {
+): RenderResult {
   return render(ui, { wrapper: AllTheProviders, ...options });
 }
 
 export * from '@testing-library/react';
-export { renderWithRouter as render };
+export { renderWithRouter as render };

libs/shop/data/src/lib/hooks/use-product.ts

@@ -20,7 +20,7 @@ export function useProduct(id: string | undefined) {
 
       try {
         const response = await fetch(`${API_URL}/products/${id}`);
-        const data: ApiResponse<Product> = await response.json();
+        const data: ApiResponse<Product> = await response.json() as ApiResponse<Product>;
 
         if (!data.success) {
           throw new Error(data.error || 'Failed to load product');
@@ -45,4 +45,4 @@ export function useProduct(id: string | undefined) {
     loading,
     error,
   };
-}
+}

libs/shop/data/src/lib/hooks/use-products.spec.ts

@@ -1,6 +1,7 @@
 import { renderHook, waitFor } from '@testing-library/react';
 import { vi, describe, it, expect, beforeEach, afterEach } from 'vitest';
 import { useProducts } from './use-products';
+import {ProductFilter} from "@org/models";
 
 // Mock fetch
 global.fetch = vi.fn();
@@ -169,7 +170,7 @@ describe('useProducts', () => {
     const { result, rerender } = renderHook(
       ({ filter }) => useProducts(filter),
       {
-        initialProps: { filter: undefined },
+        initialProps: { filter: undefined } as {filter?: ProductFilter},
       }
     );
 
@@ -180,7 +181,7 @@ describe('useProducts', () => {
     expect(fetch).toHaveBeenCalledTimes(1);
 
     // Change filter
-    rerender({ filter: { category: 'Electronics' } });
+    rerender({ filter: { category: 'Electronics' }});
 
     await waitFor(() => {
       expect(fetch).toHaveBeenCalledTimes(2);
@@ -223,4 +224,4 @@ describe('useProducts', () => {
       'http://localhost:3333/api/products?page=2&pageSize=12'
     );
   });
-});
+});

libs/shop/data/src/lib/hooks/use-products.ts

@@ -34,7 +34,7 @@ export function useProducts(
         }
 
         const response = await fetch(`${API_URL}/products?${params}`);
-        const data: ApiResponse<PaginatedResponse<Product>> = await response.json();
+        const data: ApiResponse<PaginatedResponse<Product>> = await response.json() as ApiResponse<PaginatedResponse<Product>>;
 
         if (!data.success) {
           throw new Error(data.error || 'Failed to load products');
@@ -79,7 +79,7 @@ export function useCategories() {
 
       try {
         const response = await fetch(`${API_URL}/products/categories`);
-        const data: ApiResponse<string[]> = await response.json();
+        const data: ApiResponse<string[]> = await response.json() as ApiResponse<string[]>;
 
         if (!data.success) {
           throw new Error(data.error || 'Failed to load categories');
@@ -104,4 +104,4 @@ export function useCategories() {
     loading,
     error,
   };
-}
+}

libs/shop/feature-product-detail/tsconfig.lib.json

@@ -7,6 +7,7 @@
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ],
+    "lib": ["es2022", "dom"],
     "rootDir": "src",
     "jsx": "react-jsx",
     "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo"