Run cypress on linux machine using gitlab runner

[danicosas]

Good morning, I have a problem with the following environment:

• Gitlab-runner on Linux machine without UI.
• Job configured to run some scenarios in Cypress in the same repository where I upload those scenarios.

.gitlab-yml: content:

variables:
  npm_config_cache: '$CI_PROJECT_DIR/.npm'
  CYPRESS_CACHE_FOLDER: '$CI_PROJECT_DIR/cache/Cypress'

cache:
  key: ${CI_COMMIT_REF_SLUG}
  paths:
    - .cache/*
    - cache/Cypress
    - node_modules
    - build
    
cypress:
  image: node:latest
  cache:
    key: ${CI_COMMIT_REF_SLUG}
    paths:
      - node_modules/
      - .npm/
  script:
    - npm ci
    - npx cypress verify
    - npm run cypress:run
  allow_failure: true
  artifacts:
    when: always
    paths:
      - cypress/videos/**/*.mp4
      - cypress/screenshots/**/*.png
    expire_in: 1 day

Currently, when I run the scenarios from the command line (npm run cypress:run) on my local machine (Win10), everything works fine, all the scenarios run without any problems:

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ √  cloud.feature                             05:34        4        4        -        -        - │
  ├────────────────────────────────────────────────────────────────────────────────────────────────┤
  │ √  login.feature                             00:52        6        6        -        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    √  All specs passed!                         06:26       10       10        -        -        -  

But when I run them from the Gitlab-runner job, most tests give me an error, I've tried multiple things and I can't figure out why:

  (Run Finished)
       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  cloud.feature                            02:39        4        -        4        -        - │
  ├────────────────────────────────────────────────────────────────────────────────────────────────┤
  │ ✖  login.feature                            01:34        6        4        2        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  2 of 2 failed (100%)                     04:13       10        4        6        -        -  

When executing the job, the log shows this information:

Running with gitlab-runner 14.10.1 (f761588f)
  on gitlab-runner1 sQ5ab_3r
Preparing the "shell" executor
00:00
Using Shell executor...
Preparing environment
00:00
Running on gitlab-runner1...
Getting source from Git repository
00:02
Fetching changes with git depth set to 50...
Reinitialized existing Git repository in /home/gitlab-runner/builds/sQ5ab_3r/0/desarrollo/qa-automation-pipeline/.git/
Checking out fae8ec1d as main...
Removing .npm/
Removing cache/
Skipping Git submodules setup
Restoring cache
00:00
Checking cache for main-14...
Runtime platform                                    arch=amd64 os=linux pid=31174 revision=f761588f version=14.10.1
No URL provided, cache will not be downloaded from shared cache server. Instead a local version of cache will be extracted. 
Successfully extracted cache
Executing "step_script" stage of the job script
$ npm ci
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: Cucumber is publishing new releases under @cucumber/cucumber
npm WARN deprecated [email protected]: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
added 675 packages, and audited 676 packages in 51s
82 packages are looking for funding
  run `npm fund` for details
found 0 vulnerabilities
$ npx cypress verify
[STARTED] Task without title.
[SUCCESS] Task without title.
$ npm run cypress:run
> [email protected] cypress:run
> cypress run
[31631:0517/093108.815049:ERROR:gpu_init.cc(453)] Passthrough is not supported, GL is swiftshader, ANGLE is 
tput: No value for $TERM and no -T specified
====================================================================================================
  (Run Starting)
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        9.6.1                                                                          │
  │ Browser:        Electron 94 (headless)                                                         │
  │ Node Version:   v16.15.0 (/usr/bin/node)                                                       │
  │ Specs:          2 found (cloud.feature, login.feature)                                 │
  │ Experiments:    experimentalSessionAndOrigin=true                                              │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘

It should be noted that just after the "cypress run", this message appears, I do not know if it is the cause of my problems, but I have not been able to find information about it:

[31631:0517/093108.815049:ERROR:gpu_init.cc(453)] Passthrough is not supported, GL is swiftshader, ANGLE is 
tput: No value for $TERM and no -T specified

Hope someone can help me, I have tried a thousand possible configurations and several different ymls. many thanks in advance!

[gkatsanos]

Cypress has a specific set of requirements in terms of machine in order to be able to run. It needs a browser, naturally, UI, and more.
This is why, for CIs, pre-configured docker images are provided by Cypress ( https://github.com/cypress-io/cypress-docker-images ).

In order to run your gitlab job in a docker image, you need to follow these steps here.

[muratkeremozcan]

There are some GitLab yml files in this repo, you should be able to drop the repo into GitLab and update the runner to try to reproduce.

https://github.com/muratkeremozcan/angular-playground