cypress fails to set localstorage at travis CI

Current behavior:

cypress fails to set localStorage key at travis CI

Reproduce:

Im trying to configure CI e2e automation of react app.

In my app i have ProtectedRoute component which redirects not-loggedin-user to “login” page:

export const ProtectedRoute = ({ component: Component, ...rest }) => (
  <Route
    {...rest}
    render={props =>
      localStorage.getItem("user") ? ( // here it checks if localstorage has "user" key
        <Component {...props} />
      ) : (
        <Redirect
          to={{ pathname: "/login", state: { from: props.location } }}
        />
      )
    }
  />
);

In my test i’m trying to access some “protected” route and do some checks on the page. As recommended at cypress documentation - i’m not logging-in using UI, but instead, i use to call some command i created to log-in programmatically:

beforeEach(() => {
  cy.login(); // the command
})

describe('dashboard', () => {
  it('should show dashboard page', () => {        
    cy.url().should('include', 'dashboard');
  })
})

Here is the command, it`s simply creates the “user” key inside localStorage:

Cypress.Commands.add('login', () => {
   const user =  {"UserName": "Ivan","UserLastName": "Susanin"}
   localStorage.setItem('user', JSON.stringify(user))
}

At my local environment i can see the tests passing. But, at travis-CI run i see the tests failing continuously, for the reason of url is “login”

Versions

Here is my travis config file:

language: node_js
node_js:
  - 10.13
addons:
  apt:
    packages:
      # Ubuntu 16+ does not install this dependency by default, so we need to install it ourselves
      - libgconf-2-4
cache:
  # cache both npm modules and Cypress binary
  directories:
    - ~/.npm
    - ~/.cache
script:
  - npm run format:check
  - npm run lint
  - npm test
  - node fake-server/server &
  - npm run test:all

Please help .
Thanks

[jennifer-shehane]

Unfortunately we have to close this issue as there is not enough information to reproduce the problem. This does not mean that your issue is not happening - it just means that we do not have a path to move forward.

Please comment in this issue with a reproducible example and we will consider reopening the issue.

[pjaws]

I have a similar issue with a local storage related test randomly failing in CI.

Here is the test:

  it('sets the CJ event query parameter in local storage', () => {
    const expected = 'test_cjevent';

    cy.visit(`/?cjevent=${expected}`).should(async () => {
      const actual = await JSON.parse(localStorage.getItem('cjevent'));

      expect(actual.value).to.eq(expected);
      expect(actual.expiryDate).greaterThan(new Date().getTime());
    });
  });

And here is the error message when it fails:

  1) Conversion Tracking sets the CJ event query parameter in local storage:
     TypeError: Cannot read property 'value' of null
      at Context.<anonymous> (*********************/__cypress/tests?p=cypress/integration/conversionTracking.spec.js-718:2098:21)