fix(NcAppNavigationItem): adjust tests to cover active prop

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

cypress/visual/AppNavigationItem.cy.ts

@@ -7,7 +7,13 @@ import NcAppNavigationItem from '../../src/components/NcAppNavigationItem/NcAppN
 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" /></div>',
+			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 },
 		})
 
@@ -41,5 +47,20 @@ describe('NcAppNavigationItem', () => {
 			cy.contains('.app-navigation-entry', 'Home').find('.app-navigation-entry__actions').click()
 			cy.get('.app-navigation-entry--editing').compareSnapshot('NcAppNavigationItem-primary-on-active-route-menu-active')
 		})
+
+		// Entries without router
+
+		it('has tertiary styling on non active entry', () => {
+			cy.contains('.app-navigation-entry', 'Bar').compareSnapshot('NcAppNavigationItem-tertiary-non-active-entry')
+		})
+
+		it('has primary styling on active entry', () => {
+			cy.contains('.app-navigation-entry', 'Back').compareSnapshot('NcAppNavigationItem-primary-on-active-entry')
+		})
+
+		it('has primary button styling on active entry with editing=true', () => {
+			cy.contains('.app-navigation-entry', 'Back').find('.app-navigation-entry__actions').click()
+			cy.get('.app-navigation-entry--editing').compareSnapshot('NcAppNavigationItem-primary-on-active-entry-menu-active')
+		})
 	})
 })