adjust navigation tests

Author: StackOverflowIsBetterThanAnyAI

cypress/e2e/navigation_large_screen.cy.js

@@ -16,7 +16,12 @@ describe('twitch-app contains navigation bar for large screen sizes', () => {
     it('displays the whole navigation bar content for large screen sizes', () => {
         cy.get('[data-testid="navigation"]').should('have.length', 1)
 
-        cy.get('[data-testid="navigation"]').children().should('have.length', 3)
+        cy.get('[data-testid="navigation"]').children().should('have.length', 1)
+
+        cy.get('[data-testid="navigation"]')
+            .children()
+            .children()
+            .should('have.length', 3)
     })
 
     it('displays the homepage button for large screen sizes', () => {

cypress/e2e/navigation_small_screen.cy.js

@@ -17,7 +17,12 @@ describe('twitch-app contains navigation bar for small screen sizes', () => {
     it('displays the whole navigation bar content for small screen sizes', () => {
         cy.get('[data-testid="navigation"]').should('have.length', 1)
 
-        cy.get('[data-testid="navigation"]').children().should('have.length', 3)
+        cy.get('[data-testid="navigation"]').children().should('have.length', 1)
+
+        cy.get('[data-testid="navigation"]')
+            .children()
+            .children()
+            .should('have.length', 3)
     })
 
     it('displays the homepage button for small screen sizes', () => {