tests: Fix cypress config to resolve Vue with runtime compiler

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

build/l10n-plugin.mts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { Plugin } from 'vite'
+import type { Plugin } from 'vite'
 import { loadTranslations } from './translations.mts'
 import { dirname, resolve } from 'path'
 

cypress.config.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: CC0-1.0
  */
 import { defineConfig } from 'cypress'
-import { configureVisualRegression } from 'cypress-visual-regression'
+import { configureVisualRegression } from 'cypress-visual-regression/dist/plugin'
 
 export default defineConfig({
 	projectId: '3paxvy',
@@ -48,6 +48,15 @@ export default defineConfig({
 		devServer: {
 			framework: 'vue',
 			bundler: 'vite',
+			viteConfig: {
+				configFile: 'vite.config.ts',
+				// Ensure we use the runtime compiler of vue
+				resolve: {
+					alias: {
+						vue: 'vue/dist/vue.esm-bundler.js',
+					},
+				},
+			},
 		},
 	},
 })

cypress/visual/AppNavigationItem.cy.ts

@@ -4,7 +4,7 @@
  */
 import { mount } from 'cypress/vue'
 import { defineComponent } from 'vue'
-import { createRouter, createMemoryHistory} from 'vue-router'
+import { createRouter, createMemoryHistory } from 'vue-router'
 
 import NcAppNavigationItem from '../../src/components/NcAppNavigationItem/NcAppNavigationItem.vue'
 
@@ -37,7 +37,7 @@ describe('NcAppNavigationItem', () => {
 			})
 		})
 
-		it('has tertiary styling on non active route', () => {
+		it.only('has tertiary styling on non active route', () => {
 			cy.contains('.app-navigation-entry', 'Foo').compareSnapshot('NcAppNavigationItem-tertiary-non-active-route')
 		})