Почему элемент DOM обнаруживается локально без браузера, но не обнаруживается при запуске в CI?

Я использую Cypress для автоматического тестирования.

Я имею дело с этим куском кода, на котором тесты проходят локально с и без браузере, но не работает в GitLab CI.

HTML:

import React from 'react';
import { Link } from 'react-router-dom';


const NavBar = props => (

        <nav className = "navbar is-dark" role = "navigation" aria-label = "main navigation">
          <div className = "navbar-brand">
            <strong className = "navbar-item">
              { props.title }</strong>
              <span className = "nav-toggle navbar-burger" onClick = {() => {
                  let toggle = document.querySelector('.nav-toggle');
                  let menu = document.querySelector('.navbar-menu');
                  toggle.classList.toggle('is-active');
                  menu.classList.toggle('is-active');
                }}>
              <span aria-hidden = "true"></span>
              <span aria-hidden = "true"></span>
              <span aria-hidden = "true"></span>
          </span>
        </div>
            <div className = "navbar-menu">
              <div className = "navbar-start">
                <Link to = "/" className = "navbar-item">Home</Link>
                {props.isAuthenticated && <Link to = "/about" className = "navbar-item">About</Link>}
                {props.isAuthenticated && <Link to = "/status" className = "navbar-item">User Status</Link>}
              </div>

            <div className = "navbar-end">
              {!props.isAuthenticated && <Link to = "/register" className = "navbar-item" onClick = {props.onClearForm}>Register</Link>}
              {!props.isAuthenticated && <Link to = "/login" className = "navbar-item" onClick = {props.onClearForm}>Login</Link>}
              {props.isAuthenticated && <Link to = "/logout" className = "navbar-item">Logout</Link>}
            </div>
          </div>
        </nav>
    )


export default NavBar;

файл спецификации:

const string = require('randomstring');
const username = string.generate();
const email = `${username}@mail.com`;

describe('Login', () => {
  it('should display the login form', () => {
    cy.visit('/login')
    .get('h1').contains('Login')
    .get('form');
  });
  it('should allow user to register', () => {
    cy.visit('/register')
    .get('input[name = "username"]').type(username)
    .get('input[name = "email"]').type(email)
    .get('input[name = "password"]').type('hakunamatata')
    .get('input[type = "submit"]').click()

    cy.get('.navbar-burger').click();
    cy.get('.navbar-end').within(() => {
      cy
      .get('.navbar-item').contains('Logout').click();

    });
  });
  it('should allow user to login', () => {
    cy.visit('/login')
    .get('input[name = "email"]').type(email)
    .get('input[name = "password"]').type('hakunamatata')
    .get('input[type = "submit"]').click()

    cy.wait(100)
    cy.contains('All Users');
    cy.get('.navbar-burger').click();
    cy.get('.navbar-end').within(() => {
      cy
      .get('.navbar-item').contains('Logout').click();

    });
  });

})

вывод ошибки из CI runner:

AssertionError: Timed out retrying: Expected to find content: 'Logout' within the element: [ <a.navbar-item>, 1 more... ] but never did.
      at Context.eval (http://nginx/__cypress/tests?p=cypress/integration/login.spec.js:37398:30)

Любая помощь очень ценится.

Кипарис версии 6.0.0

(этот текст здесь предназначен для обхода триггера SO из-за недостаточной информации)