Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/vitest-dev/vitest. Next generation testing framework powered by Vite. vitest.dev
test testing-tools vite
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121import type { Vite, Vitest } from 'vitest/node'import fs from 'node:fs'import { fileURLToPath } from 'node:url'import { join, resolve } from 'pathe'import sirv from 'sirv'import c from 'tinyrainbow'import { isFileServingAllowed, isValidApiRequest } from 'vitest/node'import { version } from '../package.json'
export default (ctx: Vitest): Vite.Plugin => { if (ctx.version !== version) { ctx.logger.warn( c.yellow( `Loaded ${c.inverse(c.yellow(` vitest@${ctx.version} `))} and ${c.inverse(c.yellow(` @vitest/ui@${version} `))}.` + '\nRunning mixed versions is not supported and may lead into bugs' + '\nUpdate your dependencies and make sure the versions match.', ), ) }
return <Vite.Plugin>{ name: 'vitest:ui', apply: 'serve', configureServer: { order: 'post', handler(server) { const uiOptions = ctx.config const base = uiOptions.uiBase
// Serve coverage HTML at ./coverage if configured const coverageHtmlDir = ctx.config.coverage?.htmlDir if (coverageHtmlDir) { server.middlewares.use( join(base, 'coverage'), sirv(coverageHtmlDir, { single: true, dev: true, setHeaders: (res) => { res.setHeader( 'Cache-Control', 'public,max-age=0,must-revalidate', ) }, }), ) }
const clientDist = resolve(fileURLToPath(import.meta.url), '../client') const clientIndexHtml = fs.readFileSync(resolve(clientDist, 'index.html'), 'utf-8')
// eslint-disable-next-line prefer-arrow-callback server.middlewares.use(function vitestAttachment(req, res, next) { if (!req.url) { return next() }
const url = new URL(req.url, 'http://localhost') if (url.pathname === '/__vitest_attachment__') { const path = url.searchParams.get('path') const contentType = url.searchParams.get('contentType')
// ignore invalid requests if (!isValidApiRequest(ctx.config, req) || !contentType || !path) { return next() }
const fsPath = decodeURIComponent(path)
if (!isFileServingAllowed(ctx.vite.config, fsPath)) { return next() }
try { res.writeHead(200, { 'content-type': contentType, }) fs.createReadStream(fsPath) .pipe(res) .on('close', () => res.end()) } catch (err) { next(err) } } else { next() } })
// serve index.html with api token // eslint-disable-next-line prefer-arrow-callback server.middlewares.use(function vitestUiHtmlMiddleware(req, res, next) { if (req.url) { const url = new URL(req.url, 'http://localhost') if (url.pathname === base) { const html = clientIndexHtml.replace( '<!-- !LOAD_METADATA! -->', `<script>window.VITEST_API_TOKEN = ${JSON.stringify(ctx.config.api.token)}</script>`, ) res.setHeader('Cache-Control', 'no-cache, max-age=0, must-revalidate') res.setHeader('Content-Type', 'text/html; charset=utf-8') res.write(html) res.end() return } } next() })
server.middlewares.use( base, sirv(clientDist, { single: true, dev: true, }), ) }, }, }}