Vitestの自動終了方法について

Question

Vitestの自動終了の方法がわかりません。
どう設定すればいいでしょうか？
また、ターミナル上で自動終了できなくても、GithubActions上で終了させる方法を教えてください。

以下のスクリーンショットにて、"press h to show help, press q to quit" と表示され、メッセージどうりに、qを押さないと終了されません。

• テスト結果のスクリーンショット

現在問題になっているGitHubリポジトリ

設定ファイル等は、以下になります。

• package.json

{
  "name": "markdown-site",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview",
    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
    "lintfix": "npm run lint -- --fix",
    "test": "vitest",
    "coverage": "vitest run --coverage"
  },
  "dependencies": {
    "@emotion/react": "^11.8.2",
    "@emotion/styled": "^11.8.1",
    "@mui/icons-material": "^5.5.1",
    "@mui/material": "^5.5.3",
    "@mui/system": "^5.6.0",
    "eslint-config-airbnb-typescript": "^16.2.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-markdown": "^8.0.2",
    "react-router-dom": "^6.3.0",
    "remark-gfm": "^3.0.1"
  },
  "devDependencies": {
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^12.1.2",
    "@types/node": "^17.0.23",
    "@types/react": "^17.0.33",
    "@types/react-dom": "^17.0.10",
    "@typescript-eslint/eslint-plugin": "^5.17.0",
    "@typescript-eslint/parser": "^5.17.0",
    "@vitejs/plugin-react": "^1.0.7",
    "eslint": "^8.12.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-plugin-import": "^2.25.4",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "eslint-plugin-react": "^7.29.4",
    "eslint-plugin-react-hooks": "^4.4.0",
    "happy-dom": "^2.55.0",
    "jest-extended": "^2.0.0",
    "typescript": "^4.5.4",
    "vite": "^2.9.0",
    "vitest": "^0.9.2"
  }
}

• vite.config.ts

/// <reference types="vitest" />
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import * as path from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  test: {
    globals: true,
    environment: 'happy-dom',
    setupFiles: './src/vitestSetup.ts',
  },
  resolve: {
    alias: {
      'components': path.resolve(__dirname, "src/components"),
      'stores': path.resolve(__dirname, "src/stores"),
      'types': path.resolve(__dirname, "src/types"),
      'pages': path.resolve(__dirname, "src/pages"),
    }
  }
});

• vitestSetup.ts

/* eslint-disable import/no-extraneous-dependencies */
import '@testing-library/jest-dom/extend-expect';
import 'jest-extended';

Answer 1

• vitest watch
  • Run all test suites but watch for changes and rerun tests when they change. Same as calling vitest without a command. In CI environments this command will fallback to vitest run
  • すべてのテストスイートを実行しますが、変更を監視し、変更されたときにテストを再実行します。コマンドなしでvitestを呼び出すのと同じです。CI環境では、このコマンドはvitest runにフォールバックする。
• vitest run
  • Perform a single run without watch mode.
  • ウォッチモードを使用しないシングルランを実行します。

https://vitest.dev/guide/#commands

ドキュメントによりますと、package.jsonにvitestと記述した場合はvitest watchになるようです。
変更を監視するようですが、CI環境(GithubActions上)では、vitest runにフォールバックするようですので、このままでも問題ないみたいです。
不安でしたら、vitest runと記述しておくと良いかもしれませんね。

Comments

[naochan1214]

ありがとうございます！
解決いたしました！！