Test Coverage หรือความครอบคลุมของการทดสอบ คือการวัดว่าโค้ดของเราได้รับการทดสอบมากน้อยเพียงใด

Coverage Providers

provider	Description
v8	Coverage provider ที่ใช้ V8's built-in code coverage เป็นตัวเลือกที่แนะนำเนื่องจากมีประสิทธิภาพสูงและรวดเร็ว
istanbul	Coverage provider ดั้งเดิมที่มีความเข้ากันได้กับโปรเจกต์เก่า สามารถใช้งานได้กับ Node.js ทุกเวอร์ชัน

Coverage Setup

package.json

{
	"scripts": {
		"test": "vitest",
		"coverage": "vitest run --coverage"
	}
}

vitest.config.ts

import { defineConfig } from "vitest/config";

export default defineConfig({
  test: {
    coverage: {
      reporter: ["text", "json", "html"],
    },
  },
});

Custom

Coverage Reporter

vitest.config.ts

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    coverage: {
      reporter: [
        // Specify reporter using name of the NPM package
        ['@vitest/custom-coverage-reporter', { someOption: true }],

        // Specify reporter using local path
        '/absolute/path/to/custom-reporter.cjs',
      ],
    },
  },
})

Coverage Provider

vitest.config.ts

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    coverage: {
      provider: 'custom',
      customProviderModule: 'my-custom-coverage-provider'
    },
  },
})

Changing the Default Coverage Folder Location

vitest.config.ts

import { defineConfig } from 'vite'

export default defineConfig({
  test: {
    coverage: {
      reportsDirectory: './tests/unit/coverage'
    }
  }
})

Ignoring Code

// TODO Ignoring Code

Other Options

Vitest UI

1. ติดตั้ง vitest ui

npm i -D @vitest/ui

2. run script

vitest ui