add cypress component test in jenkins pipeline

[vahidsamimi]

I want to add a new stage to run Cypress component tests in a Jenkins pipeline. I have installed Cypress 12.7 and added it to the package.json file of my Angular project to run Cypress like this:

"cypress:run": " cypress run --component --browser chrome --headless"
in jenkinsfile added the new stage like that:

stage('Cypress Test') {
            environment {
                ELECTRON_RUN_AS_NODE = 1
              }
            steps {
                dir("${ANGULAR_WORKSPACE}") {
                    sh 'npm run cypress:run'
                }
            }
        }

First, I ran it without --headless parameter, but I got an error that I should install plugin Xvfb

It looks like this is your first time using Cypress: 3.4.0

[?25l[01:56:21]  Verifying Cypress can run /var/lib/jenkins/.cache/Cypress/3.4.0/Cypress [started]
[01:56:21]  Verifying Cypress can run /var/lib/jenkins/.cache/Cypress/3.4.0/Cypress [failed]
[?25hYour system is missing the dependency: Xvfb

Install Xvfb and run Cypress again.

Read our documentation on dependencies for more information:

https://on.cypress.io/required-dependencies

If you are using Docker, we provide containers with all required dependencies installed.

----------

Error: spawn Xvfb ENOENT

----------

after read the cypress doc, I added the env variable ELECTRON_RUN_AS_NODE = 1 in cypress stage in jenkinsfile.

but now I get the following error when the pipeline starts to run:

> cypress run --component  --browser chrome --headless

It looks like this is your first time using Cypress: 12.7.0

[STARTED] Task without title.
[FAILED] Cypress failed to start.
[FAILED] 
[FAILED] This may be due to a missing library or dependency. https://on.cypress.io/required-dependencies
[FAILED] Please refer to the error below for more details.
[FAILED] /home/insure/.cache/Cypress/12.7.0/Cypress/Cypress: error while loading shared libraries: libdrm.so.2: cannot open shared object file: No such file or directory
[FAILED] Platform: linux-x64 (Red Hat Linux - 8.4)
[FAILED] Cypress Version: 12.7.0

Cypress failed to start.
This may be due to a missing library or dependency. https://on.cypress.io/required-dependencies
Please refer to the error below for more details.

/home/insure/.cache/Cypress/12.7.0/Cypress/Cypress: error while loading shared libraries: libdrm.so.2: cannot open shared object file: No such file or directory

Platform: linux-x64 (Red Hat Linux - 8.4)
Cypress Version: 12.7.0

npm ERR! Lifecycle script `cypress:run` failed with error: 
npm ERR! Error: command failed 
npm ERR!   in workspace: [email protected] 
npm ERR!   at location: /home/insure/workspace/INSWFWP-6716_cypress_in_pipeline/workplace 
script returned exit code 1