[READ-ONLY] Mirror of https://github.com/vitest-dev/vitest. Next generation testing framework powered by Vite.
vitest.dev
test
testing-tools
vite
docs: update branding images (#9452)
authored by
Alexander Lichter
and committed by
GitHub
(Jan 15, 2026, 9:30 AM +0100)
1e278132
8b81563a
+9
-63
+1
-1
README.md
+1
-1
README.md
···
5
5
<picture>
6
6
<source media="(prefers-color-scheme: dark)" srcset="https://vitest.dev/vitest-light.svg">
7
7
<source media="(prefers-color-scheme: light)" srcset="https://vitest.dev/vitest-dark.svg">
8
-
<img alt="rolldown logo" src="https://vitest.dev/vitest-dark.svg" height="60">
8
+
<img alt="Vitest logo" src="https://vitest.dev/vitest-dark.svg" height="60">
9
9
</picture>
10
10
</a>
11
11
<br>
+8
-3
docs/guide/ide.md
+8
-3
docs/guide/ide.md
···
2
2
title: IDE Integrations | Guide
3
3
---
4
4
5
+
<script setup>
6
+
import { useData } from 'vitepress'
7
+
const { isDark } = useData()
8
+
</script>
9
+
5
10
# IDE Integrations
6
11
7
12
## VS Code <Badge>Official</Badge> {#vs-code}
8
13
9
14
<p text-center>
10
-
<img src="https://raw.githubusercontent.com/vitest-dev/vscode/main/img/cover.png" w-60>
15
+
<img :src="`https://raw.githubusercontent.com/vitest-dev/vscode/main/img/cover-${isDark ? 'light' : 'dark' }.png`" w-60>
11
16
</p>
12
17
13
18
[GitHub](https://github.com/vitest-dev/vscode) | [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=vitest.explorer)
···
19
24
WebStorm, PhpStorm, IntelliJ IDEA Ultimate, and other JetBrains IDEs come with built-in support for Vitest.
20
25
21
26
<p text-center>
22
-
<img src="https://raw.githubusercontent.com/kricact/WS-info/main/banners/vitest-jb.png" w-60>
27
+
<img :src="`/ide/vitest-jb-${isDark ? 'light' : 'dark'}.png`" w-60>
23
28
</p>
24
29
25
30
[WebStorm Help](https://www.jetbrains.com/help/webstorm/vitest.html) | [IntelliJ IDEA Ultimate Help](https://www.jetbrains.com/help/idea/vitest.html) | [PhpStorm Help](https://www.jetbrains.com/help/phpstorm/vitest.html)
···
33
38
[Wallaby.js](https://wallabyjs.com) runs your Vitest tests immediately as you type, highlighting results in your IDE right next to your code.
34
39
35
40
<p text-left>
36
-
<img src="https://wallabyjs.com/assets/img/vitest_cover.png" w-142 />
41
+
<img :src="`/ide/vitest-wallaby-${isDark ? 'light' : 'dark'}.png`" alt="Vitest + Wallaby logos" w-142>
37
42
</p>
38
43
39
44
[VS Code](https://marketplace.visualstudio.com/items?itemName=WallabyJs.wallaby-vscode) | [JetBrains](https://plugins.jetbrains.com/plugin/15742-wallaby) |
-24
docs/public/logo-shadow.svg
-24
docs/public/logo-shadow.svg
···
1
-
<svg width="290" height="290" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
2
-
<g clip-path="url(#clip0_301_2)">
3
-
<g filter="url(#filter0_d_301_2)">
4
-
<path d="M120.831 57.2543L84.693 109.505C84.3099 110.059 83.7558 110.474 83.1148 110.687C82.4738 110.9 81.7809 110.898 81.1412 110.684C80.5015 110.469 79.95 110.052 79.5702 109.497C79.1905 108.941 79.0032 108.277 79.037 107.606L80.4833 78.7582L57.1343 73.8064C56.6353 73.7007 56.1704 73.474 55.7807 73.1465C55.391 72.8191 55.0885 72.4009 54.9001 71.929C54.7117 71.4571 54.6432 70.9461 54.7006 70.4412C54.758 69.9364 54.9395 69.4532 55.2291 69.0345L91.3675 16.7837C91.7507 16.2294 92.3048 15.8145 92.9458 15.6018C93.5869 15.3891 94.2798 15.3902 94.9196 15.6051C95.5593 15.8199 96.1109 16.2367 96.4906 16.7923C96.8703 17.3478 97.0575 18.0117 97.0236 18.6833L95.5773 47.5314L118.926 52.4827C119.425 52.5885 119.89 52.8152 120.28 53.1426C120.67 53.4701 120.972 53.8883 121.16 54.3602C121.349 54.8321 121.417 55.3431 121.36 55.8479C121.303 56.3528 121.121 56.836 120.831 57.2547L120.831 57.2543Z" fill="#FCC72B"/>
5
-
<path d="M82.9866 153.343C82.0254 153.344 81.0735 153.156 80.1855 152.788C79.2975 152.42 78.4909 151.88 77.8122 151.2L43.6658 117.056C42.2998 115.683 41.5341 113.824 41.5366 111.887C41.5392 109.95 42.3098 108.092 43.6796 106.723C45.0493 105.353 46.9064 104.582 48.8435 104.579C50.7807 104.577 52.6399 105.342 54.0134 106.708L82.9866 135.678L146.105 72.5626C147.481 71.2088 149.336 70.4536 151.266 70.4615C153.197 70.4693 155.046 71.2396 156.41 72.6045C157.775 73.9695 158.546 75.8184 158.554 77.7487C158.561 79.679 157.806 81.5342 156.452 82.9101L88.1597 151.2C87.4811 151.881 86.6747 152.42 85.7869 152.788C84.8992 153.156 83.9475 153.344 82.9866 153.343Z" fill="#729B1B"/>
6
-
<path d="M82.9572 153.343C83.9184 153.344 84.8703 153.156 85.7583 152.788C86.6463 152.42 87.4528 151.88 88.1316 151.2L122.278 117.056C123.644 115.683 124.41 113.824 124.407 111.887C124.405 109.95 123.634 108.092 122.264 106.723C120.894 105.353 119.037 104.582 117.1 104.579C115.163 104.577 113.304 105.342 111.93 106.708L82.9572 135.678L19.8389 72.5626C18.4629 71.2088 16.6077 70.4536 14.6775 70.4615C12.7472 70.4693 10.8982 71.2396 9.53331 72.6045C8.16839 73.9695 7.39811 75.8184 7.39025 77.7487C7.38239 79.679 8.13759 81.5342 9.49135 82.9101L77.784 151.2C78.4627 151.881 79.2691 152.42 80.1568 152.788C81.0446 153.156 81.9963 153.344 82.9572 153.343Z" fill="#729B1B" fill-opacity="0.5"/>
7
-
</g>
8
-
</g>
9
-
<defs>
10
-
<filter id="filter0_d_301_2" x="1.3902" y="10.4431" width="167.163" height="153.9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
11
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
12
-
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
13
-
<feOffset dx="2" dy="3"/>
14
-
<feGaussianBlur stdDeviation="4"/>
15
-
<feComposite in2="hardAlpha" operator="out"/>
16
-
<feColorMatrix type="matrix" values="0 0 0 0 0.108333 0 0 0 0 0.108333 0 0 0 0 0.108333 0 0 0 0.2 0"/>
17
-
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_301_2"/>
18
-
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_301_2" result="shape"/>
19
-
</filter>
20
-
<clipPath id="clip0_301_2">
21
-
<rect width="165" height="165" fill="white"/>
22
-
</clipPath>
23
-
</defs>
24
-
</svg>
-15
docs/public/vite.svg
-15
docs/public/vite.svg
···
1
-
<svg width="410" height="404" viewBox="0 0 410 404" fill="none" xmlns="http://www.w3.org/2000/svg">
2
-
<path d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z" fill="url(#paint0_linear)"/>
3
-
<path d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z" fill="url(#paint1_linear)"/>
4
-
<defs>
5
-
<linearGradient id="paint0_linear" x1="6.00017" y1="32.9999" x2="235" y2="344" gradientUnits="userSpaceOnUse">
6
-
<stop stop-color="#41D1FF"/>
7
-
<stop offset="1" stop-color="#BD34FE"/>
8
-
</linearGradient>
9
-
<linearGradient id="paint1_linear" x1="194.651" y1="8.81818" x2="236.076" y2="292.989" gradientUnits="userSpaceOnUse">
10
-
<stop stop-color="#FFEA83"/>
11
-
<stop offset="0.0833333" stop-color="#FFDD35"/>
12
-
<stop offset="1" stop-color="#FFA800"/>
13
-
</linearGradient>
14
-
</defs>
15
-
</svg>
-13
docs/public/voidzero.svg
-13
docs/public/voidzero.svg
···
1
-
<svg width="378" height="164" viewBox="0 0 378 164" fill="none" xmlns="http://www.w3.org/2000/svg">
2
-
<g>
3
-
<path d="M108.815 63.6886C113.091 63.6886 116.857 64.3672 120.115 65.7243C123.372 67.0815 126.12 68.9816 128.36 71.4245C130.667 73.7995 132.398 76.6835 133.551 80.0765C134.705 83.4694 135.282 87.2356 135.282 91.375C135.282 95.5822 134.705 99.3823 133.551 102.775C132.466 106.1 130.803 108.984 128.563 111.427C126.324 113.87 123.542 115.736 120.216 117.026C116.959 118.315 113.159 118.96 108.815 118.96C104.54 118.96 100.774 118.315 97.5161 117.026C94.2587 115.668 91.5102 113.802 89.2707 111.427C87.0991 108.984 85.4365 106.066 84.2828 102.674C83.197 99.2805 82.6541 95.5144 82.6541 91.375C82.6541 87.2356 83.197 83.4694 84.2828 80.0765C85.4365 76.6835 87.1331 73.7995 89.3725 71.4245C91.612 68.9816 94.3605 67.0815 97.6179 65.7243C100.875 64.3672 104.608 63.6886 108.815 63.6886ZM108.815 108.883C111.462 108.883 113.702 108.442 115.534 107.559C117.434 106.609 118.961 105.354 120.115 103.793C121.336 102.232 122.218 100.4 122.761 98.2966C123.372 96.193 123.677 93.9197 123.677 91.4768C123.677 89.0338 123.372 86.7606 122.761 84.6569C122.218 82.4855 121.336 80.6193 120.115 79.0586C118.961 77.4978 117.434 76.2764 115.534 75.3942C113.702 74.5121 111.462 74.071 108.815 74.071C106.237 74.071 104.031 74.5121 102.199 75.3942C100.366 76.2764 98.8394 77.4978 97.6179 79.0586C96.3964 80.6193 95.4802 82.4855 94.8694 84.6569C94.3265 86.7606 94.0551 89.0338 94.0551 91.4768C94.0551 93.9197 94.3265 96.193 94.8694 98.2966C95.4802 100.4 96.3624 102.232 97.5161 103.793C98.7376 105.354 100.265 106.609 102.097 107.559C103.997 108.442 106.237 108.883 108.815 108.883Z" fill="black"/>
4
-
<path d="M218.981 118.247H208.089L207.478 110.816C205.51 113.667 203.033 115.702 200.047 116.924C197.061 118.145 193.702 118.824 189.969 118.96C185.83 118.892 182.267 118.145 179.281 116.72C176.295 115.227 173.818 113.259 171.85 110.816C169.882 108.306 168.423 105.422 167.473 102.164C166.591 98.9073 166.15 95.4465 166.15 91.7821C166.15 87.7785 166.659 84.0802 167.676 80.6872C168.762 77.2943 170.357 74.3424 172.461 71.8316C174.565 69.3209 177.143 67.3529 180.197 65.9279C183.251 64.435 186.814 63.6886 190.886 63.6886C193.804 63.6886 196.756 64.1636 199.742 65.1136C202.728 66.0636 205.273 67.828 207.376 70.4066V36.1888L218.981 45.5409V118.247ZM192.209 74.1728C189.63 74.1728 187.425 74.6138 185.592 75.496C183.76 76.3782 182.233 77.5996 181.012 79.1604C179.858 80.7211 179.01 82.5873 178.467 84.7587C177.924 86.8624 177.652 89.1356 177.652 91.5785C177.652 94.0215 177.924 96.2947 178.467 98.3984C179.01 100.502 179.858 102.334 181.012 103.895C182.233 105.456 183.76 106.711 185.592 107.661C187.492 108.543 189.766 108.984 192.413 108.984C194.923 108.984 197.095 108.509 198.927 107.559C200.828 106.541 202.388 105.218 203.61 103.59C204.899 101.961 205.849 100.095 206.46 97.9912C207.071 95.8876 207.376 93.7161 207.376 91.4768C207.376 89.1017 207.071 86.8624 206.46 84.7587C205.917 82.6551 205.035 80.8569 203.814 79.364C202.592 77.8032 201.031 76.5817 199.131 75.6996C197.231 74.7496 194.923 74.2406 192.209 74.1728Z" fill="black"/>
5
-
<path d="M26 63.3832H38.8261L53.6881 105.931L68.4483 63.3832H81.2744L61.1191 117.026H46.1553L26 63.3832Z" fill="black"/>
6
-
<path d="M270.344 31C266.883 35.1227 263.941 39.313 261.518 43.5709C259.096 47.7612 257.123 52.019 255.6 56.3445C254.077 60.67 252.97 65.0292 252.278 69.4223C251.585 73.8153 251.205 78.2083 251.135 82.6014C251.274 91.5227 252.797 100.275 255.704 108.858C258.611 117.374 263.457 125.755 270.24 134H256.95C253.973 130.35 251.378 126.43 249.163 122.24C246.948 118.117 245.113 113.86 243.66 109.467C242.206 105.006 241.099 100.511 240.337 95.9833C239.645 91.4551 239.299 86.9944 239.299 82.6014C239.299 78.2083 239.645 73.7477 240.337 69.2195C241.099 64.6237 242.206 60.0955 243.66 55.6348C245.183 51.1742 247.052 46.8825 249.267 42.7598C251.482 38.5696 254.077 34.6496 257.054 31H270.344Z" fill="black"/>
7
-
<path d="M320.955 134C327.808 125.755 332.688 117.34 335.595 108.757C338.502 100.106 340.025 91.3537 340.163 82.5C340.025 73.5787 338.502 64.8264 335.595 56.2431C332.688 47.6598 327.842 39.2454 321.059 31H334.245C337.222 34.6496 339.817 38.5696 342.032 42.7598C344.247 46.8825 346.082 51.1742 347.535 55.6348C349.058 60.0279 350.166 64.5223 350.858 69.1181C351.619 73.6463 352 78.107 352 82.5C352 86.893 351.619 91.3875 350.858 95.9833C350.096 100.511 348.954 105.006 347.431 109.467C345.978 113.86 344.144 118.117 341.929 122.24C339.714 126.43 337.118 130.35 334.141 134H320.955Z" fill="black"/>
8
-
<path d="M323.673 82.3885C323.673 87.8851 323.096 92.9066 321.943 97.4532C320.857 101.932 319.126 105.766 316.751 108.955C314.444 112.145 311.526 114.622 307.997 116.386C304.468 118.15 300.294 119.032 295.476 119.032C290.658 119.032 286.484 118.184 282.955 116.488C279.426 114.723 276.508 112.28 274.201 109.159C271.894 106.037 270.163 102.271 269.009 97.8604C267.856 93.4495 267.279 88.5298 267.279 83.101C267.279 77.5366 267.822 72.4472 268.908 67.8328C269.993 63.2184 271.69 59.2487 273.997 55.9236C276.305 52.5985 279.223 50.0538 282.752 48.2895C286.348 46.4573 290.59 45.5412 295.476 45.5412C300.226 45.5412 304.366 46.4233 307.895 48.1877C311.424 49.952 314.342 52.4628 316.649 55.72C319.025 58.9772 320.789 62.8791 321.943 67.4256C323.096 71.9043 323.673 76.892 323.673 82.3885ZM278.985 82.3885C278.985 86.1208 279.257 89.5816 279.8 92.7709C280.343 95.9603 281.259 98.7425 282.548 101.118C282.729 101.441 282.917 101.755 283.114 102.059C284.321 103.929 285.829 105.447 287.638 106.614C288.533 107.163 289.52 107.595 290.6 107.91C292.057 108.335 293.683 108.548 295.476 108.548C298.53 108.548 301.109 107.903 303.212 106.614C305.316 105.257 307.013 103.425 308.302 101.118C309.592 98.7425 310.508 95.9603 311.051 92.7709C311.593 89.5816 311.865 86.1208 311.865 82.3885C311.865 78.7242 311.593 75.2973 311.051 72.1079C310.508 68.8507 309.592 66.0685 308.302 63.7613C308.102 63.3928 307.892 63.0366 307.673 62.6926C306.477 60.8195 304.99 59.3095 303.212 58.1629C302.301 57.5748 301.3 57.1142 300.21 56.7809C298.785 56.3451 297.207 56.1272 295.476 56.1272C292.354 56.1272 289.742 56.8057 287.638 58.1629C285.534 59.5201 283.838 61.3862 282.548 63.7613C281.259 66.0685 280.343 68.8507 279.8 72.1079C279.257 75.2973 278.985 78.7242 278.985 82.3885Z" fill="black"/>
9
-
<path d="M156.455 58.1629H144.861V46.5701H156.455V58.1629Z" fill="black"/>
10
-
<path d="M156.455 63.7177V108.557H162.046V118.251H138.956V108.557H144.858V73.4118H138.956V63.7177H156.455Z" fill="black"/>
11
-
<path d="M300.726 54.4442H309.983L290.466 110.556H281.21L300.726 54.4442Z" fill="black"/>
12
-
</g>
13
-
</svg>
-7
docs/.vitepress/scripts/transformHead.ts
-7
docs/.vitepress/scripts/transformHead.ts
···
13
13
})
14
14
15
15
head.push(['link', { rel: 'prefetch', href: '/logo.svg', as: 'image' }])
16
-
if (home) {
17
-
head.push(['link', { rel: 'prefetch', href: '/logo-shadow.svg', as: 'image' }])
18
-
head.push(['link', { rel: 'prefetch', href: '/sponsors/antfu.svg', as: 'image' }])
19
-
head.push(['link', { rel: 'prefetch', href: '/sponsors/sheremet-va.svg', as: 'image' }])
20
-
head.push(['link', { rel: 'prefetch', href: '/sponsors/patak-dev.svg', as: 'image' }])
21
-
head.push(['link', { rel: 'prefetch', href: '/netlify.svg', as: 'image' }])
22
-
}
23
16
24
17
return head
25
18
}
docs/public/ide/vitest-jb-dark.png
docs/public/ide/vitest-jb-dark.png
This is a binary file and will not be displayed.
docs/public/ide/vitest-jb-light.png
docs/public/ide/vitest-jb-light.png
This is a binary file and will not be displayed.
docs/public/ide/vitest-wallaby-dark.png
docs/public/ide/vitest-wallaby-dark.png
This is a binary file and will not be displayed.
docs/public/ide/vitest-wallaby-light.png
docs/public/ide/vitest-wallaby-light.png
This is a binary file and will not be displayed.