diff --git a/packages/docs/src/routes/docs/integrations/vitest/index.mdx b/packages/docs/src/routes/docs/integrations/vitest/index.mdx
index d7b9f46cbc7..acf8382ed60 100644
--- a/packages/docs/src/routes/docs/integrations/vitest/index.mdx
+++ b/packages/docs/src/routes/docs/integrations/vitest/index.mdx
@@ -24,10 +24,10 @@ You can add vitest easily by using the following Qwik starter script:
 npm run qwik add vitest
 ```
 
-After running the command, vitest will be installed and a new component will be added to your project. The component will be added to the `src/components/example` directory as long as a new unit test is named `example.spec.ts`.
-If you are looking for an example for a Component with QwikCity checkout [QwikCityMockProvider](/docs/(qwikcity)/api/index.mdx#qwikcitymockprovider)
+After running the command, vitest will be installed and a new component will be added to your project. The component will be added to the `src/components/example` directory as long as a new unit test named `example.spec.tsx`.
+If you are looking for an example for a Component with QwikCity checkout [QwikCityMockProvider](/docs/(qwikcity)/api/index.mdx#qwikcitymockprovider).
 
-```tsx title="example.spec.ts"
+```tsx title="example.spec.tsx"
 import { createDOM } from '@builder.io/qwik/testing';
 import { test, expect } from 'vitest';
 import { ExampleTest } from './example';