docs: update images

vitest-dev · Aug 5, 2024 · 2209d3c · 2209d3c
1 parent 6bc4ae4
commit 2209d3c
Show file tree

Hide file tree

Showing 13 changed files with 9 additions and 5 deletions.
diff --git a/docs/guide/browser/index.md b/docs/guide/browser/index.md
@@ -7,6 +7,9 @@ outline: deep
 
 This page provides information about the experimental browser mode feature in the Vitest API, which allows you to run your tests in the browser natively, providing access to browser globals like window and document. This feature is currently under development, and APIs may change in the future.
 
+<img alt="Vitest UI" img-light src="/ui-browser-1-light.png">
+<img alt="Vitest UI" img-dark src="/ui-browser-1-dark.png">
+
 ## Installation
 
 For easier setup, you can use `vitest init browser` command to install required dependencies and create browser configuration.

diff --git a/docs/guide/coverage.md b/docs/guide/coverage.md
@@ -230,5 +230,5 @@ Vitest UI will enable coverage report when it is enabled explicitly and the html
 <img alt="html coverage activation in Vitest UI" img-light src="/vitest-ui-show-coverage-light.png">
 <img alt="html coverage activation in Vitest UI" img-dark src="/vitest-ui-show-coverage-dark.png">
 
-<img alt="html coverage in Vitest UI" img-light src="/vitest-ui-coverage-light.png">
-<img alt="html coverage in Vitest UI" img-dark src="/vitest-ui-coverage-dark.png">
+<img alt="html coverage in Vitest UI" img-light src="/ui-coverage-1-light.png">
+<img alt="html coverage in Vitest UI" img-dark src="/ui-coverage-1-dark.png">
diff --git a/docs/guide/ui.md b/docs/guide/ui.md
@@ -18,8 +18,8 @@ vitest --ui
 
 Then you can visit the Vitest UI at <a href="http://localhost:51204/__vitest__/">`http://localhost:51204/__vitest__/`</a>
 
-<img alt="Vitest UI" img-light src="https://user-images.githubusercontent.com/11247099/171992267-5cae2fa0-b927-400a-8eb1-da776974cb61.png">
-<img alt="Vitest UI" img-dark src="https://user-images.githubusercontent.com/11247099/171992272-7c6057e2-80c3-4b17-a7b6-0ac28e5a5e0b.png">
+<img alt="Vitest UI" img-light src="/ui-1-light.png">
+<img alt="Vitest UI" img-dark src="/ui-1-dark.png">
 
 UI can also be used as a reporter. Use `'html'` reporter in your Vitest configuration to generate HTML output and preview the results of your tests:
 

diff --git a/docs/public/ui-1-dark.png b/docs/public/ui-1-dark.png
diff --git a/docs/public/ui-1-light.png b/docs/public/ui-1-light.png
diff --git a/docs/public/ui-browser-1-dark.png b/docs/public/ui-browser-1-dark.png
diff --git a/docs/public/ui-browser-1-light.png b/docs/public/ui-browser-1-light.png
diff --git a/docs/public/ui-coverage-1-dark.png b/docs/public/ui-coverage-1-dark.png
diff --git a/docs/public/ui-coverage-1-light.png b/docs/public/ui-coverage-1-light.png
diff --git a/docs/public/vitest-ui-coverage-dark.png b/docs/public/vitest-ui-coverage-dark.png
diff --git a/docs/public/vitest-ui-coverage-light.png b/docs/public/vitest-ui-coverage-light.png
diff --git a/packages/ui/index.html b/packages/ui/index.html
@@ -2,7 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="icon" href="/favicon.ico" sizes="48x48">
+    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vitest</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />

diff --git a/packages/ui/public/favicon.ico b/packages/ui/public/favicon.ico