Fix lỗi test app.test.tsx

[duthanhduoc]

Vào package.json sửa lại một số package version sau

"@vitejs/plugin-react": "^4.2.1",
"vite": "^5.2.0",
"vitest": "^1.6.0"

Sau đó install lại các package

Vào App.test.tsx xóa dòng expect.extend(matchers) đi, có vẻ version mới nó đã không cần dùng cái này nữa.

Chạy lại câu lệnh test là được nhé

[duthanhduoc]

Muốn thấy thì thêm cái này vào productlist page

 <Helmet>
        <title>Product List</title>
      </Helmet>

và cập nhật App.test.tsx thành như sau

 import { describe, expect, test } from 'vitest'
import { render, screen, waitFor } from '@testing-library/react'
import App from './App'
import { BrowserRouter } from 'react-router-dom'

describe('App', () => {
  test('App render và chuyển page', async () => {
    render(
      <BrowserRouter>
        <App />
      </BrowserRouter>
    )
    // Log
    await waitFor(
      () => {
        expect(document.head.querySelector('title')).toBeTruthy()
      },
      {
        timeout: 1000
      }
    )
    screen.debug(document.body.parentElement, 999999)
  })
})