fix(NcAppNavigationItem): run cypress tests

Signed-off-by: Raimund Schlüßler <[email protected]>

cypress.config.ts

@@ -42,11 +42,6 @@ export default defineConfig({
 
 		},
 
-		excludeSpecPattern: [
-			'cypress/visual/AppNavigationItem.cy.ts',
-		],
-
-
 		devServer: {
 			framework: 'vue',
 			bundler: 'vite',

cypress/visual/AppNavigationItem.cy.ts

@@ -1,33 +1,21 @@
-import { mount } from 'cypress/vue2'
-import Vue, { defineComponent } from 'vue'
-import VueRouter from 'vue-router'
+import { mount } from 'cypress/vue'
+import { createRouter, createMemoryHistory} from 'vue-router'
 
-import NcAppNavigationItem from '../../src/components/NcAppNavigationItem/NcAppNavigationItem.vue'
+import Wrapper from './Wrapper.vue'
 
 describe('NcAppNavigationItem', () => {
 	describe('With router link', () => {
-		const RouterComponent = defineComponent({
-			template: `
-			<div style="width: 300px; background: white;">
-				<NcAppNavigationItem name="Home" to="/" :editable="true" />
-				<NcAppNavigationItem name="Foo" to="/foo" :editable="true" />
-				<NcAppNavigationItem name="Back" active :editable="true" />
-				<NcAppNavigationItem name="Bar" :editable="true" />
-			</div>`,
-			components: { NcAppNavigationItem },
-		})
 
-		const router = new VueRouter({
+		const router = createRouter({
 			routes: [
 				{ path: '/' },
 				{ path: '/foo' },
 			],
+			history: createMemoryHistory(),
 		})
 
 		beforeEach(() => {
-			Vue.use(VueRouter)
-
-			mount(RouterComponent as never, {
+			mount(Wrapper as never, {
 				extensions: {
 					plugins: [router],
 				},

cypress/visual/Wrapper.vue

@@ -0,0 +1,18 @@
+<template>
+	<div style="width: 300px; background: white;">
+		<NcAppNavigationItem name="Home" to="/" :editable="true" />
+		<NcAppNavigationItem name="Foo" to="/foo" :editable="true" />
+		<NcAppNavigationItem name="Back" active :editable="true" />
+		<NcAppNavigationItem name="Bar" :editable="true" />
+	</div>
+</template>
+
+<script>
+import NcAppNavigationItem from '../../src/components/NcAppNavigationItem/NcAppNavigationItem.vue'
+
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+	components: { NcAppNavigationItem },
+})
+</script>