mirror of
https://github.com/hanzoai/vitest.git
synced 2026-10-30 14:46:34 +00:00
32 lines
1.5 KiB
Vue
32 lines
1.5 KiB
Vue
<template>
|
|
<div class="wrapper wrapper--ticks border-t py-14 lg:py-30 px-5 sm:px-10 lg:px-20">
|
|
<div class="flex flex-col lg:flex-row lg:justify-between lg:items-center gap-5 lg:gap-8 text-left">
|
|
<div class="flex flex-col gap-3 max-w-md">
|
|
<div class="flex gap-3 items-center">
|
|
<img src="@assets/icons/vitest-light.svg" alt="Vitest icon" class="size-5">
|
|
<span class="text-grey text-xs font-medium font-mono uppercase tracking-wide">Why Vitest</span>
|
|
</div>
|
|
<h3 class="text-white max-w-xl text-balance">
|
|
The Vite Native Test Runner
|
|
</h3>
|
|
<a href="/guide/why" target="_blank" class="button w-fit mt-8 hidden lg:block">Learn more</a>
|
|
</div>
|
|
<div class="lg:max-w-lg">
|
|
<p class="text-pretty mb-5">
|
|
Vitest was created to make testing just work for <a href="https://vite.dev" target="_blank"><code
|
|
class="mr-1 outline-none bg-nickel/50 text-vite"
|
|
>Vite</code></a> apps. By building on top of Vite, Vitest
|
|
natively
|
|
understands your Vite config and is able to reuse the same resolve and
|
|
transform pipelines.
|
|
</p>
|
|
<p class="text-pretty">
|
|
You can also use Vitest even if you are not using Vite. It is Jest-compatible
|
|
and works for backend code too.
|
|
</p>
|
|
<a href="/guide/why" target="_blank" class="button w-fit mt-8 block lg:hidden">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|