06_js-debug/unterricht/tag50/01_shop-vitest/package.json

@@ -20,18 +20,18 @@
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.5",
+    "@testing-library/user-event": "^14.6.6",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "@typescript-eslint/eslint-plugin": "^8.67.0",
     "@typescript-eslint/parser": "^8.67.0",
     "@vitejs/plugin-react": "^6.1.0",
     "@vitest/ui": "^4.1.11",
-    "eslint": "^10.8.1",
+    "eslint": "^10.9.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.4",
     "jsdom": "^30.0.1",
-    "typescript": "^6.0.3",
+    "typescript": "^7.0.2",
     "vite": "^8.2.2",
     "vitest": "^4.1.11"
   }

06_js-debug/unterricht/tag50/01_shop-vitest/src/tests/Hero.test.tsx

@@ -19,7 +19,7 @@ describe('Hero', () => {
   it('should render the company name when passed', () => {
     render(<Hero companyName="My Company" />);
 
-    screen.debug(); // console Ausgabe der gerenderten Komponente (HTML-Elemente)
+    // screen.debug(); // console Ausgabe der gerenderten Komponente (HTML-Elemente)
 
     // Arrange
     const heading = screen.getByRole('heading', { level: 1 });
@@ -30,7 +30,7 @@ describe('Hero', () => {
   it('should render the company name Vogue Junction as default', () => {
     render(<Hero />);
 
-    screen.debug(); // console Ausgabe der gerenderten Komponente (HTML-Elemente)
+    //  screen.debug(); // console Ausgabe der gerenderten Komponente (HTML-Elemente)
 
     // Arrange
     const heading = screen.getByRole('heading', { level: 1 });

06_js-debug/unterricht/tag50/01_shop-vitest/src/tests/add.test.ts

@@ -1,8 +1,11 @@
 import { it, describe, expect } from 'vitest';
 import { add } from '../utils/helpers';
 
+// Test Suite
 describe('add', () => {
+  // Test Case
   it('should return 3 when 2 and 1 are passed', () => {
+    // AAA
     expect(add(2, 1)).toBe(3);
   });