How to use getOriginPolicy method in Cypress

Try this:

cy.get("input[placeholder=\"What's this article about?\"]").type("<3");

or this with less escape characters:

cy.get('input[placeholder="What\'s this article about?"]').type("<3");

By default, if you have not configured anything different, Cypress looks in all subfolders of the integration folder.

Please see Configuration

Folders / Files

where ** is part of a glob pattern that means 'look in all the sub folders - for all file types'.

If you have something else configured, that might be causing it, but if there is no entry then cypress.json is not the cause.

Else, if you have *.spec.js or */*.js these will exclude your files (because there's no .spec.js extension and a single * will exclude subfolders.

Speaking of excluding, if there is an ignoreTestFiles configuration entry (in cypress.json), that may be causing the problem.

I would also like to point out the PageObjects folder may be considered as tests and cause you more errors.

A common pattern is to name all files that have tests with the .spec.js extension e.g GTProject1.spec.js.

In the cypress.json file, set

testFiles: "**/*.spec.js"

which means look in the /cypress/integration folder and any sub-folders for files with the extension .spec.js. It will ignore you PageObject files which just have the .js extension.

Then you can rearrange the folders later and still see all the tests.

While investigating to post the question, I came up with a simple solution to this problem. The subject is an object which has a selector, so you can use that selector with cy.get(subject.selector) to get the Dom Element:

Cypress.Commands.add('fillInput', {prevSubject: 'element'}, (subject, value) => {
  cy.get(subject.selector).clear().type(value);
});

I think this is not a lot of clear and more people may have this issue, so I leave my solution here.

Your import needs a relative URL

import {login} from '../elements/pages/login.js'  // relative from cypress/integration

or if under cypress/suport/elements

import {login} from '../support/elements/pages/login.js'  

Absolute imports (where path has no leading ./ or ../) are presumed to be library packages in node_modules.

I just came across this article that explains how and why you store a variable and then use it later in the "Cypress way":

https://www.stevenhicks.me/blog/2020/02/working-with-variables-in-cypress-tests/

In respect to how it should work, here is my example which first, collects the message (the message is shown for only 3 secs then disappears). Secondly, it gets the value using the @ sign. Lastly my code passes the stored message through to an empty function constructed to assert that the value Portsmouth is contained within the message.

it('Current Port change', () => {
  cy.get('#viewport').find('div[id=message]').then(message => {
    let wags = message;
    cy.wrap(wags).as('wags')
  });

  cy.get('@wags').then(wags => {
     expect(wags).to.contain("Portsmouth")
  });
});

let me know if you need further clarification

maybe you can this this try when using cy.request pretty much like the usual way you use restful in cy.request

example your query name is findUser with variable of username your query should look something like findUser(username:"hello"){id, name} and so on

but instead of just this, you need to pass it as json if it is a query then it'll be {"query": findUser(username:"hello"){id, name}} this will actually be your body.

an example is below...

const query = `{
  findUser(username:"hello") {
    id
  }
}`;
    
cy.request({
  url: 'http://localhost/graphql/',  // graphql endpoint
  body: { query },                   // or { query: query } depending if you are writing with es6
  failOnStatusCode: false            // not a must but in case the fail code is not 200 / 400
}).then((res) => {
  cy.log(res);
});

This code is incorrect,

Cypress.on('window:before:load', win => {
  window.foo.abc = true;
});

It should be

Cypress.on('window:before:load', win => {
  win.foo.abc = true;
});

You don't have to use it in before(), but it should be at the top of the spec.

But I suspect it still won't work after correcting, most likely the app resets foo to a new object during loading, i.e during cy.visit()

You can use the 2nd block

cy.visit('...')  // visit before changing

cy.window().then(win => {
  win.foo.abc = true;            // correct the syntax here as well
})

I would suggest the test might look like this

cy.get('#cars_list option').then(options => {
  const actual = [...options].map(o => o.value)
  expect(actual).to.deep.eq(['volvo', 'saab', 'mercedes', 'audi'])
})

OR

cy.get('#cars_list').children('option').then(options => {
  const actual = [...options].map(o => o.value)
  expect(actual).to.deep.eq(['volvo', 'saab', 'mercedes', 'audi'])
})

OR

cy.get('#cars_list').find('option').then(options => {
  const actual = [...options].map(o => o.value)
  expect(actual).to.deep.eq(['volvo', 'saab', 'mercedes', 'audi'])
})

Selecting multiple child elements with cy.get(), then unwrapping them with [...options], mapping to their value with .map(o => o.value) and using a deep equal to compare arrays.

I have not tested this, so the code may need some tweaking.

You can yield the subject returned by find and evaluate the text using JQuery commands.

cy.get('.ibxudA').find('.WildnessText-kRKTejj').then(($el) => {
  if ($el.text() !== "Wildness") {
    // code to execute if it does not have the text
  } else {
    // code to execute if it does have the text
  }
});