How to use finalPropName method in Cypress

For me mouseover works. It's a known Cypress bug pending to be solved. However, try these:

cy.get('#gh-Alerts-i').trigger('onmouseover')
cy.get('#gh-Alerts-i').trigger('mouseenter')
cy.get('#gh-Alerts-i').invoke('trigger', 'contextmenu')
cy.get('#gh-Alerts-i').rightclick();

If you want to use the :has() pseudo-selector, you should do so on the outer of the .each() loop.

But please beware, :has() pseudo-selector will fail if there are zero buttons already clicked.

let myArray: any = []

cy.get('li[class="xyz"]:has(button[aria-label="remove"])')  // implied filter
  .each($li => {
    // only element with remove attribute inside here
    cy.wrap($li)
      .find('div[class="theText"]')
      .invoke('text')
      .then(text => {
        myArray.push(text)
      })
  })
}).then(() => {
  cy.wrap(myArray).as('myArray')
})

Yes, it looks like there is a good attempt to create a scenario recorder and it works to a great extent:

https://chrome.google.com/webstore/detail/cypress-scenario-recorder/fmpgoobcionmfneadjapdabmjfkmfekb/related?hl=en

Do you get the error message similar to the following?

The cypress npm package is installed, but the Cypress binary is missing.
We expected the binary to be installed here: /xxx/.cache/Cypress/4.8.0/Cypress/Cypress
Reasons it may be missing:
- You're caching 'node_modules' but are not caching this path: /xxx/.cache/Cypress
- You ran 'npm install' at an earlier build step but did not persist: /root/.cache/Cypress
Properly caching the binary will fix this error and avoid downloading and unzipping Cypress.
Alternatively, you can run 'cypress install' to download the binary again.

If so, according to the error log, it provides a workaround to this problem. You can try to run the cypress install command again to fix the problem. Here is a case you can refer to.

In addition, the quotation mark of “$(Agent.OS)” should be like "$(Agent.OS)". Or you can choose to run the jobs in self-hosted agent, machine-level caches and configuration persist from run to run, which can boost speed.

I think you want to click the element <a href="/Public/app/#/calendar"> since it has the href.

There's lots of ways to target it, the one to use depends on what is unique on the page

cy.contains('a', 'Calendar').click()  // if the word Calendar only appears on this link

cy.get('a[href="/Public/app/#/calendar"]').click()  // specifies by the link itself

cy,get('i.site-menu-icon').parent().click()  // if the icon is the unique thing

I would say you are on the right track, but .contains(/^Tier2_Forest/) fails because the text is not at the beginning of the string, there is white space preceding it.

Just try .contains(/Tier2_Forest/)

or more precisely .contains(/\s*Tier2_Forest/)

where \s* matches any whitespace character (equal to [\r\n\t\f\v ])

Check it out in https://regex101.com

This is the basic structure of the dynamic test case creation spec. It is populated by a combination of environment variables and a file. The elements in the environment variable ids specify the key for the individual test cases' parameters which are provided in a separate file (also specified via an environment variable)). The ids are serialised and delimited through an outside script.

Call this script via:

$(npm bin)/cypress run --config-file cypress.json --headless --env ids=foo@bar@blah,paramsFile=myParamfile.json

features/test_xyz.js

let paramsFile = Cypress.env('paramsFile');
let ids = Cypress.env('ids');


describe('My test', () => {
  let params;

  before(() => {
    cy.task('readFileMaybe', paramsFile).then(fileContent => {
      if (fileContent === null) {
        throw new Error(`Could not find file ${paramsFile}.`);
      }
      // params = {id1: testcaseParam2, id2: testcaseParam2, ...}
      // `testcaseParamX` are objects or arrays and can therefore not be passed
      // easily into the test case via environment variables.
      params = JSON.parse(fileContent);
    });
  });

  // `ids` is a string -> needs to be split
  // e.g. `ids.split(delim).forEach(...)` to actually run.
  ids.forEach(id => {
    // Create test case.
    it(`test case for ${id}`, () => {
      let param = params[id];

      // run assertions here...
    });
  });
});

plugins/index.js (reference)

module.exports = (on, config) => {
  on('task', {
    // Needs to be done through a task, as we can't access `fs` in test case
    // (this task runs in Node which allows use of external libraries).
    readFileMaybe(filename) {
      // console.log('Loading ', filename);
      if (fs.existsSync(filename)) {
        return fs.readFileSync(filename, 'utf8');
      }
      // console.log('Could not find ', filename);
      return null;
    }
  });
};

This was extremely painful to get working. However, the ability to run commands outside of the Cypress context directly in Node is very powerful and can be used for similar problems, too. I hope others find this useful.

The jQuery .index() method is useful here

Search for a given element from among the matched elements

cy.contains('table thead th', 'Contact')
  .then($th => $th.index())
  .then(contactIndex => {
    cy.get('table tbody td').eq(contactIndex).should('contain', 'Maria Anders')
  })

To make sure the value of number is passed on to the type, you have to add a then, something like:

let number

describe('some test', () => {
  before(() => {
    cy.clearCookies()
  })
  it('some test', () => {
    cy.someCommand()
    clientPage.someMethod()
    cy.intercept('**/request').as('idNumber')
    clientPage.someMethod1()
    cy.wait('@idNumber')
      .then((res) => {
        number = res.response.body.numbers.id
      })
      .then(() => {
        cy.get('#someELement').type(number)
      })
  })
})

If you want to use the variable globally throughout the project, you can use the Cypress.env() method. Cypress Docs.

describe('some test', () => {
  before(() => {
    cy.clearCookies()
  })
  it('some test', () => {
    cy.someCommand()
    clientPage.someMethod()
    cy.intercept('**/request').as('idNumber')
    clientPage.someMethod1()
    cy.wait('@idNumber').then((res) => {
      cypress.env('number', res.response.body.numbers.id) //Sets Number
    })
    cy.get('#someELement').type(Cypress.env('number')) //Gets Number and types it
  })

  it('some different test', () => {
    cy.get('#someELement').type(Cypress.env('number')) //types the number
  })
})