How to to write cypress locator for dynamic input field

Question

How to write locator for this highlighted input field element when ID and Class attribute are dynamic?

Also for this button

Fody · Accepted Answer · 2022-07-11T02:19:55.197

1

The "Course name" text is a notable feature of that block of HTML. Select it and use traversal commands to get to the <input>

cy.contains('span', 'Course name')
  .next()
  .find('input')

Alternatively, the placeholder text could be used (but it seems a bit generic)

cy.get('input[placeholder="Enter"]')

For the <button> a similar tactic

cy.contains('p', 'Add new course')
  .prev('button')
  .click()

edited Jul 11 '22 at 02:19

answered Jul 10 '22 at 21:56

Fody

one more help..can you also suggest locator for the button that has dynamic values. I added new screenshot. – Rock Jul 10 '22 at 22:15
If you want to use the text on the button, that one should be easier - `cy.contains('button', 'Text on the button')`. – Fody Jul 10 '22 at 22:38
No, it does not have text. it has + icon – Rock Jul 10 '22 at 22:39
Similar to ``, only use `.prev()`. – Fody Jul 11 '22 at 02:22

1 Answers1