Tests succeed locally but fail in github-actions

[briansmith-fr]

I'm new to Cypress. I have tests that succeed locally (via npm cypress run); But in github-actions, they fail. Here's a snippet from the github-action log:

2 failing

1. Lists of assessments
   Should have assessments:
   AssertionError: Timed out retrying: Expected to find element: .content-margin, but never found it.
   at Context.eval (http://localhost:3001/__cypress/tests?p=cypress/integration/list_assessments.spec.js:1188:31)

Here's my .github/workflows yml:

# This is a basic workflow to help you get started with Actions

name: Cypress Tests

on:
  push:
    branches:
      - "*"

  workflow_dispatch:

jobs:
  cypress-run:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v1
      # Install NPM dependencies, cache them correctly
      # and run all Cypress tests
      - name: Cypress run
        uses: cypress-io/github-action@v2
        env:
          PORT: 3001
        with:
          start: npm start
          wait-on: http://localhost:3001/
          browser: chrome
          headless: true

I have an "always succeeds" test that does succeed in actions; the ones that actually do something, fail.

I've tried things like omitting browser, omitting headless, etc. No dice. Is there a checklist of things I should be looking for? Any guidance is much appreciated.

Regards,
Brian

[bahmutov]

What are the commands in the test? Can you store the test artifacts like screenshots and videos on GH Actions or on Cypress Dashboard to share?

[briansmith-fr]

in beforeEach, I set up two cy.intercepts to return payload jsons I have set up in cypress/fixtures. Here's what one of my tests looks like:

  it("Should be empty list of assessments", () => {
    cy.intercept("GET", "/pr_assessments", {
      fixture: "assessments_empty_payload.json",
    });
    cy.visit("/assessments");
    cy.get(".content-margin").should(
      "contain.text",
      "PRA"
    );
    cy.get(".list-group").should("not.exist");
  });

FWIW, it's a React-based app; my local dev environment I have a rails server running locally, and then this app. I think I'm intercepting all calls to the rails server: I stop it before running local tests.

[bahmutov]

You can see how to store test artifacts on GitHub https://github.com/cypress-io/github-action#artifacts

[briansmith-fr]

I'll do that. Thank you for the lead.

[briansmith-fr]

Here's a video from the test. I never see anything past the default blank page.
list_assessments.spec.js.mp4.zip