fixed imports for vitest configuration

package.json

@@ -1,13 +1,14 @@
 {
-  "name": "npm-react-chatlog",
+  "name": "react-chatlog",
   "private": true,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest"
   },
   "dependencies": {
     "react": "^18.2.0",

src/App.test.js → src/App.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import App from './App';
 import { render, screen, fireEvent } from '@testing-library/react';
 
+
 describe('Wave 03: clicking like button and rendering App', () => {
   test('that the correct number of likes is printed at the top', () => {
     // Arrange

src/components/ChatLog.test.js → src/components/ChatLog.test.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import ChatLog from './ChatLog';
 import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
 
 const LOG = [
   {

vite.config.js

@@ -4,4 +4,10 @@ import react from '@vitejs/plugin-react'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  test: {
+    // jest config here
+    reporters: ['verbose'],
+    environment: 'jsdom',
+    globals: true
+  },
 })