Hey guys, has anyone tried cypress with github actions? I can't make it work, i have a env var but it appears that github actions can't recognize it

Does it work locally? Outside of CI?

The only GH-actions specific thing that might not work is that the env var might be case-sensitive...?

So it should be CYPRESS_HOST/PORT?

Yeah perhaps

it depends on how GH Actions works, but that's the first thing I'd try

Well, this is progress but what I don't understand its why it says port 3000 its in use

But if I use another port it returns this

Meaning that there is no such port in the tests, which is true

@User try using CYPRESS_BASE_URL instead of HOST and PORT

Like this env: CYPRESS_BASE_URL: http://localhost:3000

Also probobly just want to set the same thing in the cypress.json file

Then you don't even need the env variable in github actions

😮‍💨 you're totally right @User

dont forget to change the cy.visit("/") from (url)

Hi, I have written a overwrite custom command for request, since I need to add an additional header

Cypress.Commands.overwrite('request', (originalFn, ...args) => {
  cy.getCookies()
    .then((Cookie) => {
      const defaults = {
        headers: {
          'X-XSRF-TOKEN': Cookie[1].value,
          'Content-Type': 'application/json'
        }
      };
      let options = {};
      if (Cypress._.isObject(args[0])) {
        options = Object.assign({}, args[0]);
        ... 
      return originalFn(Object.assign({}, defaults, options));
    });
});

Problem here is as soon as I start running my spec file it fails with

TypeError Cookie[1] is undefined

Later when I change

'X-XSRF-TOKEN': Cookie[1],

it runs fine and gives validate 401, after that if I add

'X-XSRF-TOKEN': Cookie[1].value,

it works fine. I don't understand why at first it throws TypeError.

so, Cookie[1] contains cookies but when I specify

'X-XSRF-TOKEN': Cookie[1].value,

it throws

TypeError Cookie[1] is undefined

I specifically queried for

cy.getCookie('XSRF-TOKEN')

and assigned

'X-XSRF-TOKEN': Cookie.value,

now it throws

Cookie is null

just wondering why when Cookie has cookie details. I am calling this fn, in beforeEach of a spec file (for example) :

beforeEach(() => {
    cy.login(Cypress.env('username'), Cypress.env('password'));
    cy.visit('/');
    cy.get('.c8y-ui-title > .text-truncate', { timeout: 10000 }).should('be.visible');
    cy.request('/inventory/managedObjects', 'POST', deviceObj);
  });

@User I'm still dealing with this, i can't make it work, now it returns this new error

not cypress.env.json , but cypress.json , and the field is called baseUrl

Then you can throw out the const url = Cypress.env("CYPRESS_BASE_URL") from your files , and throw away the env: from the github workflow

And just do cy.visit("/") everywhere

Like this?

cypress.json should it be uploaded to github?

Yeah, push everything, and looks good now

Might want to have a read about it https://docs.cypress.io/guides/references/configuration#cypress-json

And heres a bunch of examples how to set up github actions with cypress

Yeah, that's where I got this

I have used actions before but never with env vars

Planning to run this on multiple environments I assume?