ionic-team/ionicons

bug: IonIcon giving error with vitest

開放

#1,316 建立於 2024年1月4日

 (15 則留言) (0 個反應) (0 位負責人)TypeScript (2,083 個分叉)batch import
help wanted

倉庫指標

星標
 (17,256 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

While running vitest on the components using IonIcon, the test is failing with following error though the image is rendered properly in the project Using IonIcon as: <IonIcon src="/assets/nozzle.svg"/>

It works fine when using ion icon with with inbuilt icons provided by ionic but causes issues when we try to use any image url with it.

Expected Behavior

The IonIcon should work with vitest properly when using image url with it.

Steps to Reproduce

  1. Create any react component in ionic framework.
  2. Use IonIcon inside the component as using image path as src in IonIcon.
  3. Run Vitest on the component

Code Reproduction URL

https://stackblitz.com/edit/ionic-react-vitest-example-qfvsxq?file=src%2Fcomponents%2FHeader.tsx

Run the App: npm run dev Run test suite: npm run test

Ionic Info

Ionic:

"@ionic/react": "^7.0.10", "@ionic/react-router": "^7.3.1"

vite:

"vite": "4.3.9", "vite-plugin-dts": "2.3.0", "vite-plugin-eslint": "^1.8.1", "vite-plugin-svgr": "^4.2.0", "vite-tsconfig-paths": "^4.0.2", "vitest": "0.32.0"

Additional Information

No response

貢獻者指南