diff --git a/apps/acp-devtools/test/unit/environment.spec.ts b/apps/acp-devtools/test/unit/environment.spec.ts index 8b6d690..61d526a 100644 --- a/apps/acp-devtools/test/unit/environment.spec.ts +++ b/apps/acp-devtools/test/unit/environment.spec.ts @@ -52,6 +52,9 @@ describe('ACP DevTools workbench', () => { it('converges the real agent launcher to its supported scenario', async () => { const wrapper = mount(App) await flushPromises() + await vi.waitFor(() => + expect(wrapper.find('#scenario-select').exists()).toBe(true) + ) await wrapper.get('#scenario-select').setValue('cancel-during-permission') await wrapper.get('#target-select').setValue('opencode') diff --git a/apps/acp-devtools/vite.config.ts b/apps/acp-devtools/vite.config.ts index e021223..4f3b97b 100644 --- a/apps/acp-devtools/vite.config.ts +++ b/apps/acp-devtools/vite.config.ts @@ -1,7 +1,24 @@ import vue from '@vitejs/plugin-vue' +import vueJsx from '@vitejs/plugin-vue-jsx' +import { resolve } from 'node:path' import { defineConfig } from 'vite' export default defineConfig({ - plugins: [vue()], + plugins: [vue(), vueJsx()], + resolve: { + alias: { + 'axis-ui': resolve(__dirname, '../../packages/components/index.ts'), + '@axis-ui/utils': resolve(__dirname, '../../packages/utils/index.ts'), + '@axis-ui/theme-chalk/src': resolve( + __dirname, + '../../packages/theme-chalk/src' + ), + '@axis-ui/theme-chalk': resolve(__dirname, '../../packages/theme-chalk'), + '@axis-ui/acp-core': resolve( + __dirname, + '../../packages/acp-core/src/index.ts' + ), + }, + }, server: { host: '127.0.0.1', port: 5173, strictPort: true }, }) diff --git a/vitest.config.ts b/vitest.config.ts index 60a66e0..fb4ec96 100644 --- a/vitest.config.ts +++ b/vitest.config.ts @@ -41,7 +41,8 @@ export default defineConfig({ }, }, { - plugins: [vue()], + plugins: [vue(), vueJsx()], + resolve: { alias: aliases }, test: { name: 'acp-devtools', environment: 'happy-dom', @@ -77,7 +78,8 @@ export default defineConfig({ }, }, { - plugins: [vue()], + plugins: [vue(), vueJsx()], + resolve: { alias: aliases }, test: { name: 'browser', include: ['apps/acp-devtools/test/browser/**/*.browser.spec.ts'],