fix: respect base (#438)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

examples/ruby/components/Test.component.vue

@@ -0,0 +1,3 @@
+<template>
+  <p>hello world</p>
+</template>

examples/ruby/config/vite.json

@@ -0,0 +1,17 @@
+{
+  "all": {
+    "sourceCodeDir": "",
+    "watchAdditionalPaths": []
+  },
+  "development": {
+    "autoBuild": true,
+    "host": "127.0.0.1",
+    "publicOutputDir": "vite-development",
+    "port": 3036
+  },
+  "test": {
+    "autoBuild": true,
+    "host": "127.0.0.1",
+    "publicOutputDir": "vite-test"
+  }
+}

examples/ruby/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "vitest-test",
+  "private": true,
+  "license": "MIT",
+  "type": "module",
+  "main": "index.js",
+  "scripts": {
+    "test": "vitest",
+    "test:run": "vitest run"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^2.0.1",
+    "@vue/test-utils": "^2.0.0-rc.18",
+    "jsdom": "^19.0.0",
+    "vite-plugin-ruby": "^3.0.4",
+    "vitest": "workspace:*",
+    "vue": "3.2.26"
+  }
+}

examples/ruby/test/components/Test.spec.ts

@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import Test from '../../components/Test.component.vue'
+
+describe('CoachInboxItem', () => {
+  it('renders', () => {
+    const wrapper = mount(Test)
+
+    expect(wrapper.html()).toContain('hello world')
+  })
+})

examples/ruby/vite.config.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite'
+import ViteRuby from 'vite-plugin-ruby'
+import Vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [Vue(), ViteRuby.default()],
+  test: {
+    environment: 'jsdom',
+  },
+})

packages/vitest/src/node/config.ts

@@ -55,6 +55,9 @@ export function resolveConfig(
     root: viteConfig.root,
   } as ResolvedConfig
 
+  if (viteConfig.base !== '/')
+    resolved.base = viteConfig.base
+
   resolved.coverage = resolveC8Options(resolved.coverage, resolved.root)
 
   resolved.depsInline = [...resolved.deps?.inline || []]

packages/vitest/src/node/execute.ts

@@ -10,7 +10,7 @@ import { createMocker } from './mocker'
 
 export type FetchFunction = (id: string) => Promise<string | undefined>
 
-export interface ExecuteOptions extends Pick<ResolvedConfig, 'depsInline' | 'depsExternal' | 'fallbackCJS'> {
+export interface ExecuteOptions extends Pick<ResolvedConfig, 'depsInline' | 'depsExternal' | 'fallbackCJS' | 'base'> {
   root: string
   files: string[]
   fetch: FetchFunction
@@ -62,7 +62,7 @@ export async function interpretedImport(path: string, interpretDefault: boolean)
 }
 
 export async function executeInViteNode(options: ExecuteOptions) {
-  const { moduleCache, root, files, fetch, mockMap } = options
+  const { moduleCache, root, files, fetch, mockMap, base } = options
 
   const externalCache = new Map<string, false | string>()
   builtinModules.forEach(m => externalCache.set(m, m))
@@ -206,7 +206,7 @@ export async function executeInViteNode(options: ExecuteOptions) {
   }
 
   async function cachedRequest(rawId: string, callstack: string[]) {
-    const id = normalizeId(rawId)
+    const id = normalizeId(rawId, base)
 
     if (externalCache.get(id))
       return interpretedImport(patchWindowsImportPath(id), options.interpretDefault)
@@ -245,7 +245,10 @@ export async function executeInViteNode(options: ExecuteOptions) {
   }
 }
 
-export function normalizeId(id: string): string {
+export function normalizeId(id: string, base?: string): string {
+  if (base && id.startsWith(base))
+    id = `/${id.slice(base.length)}`
+
   return id
     .replace(/^\/@id\/__x00__/, '\0') // virtual modules start with `\0`
     .replace(/^\/@id\//, '')

packages/vitest/src/runtime/worker.ts

@@ -44,6 +44,7 @@ async function startViteNode(ctx: WorkerContext) {
     depsExternal: config.depsExternal,
     fallbackCJS: config.fallbackCJS,
     interpretDefault: config.interpretDefault,
+    base: config.base,
   }))[0]
 
   _viteNode = { run, collect }

packages/vitest/src/types/config.ts

@@ -239,6 +239,8 @@ export interface UserConfig extends InlineConfig {
 }
 
 export interface ResolvedConfig extends Omit<Required<UserConfig>, 'config' | 'filters' | 'coverage' | 'testNamePattern' | 'related' | 'api'> {
+  base?: string
+
   config?: string
   filters?: string[]
   testNamePattern?: RegExp