How do we select dropdown option using data-test-id in cypress

[ShehFahad]

I need to select option of select in cypress but using data-test-id, as option value and text is change in every environment. Only id is same for Test/Prod/QA.

We have option to pick using text by:
cy.get('select').select('Request builder modifier')
but I need to pick using data-test-id instead.

[bahmutov]

See how to do this in https://glebbahmutov.com/cypress-examples/6.8.0/recipes/select-value-by-id.html

// let's find the option with the given test-id
const optionid = 'pick-oranges'
cy.get('[data-testid=select-example]')
  .find(`option[data-testid=${optionid}]`)
  .invoke('attr', 'value')
  .then((value) => {
    // now that we know the value of the <option>
    cy.get('[data-testid=select-example]').select(value)
  })
// confirm the selected option
cy.get('[data-testid=select-example] option:selected').should(
  'have.text',
  'Oranges',
)

[ShehFahad]

Thank you @bahmutov for you solution. It worked for me