test tab nav for stova event details component

test/component/cypress/specs/Event/StovaEventDetails/StovaEventDetailsPage.cy.jsx

@@ -19,19 +19,54 @@ describe('StovaEventDetailsPage', () => {
         name: 'this is a stova event',
         datahubEvent: { id: 'a-datahub-event' },
       }
+    })
 
+    it('should render the component with the detail layout', () => {
       cy.mountWithProvider(
         <StovaEventDetailsPage stovaEvent={stovaEvent} path={'details'} />
       )
       cy.get('[data-test="tablist"] button').contains('Details').click()
+      assertBreadcrumbs({
+        Home: urls.dashboard.index(),
+        Events: urls.events.index(),
+        [stovaEvent.name]: null,
+        Details: null,
+      })
+
+      assertLocalHeader(stovaEvent.name)
+
+      cy.get('[data-test="tablist"]')
+        .should('exist')
+        .eq(0)
+        .should('exist')
+        .children()
+        .should('have.length', 2)
+        .first()
+        .should('have.text', 'Details')
+        .next()
+        .should('have.text', 'Attendees')
+
+      assertFlashMessage(
+        'This event has been automatically synced from Stova. Event details and attendees can only be edited in Stova.'
+      )
+      cy.get('[data-test="newWindowLink"]').should(
+        'have.attr',
+        'href',
+        'https://eu-admin.eventscloud.com/loggedin/eVent/index.php?eventid=a-stova-event-id'
+      )
     })
 
-    it('should render the component with the layout data', () => {
+    it('should render the component with the attendee layout', () => {
+      cy.mountWithProvider(
+        <StovaEventDetailsPage stovaEvent={stovaEvent} path={'attendees'} />
+      )
+      cy.get('[data-test="tablist"] button').contains('Attendees').click()
+
       assertBreadcrumbs({
         Home: urls.dashboard.index(),
         Events: urls.events.index(),
         [stovaEvent.name]: null,
-        Details: null,
+        Attendees: null,
       })
 
       assertLocalHeader(stovaEvent.name)