ウェブサイト検索
構成 - nvim-dapでリモートのTypeScript Vitestユニットテストをデバッグする方法は？
私の Vite TypeScript ユニットテストは、次のコマンドを使用して remoteserver ドメイン名のリモートサーバーで提供されています: node --inspect-brk=0.0.0.0 ./node_modules/vitest/vitest.mjs run --threads false src/backend/api.spec.ts
以下の設定で nvim-dap を接続すると、次のメッセージとともに失敗します:
生成されたコードが見つからないため、ブレークポイントは無視されました（ソースマップの問題？）。
私の nvim-dap の設定:
dap.adapters = { node2 = { type = 'executable', command = 続きを読む →typescript - なぜVitestのカバレッジは、enumをエクスポートしているだけのファイルを報告するのですか？
私たちは100%ブランチカバレッジ方針で運用しています。関数や行は追跡していません。コードカバレッジと生産性の間で最良のバランスだと考えています。現在、vitestが次のファイルに2つのブランチがあると報告している問題があります:
export enum URL { preSignedUploadUrl = '/case-document/upload/api?fileType=', saveDocumentUploadToMongoUrl = '/case-document/upload/api?caseReference= 続きを読む →TypeScript - VSCodeでデバッグ中にVitestのタイムアウトを無効にする
テストに取り組むとき、私はデバッグモードでステップ実行しながらそれを100回実行して再実行し、リファクタリングして特定の部分を再確認することがありますが、vitestのデフォルトのタイムアウト期間はわずか5秒です。また、私が確認できる限りでは、vitestの拡張機能には、環境変数にVSCODE_INSPECTOR_OPTIONSが設定されている場合にvitestのtest-timeout/testTimeoutの値を設定したり無視したりするオプションはありません。
私がテストをデバッグする際の好みの方法は、それを右クリックして「テストのデバッグ」を選ぶことです。
続きを読む →typescript - Vue: Vitestのテストモジュールでモジュール~~~または対応する型宣言が見つかりません
私は Vite と Vitest を使用しています。
vite.config.ts
export default defineConfig({ plugins: [vue(), VueDevTools()], resolve: { alias: [ { find: '@', replacement: fileURLToPath(new URL('./src', import.meta.url)), }, { find: '@mocks', replacement: fileURLToPath(new URL('./mock', import.meta.url)), }, ], }, });vitest.config.ts
続きを読む →reactjs - Storybook と Vitest を使用して、モジュールをモックすると例外が発生する
私は vitest を使って Storybook のセットアップをしており、vitest を使ってストーリー内のモジュールをモックしたいので、次のことをストーリーファイルの先頭に追加します:
// my-nice-function.stories.tsx import { vi } from "vitest"; vi.mock("../some-module", () => ({ someFunction: vi.fn(), })); // the actual stories below here...しかし、このストーリーを実行すると、次のエラーが発生します：
未定義のプロパティを読み取れません（'customEqualityTesters'を読み取り中）
現在、スタックトレースはエラーが http://localhost:6006/node_modules/.cache/st
続きを読む →reactjs - Vitest が ESM を必要とするエラー。これをどうやって回避できますか
私はReact+Viteを使っています。そしてコンポーネントの単体テストケースを設定しようとしていますが、実行しようとすると次のエラーが発生します
エラー: ESモジュール ...\index.js の require() は ...\node_modules\@nivo\core\dist\nivo-core.cjs.js からサポートされていません。代わりに、すべての CommonJS モジュールで使用可能な動的 import() を ... 内の index.js の require に変更してください。
これは@nivoパッケージのエラ
続きを読む →TypeScript - Vue/Vitestで依存性注入を使用する
- 私の設定
- Vue 3 アプリケーション
- Piniaストア
- 私の main.ts では：app.use(myPlugin)
- MyPlugin.ts 内では、いくつかの環境条件に基づいてリポジトリ（MyRepo）を条件付きで作成し、アプリケーションに提供します。このリポジトリは、APIとやり取りするか、開発およびテスト目的で偽のデータを提供することができます。
- myStore.ts で : 続きを読む →
reactjs - Vite + Vitest を使った React テストが動作しない
私は npm test を実行すると次のエラーが発生しています（これは vitest を呼び出します）:
FAIL src/Applications/components/ApplicationsTable/ApplicationsTable.test.tsx [ src/Applications/components/ApplicationsTable/ApplicationsTable.test.tsx ] エラー: ディレクトリのインポート '{internalNpmPackage}/build/components' は、{internalNpmPackage}
続きを読む →reactjs - Vitest 警告: 現在のテストランナーは afterEach/teardown フックをサポートしていません
問題:私はViteとTypeScriptを使用したReactプロジェクトに取り組んでおり、VitestとRTL（React Testing Library）でテストを実行する際にいくつかの警告に遭遇しました。テスト自体は正常に実行されますが、以前はcleanup()を使用しないことで一部のテストが壊れる問題に直面していました。警告は次の通りです:
stderr | unknown test The cur 続きを読む →typescript - Vitest の expect を拡張
Vitestでexpect.extendを作ろうとしています。ドキュメントに従おうとしました。
私はこのように宣言する vitest.d.ts ファイルを作成しました：
interface CustomMatchers<R = unknown> { toPassGuard(guardFunc: (record: unknown) => boolean): boolean; toPassGuardArray<T = unknown>(guardFunc: (record: T) => boolean): boolean; } declare module 'vitest' { interface Assertion<T = any> e 続きを読む →