How to use RouterPage method in Cypress

The simplest regex for your example https://www.test.com/items.889218.html would be

cy.url().should('match', /https:\/\/www\.test\.com\/items.[0-9]+\.html/)

but if you're not concerned about the numbers this should also work

cy.url()
  .should('satisfy', (url) => url.startsWith('https://www.test.com/items.'))
  .and('satisfy', (url) => url.endsWith('.html'))

Ref reference TypeError: expect(...).to.startsWith is not a function

Use "baseUrl":"http://host.docker.internal:3000" in your cypress.json

Be aware in my js file the following was added automatically;

const { contains } = require("cypress/types/jquery");

deleting this line of code, problem solved

as per docs, this should work:

cy.get("#id").type( password, { log: false });

Which commands you use depends on the HTML you are working with,

At minimum, you can expect the radios to be labelled for the user.

Labels on the left, use .next()

html: `
    <label>One</label>
    <input type="radio" checked>

    <label>Two</label>
    <input type="radio" >
`,
test: `

cy.contains('label', 'One')
  .next()                                // select the next element
  .should('have.attr', 'type', 'radio')  // confirm it's type radio (optional)
  .should('be.checked')

`

Labels on the right, use .prev()

html: `
    <input type="radio" checked>
    <label>One</label>

    <input type="radio" >
    <label>Two</label>
`,
test: `

cy.contains('label', 'One')
  .prev()                                // select the previous element
  .should('have.attr', 'type', 'radio')  // confirm it's type radio (optional)
  .should('be.checked')

`

Labels have "for" attribute, use .get('input#my-id')

html: `
    <input type="radio" id="one" checked>     
    <label for="one">One</label>

    <input type="radio" id="two" >
    <label for="two">Two</label>
`,
test: `

cy.get('input#one')                      // select by id used to associate the label
  .should('be.checked')

`

Labels are grouped by "name", use .get('input[value="my-value"]')

html: `
    <input type="radio" name="my-radios" value="one" checked>
    <label for="one">One</label>

    <input type="radio" name="my-radios" value="two" >
    <label for="two">Two</label>
`,
test: `

cy.get('input[value="one"]')           // select by group value attribute
  .should('be.checked')

`

Try this:

cy.get('select option:contains(C)').should('not.exist')

I just found another approach in a blog, adding it here for reference.

const uuid = () => Cypress._.random(0, 1e6)
const id = uuid()
const testname = `testname${id}`
cy.get('input').type(testname);

worked well for me :)

A simple workaround: in plugins/index.js do

module.exports = (on, config) => {
  if(config.hasOwnProperty('env') &&  config.env.hasOwnProperty('baseUrl')){
      config.baseUrl = config.env.baseUrl;
  }
  return config
}

The , for OR condition will not work if firstElement loads asynchronously.

Using the command

cy.get('firstElement, secondElement')      // no retry on firstElement

It goes straight to secondElement even if firstElement appears just 10ms later, or is animating.

So this technique skips the Cypress retry mechanism, which is why Cypress does not mention it in the docs.

One way I can see to make it work when firstElement is asynchronous is to catch the fail event.

Note
Cypress docs say to only use the fail event for debugging, but Cypress do use it in their own tests.

Cypress.once('fail', () => {             // "once" means catch fail for next command only
  console.log('Clicking secondElement')
  Cypress.$('secondElement').trigger('click')
})

cy.get('firstElement', { log: false })   // retry for 'firstElement' but suppress log
  .click()                               // never executes this if 'firstElement' fails