\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\u003C/script>\r\n```\r\n\r\nApp.vue\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>Message: {{ getMessage(\"Hello World\") }}\u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { getMessage } from \"@/service/message-service\";\r\n```\r\n\r\nApp.test.ts\r\n```\r\nimport { it, expect, vi } from \"vitest\";\r\nimport { mountSuspended } from \"@nuxt/test-utils/runtime\";\r\nimport App from \"../../layouts/default.vue\";\r\n\r\nvi.mock(\"@/service/message-service\", () => {\r\n return {\r\n getMessage: () => \"hello from mock!!\",\r\n };\r\n});\r\n\r\n\r\nit(\"nuxt unit testing\", async () => {\r\n const component = await mountSuspended(App, { route: \"/\" });\r\n expect(component.html()).toMatchInlineSnapshot(\r\n `\"\u003Cdiv>Message: hello Hello World\u003C/div>\"`\r\n );\r\n});\r\n\r\n```\r\n\r\nmessage-service.ts\r\n```\r\nexport function getMessage(message: string): string {\r\n console.log(\"FROM ACTUAL\");\r\n return `hell ${message}`;\r\n}\r\n```\r\n\n\n### Describe the bug\n\nI was expecting vitest vi.mock should be able to mock imports to provide custom/mock implementation, however it seems that vi.mock is not working in the context of nuxt test?\r\n\r\nIf so, how are we suppose to create unit tests and/or E2E using nuxt/test-utils package and be able to provide flexible mocking mechanism?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2001,2004,2007],{"name":2002,"color":2003},"bug","d73a4a",{"name":2005,"color":2006},"vitest-environment","b60205",{"name":2008,"color":2009},"pending triage","5D08F5",935,"How to mock custom imports while using mountSuspended to test","2024-09-09T02:17:10Z","https://github.com/nuxt/test-utils/issues/935",0.7820651,{"description":2016,"labels":2017,"number":2023,"owner":1991,"repository":2024,"state":1993,"title":2025,"updated_at":2026,"url":2027,"score":2028},"### Environment\n\nN/A\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nN/A\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/dashboard-sidebar#control-open-state\n\n### Description\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2018,2019,2020],{"name":2002,"color":2003},{"name":1985,"color":1986},{"name":2021,"color":2022},"v3","49DCB8",3561,"ui","Cloudflare error in docs","2025-03-17T14:40:36Z","https://github.com/nuxt/ui/issues/3561",0.7823267,{"description":2030,"labels":2031,"number":2036,"owner":1991,"repository":2024,"state":1993,"title":2037,"updated_at":2038,"url":2039,"score":2040},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2(vite@5.4.11)(vue@3.5.13)\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-dvarzb\n\n### Description\n\nI tried to add new functionality on USelectMenu to have information icon on select menu option so that when you hover on it, it will trigger UPopover to display important detail of the object including an action button to open a slideover. \n\nI tried it on multiple mode and single mode. But the implementation was not working on single mode. To give you more context, I'm using `@mouseenter` and `@mouseleave` events on the popover panel slot in order to detect whether I'm on the popover panel and to prevent clicking the option when I'm clicking the `Open detailed view` button.\n\n\n\nThe issue was when I'm in single mode and tried to hover on the icon then clicked the `Open detailed view` button, it closes both the popover and the select menu.\n\nI expect it would open the slide over both in multiple and single select menu.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2032,2033],{"name":2002,"color":2003},{"name":2034,"color":2035},"triage","ffffff",2753,"[USelectMenu] [UPopover] Can't open click button inside popover panel in select menu option","2024-11-25T08:09:32Z","https://github.com/nuxt/ui/issues/2753",0.7875348,{"description":2042,"labels":2043,"number":2049,"owner":1991,"repository":1992,"state":1993,"title":2050,"updated_at":2051,"url":2052,"score":2053},"### Environment\n\nhttps://stackblitz.com/edit/github-shyy23?file=pages%2Fmypage.vue\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-shyy23?file=pages%2Fmypage.vue\n\n### Describe the bug\n\n`expect(useRoute().path).toEqual('/')` fails when `navigateTo('/')` called within page component. Doesn't fail when called directly in test itself.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2044,2045,2046],{"name":2002,"color":2003},{"name":2005,"color":2006},{"name":2047,"color":2048},"stale","dadada",668,"navigateTo assert not working when triggered inside page","2024-04-29T16:10:06Z","https://github.com/nuxt/test-utils/issues/668",0.7880947,{"description":2055,"labels":2056,"number":2060,"owner":1991,"repository":1992,"state":2061,"title":2062,"updated_at":2063,"url":2064,"score":2065},"### Environment\n\nReproduction: https://stackblitz.com/edit/github-gu1sj1-xq3xf8?file=tests%2Fe2e%2Fbasic.e2e.test.ts\r\n\r\nA minimal repo with just [vitest](https://github.com/vitest-dev/vitest) and [@nuxt/test-utils](https://github.com/nuxt/test-utils), an app.vue, and a `pages/index.vue` fails with error:\r\n\r\n```js\r\n❯ npm run test\r\n\r\n> test\r\n> vitest\r\n\r\nRunning with compatibility version `4`\r\n\r\n DEV v1.6.0 /home/projects/github-gu1sj1-xq3xf8/app\r\n\r\n ❯ ../tests/e2e/basic.e2e.test.ts (1)\r\n ❯ basic (1)\r\n ⠹ [ beforeAll ]\r\n · contains Welcome to Nuxt! string\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n FAIL ../tests/e2e/basic.e2e.test.ts > basic\r\nError: Cannot find any nuxt version from ./app\r\n ❯ Module.loadNuxt ../node_modules/@nuxt/kit/dist/index.mjs:2729:11\r\n ❯ loadFixture ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:102:14\r\n 100| });\r\n 101| const buildDir = ctx.nuxt.options.buildDir;\r\n 102| if (!existsSync(buildDir)) {\r\n | ^\r\n 103| await promises.mkdir(buildDir, { recursive: true });\r\n 104| ctx.teardown = ctx.teardown || [];\r\n ❯ setup2 ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:178:7\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯\r\n\r\n Test Files 1 failed (1)\r\n Tests (1)\r\n Start at 09:54:14\r\n Duration 4.84s (transform 445ms, setup 45ms, collect 2.14s, tests 5ms, environment 0ms, prepare 807ms)\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-gu1sj1-xq3xf8?file=tests%2Fe2e%2Fbasic.e2e.test.ts\n\n### Describe the bug\n\nCannot successfully end-to-end test if there is a pages directory with an index.vue.\n\n### Additional context\n\n```\r\n\"dependencies\": {\r\n \"@nuxt/test-utils\": \"^3.13.1\",\r\n \"nuxt\": \"^3.12.3\",\r\n \"vitest\": \"^1.4.0\",\r\n \"vue\": \"latest\"\r\n }\r\n```\n\n### Logs\n\n```shell-script\n❯ npm run test\r\n\r\n> test\r\n> vitest\r\n\r\nRunning with compatibility version `4`\r\n\r\n DEV v1.6.0 /home/projects/github-gu1sj1-xq3xf8/app\r\n\r\n ❯ ../tests/e2e/basic.e2e.test.ts (1)\r\n ❯ basic (1)\r\n ⠹ [ beforeAll ]\r\n · contains Welcome to Nuxt! string\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n FAIL ../tests/e2e/basic.e2e.test.ts > basic\r\nError: Cannot find any nuxt version from ./app\r\n ❯ Module.loadNuxt ../node_modules/@nuxt/kit/dist/index.mjs:2729:11\r\n ❯ loadFixture ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:102:14\r\n 100| });\r\n 101| const buildDir = ctx.nuxt.options.buildDir;\r\n 102| if (!existsSync(buildDir)) {\r\n | ^\r\n 103| await promises.mkdir(buildDir, { recursive: true });\r\n 104| ctx.teardown = ctx.teardown || [];\r\n ❯ setup2 ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:178:7\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯\r\n\r\n Test Files 1 failed (1)\r\n Tests (1)\r\n Start at 09:54:14\r\n Duration 4.84s (transform 445ms, setup 45ms, collect 2.14s, tests 5ms, environment 0ms, prepare 807ms)\n```\n",[2057,2058,2059],{"name":2002,"color":2003},{"name":2005,"color":2006},{"name":2008,"color":2009},895,"closed","Adding `/pages/index.vue` breaks e2e testing","2024-07-18T14:13:18Z","https://github.com/nuxt/test-utils/issues/895",0.6634228,{"description":2067,"labels":2068,"number":2071,"owner":1991,"repository":2024,"state":2061,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.12.3\n- Builder: -\n- User Config: future, compatibilityDate, devtools, modules, css, hub, runtimeConfig, nitro\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.12, @nuxt/content@3.1.1, nuxt-auth-utils@0.5.15, @nuxthub/core@0.8.17, @vueuse/nuxt@11.3.0, nuxt-countdown@1.2.0, @nuxt/scripts@0.9.5\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n```\n\u003Ctemplate>\n \u003CUModal>\n \u003CUButton label=\"Open\" color=\"neutral\" variant=\"subtle\" />\n\n \u003Ctemplate #body>\n \u003CPlaceholder class=\"h-48\" />\n \u003C/template>\n \u003C/UModal>\n\u003C/template>\n```\n\n\u003Cimg width=\"535\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/2e3fcc38-19b9-4090-80ae-587197d11a76\" />\n\n### Description\n\nWhen using a `UModal` without a `title`, a `divider` is still displayed at the top of the modal. This can cause a layout issue, as it appears misaligned with the close button (see screenshot). \n\n**Expected behavior**: \n- Either the `divider` should be automatically removed when there is no `title`. \n- Or it should be better positioned to avoid unnecessary spacing at the top of the modal. \n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2069,2070],{"name":2002,"color":2003},{"name":2021,"color":2022},3333,"`UModal` without `title` displays a misaligned divider","2025-02-19T14:19:42Z","https://github.com/nuxt/ui/issues/3333",0.71327585,{"description":2077,"labels":2078,"number":2079,"owner":1991,"repository":2080,"state":2061,"title":2081,"updated_at":2082,"url":2083,"score":2084},"Going on this Page: https://nuxt.com/docs/getting-started/configuration and clicking on \"nuxt.config.ts\" results in a 404\r\nalso going to https://nuxt.com/docs/guide and going to nuxt.config.ts via the directory structure also returns into 404.",[],1391,"nuxt.com","nuxt config returning 404","2023-10-25T09:32:28Z","https://github.com/nuxt/nuxt.com/issues/1391",0.7564178,{"description":2086,"labels":2087,"number":2088,"owner":1991,"repository":2080,"state":2061,"title":2089,"updated_at":2090,"url":2091,"score":2092},"",[],459,"Livepreview minimap","2022-05-09T08:13:35Z","https://github.com/nuxt/nuxt.com/issues/459",0.76554555,{"description":2094,"labels":2095,"number":2088,"owner":1991,"repository":1992,"state":2061,"title":2096,"updated_at":2097,"url":2098,"score":2092},"with v2 we don't have any utility to make http requests (server.ts) we may use got as mentioned in nuxt/test-utils#285 ",[],"[v2] add request helper","2023-12-02T00:13:11Z","https://github.com/nuxt/test-utils/issues/459",["Reactive",2100],{},["Set"],["ShallowReactive",2103],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"iurem_nTZonmY0bTVfM_UllOMDHMKvfNC1DPMrMzigU":-1},"/nuxt/nuxt.com/1094"]