Setting testID for e2e testing

Hi there, thanks a lot for this great component.

I was wondering if you’re planning to include support for setting testID’s some time? I need this for my Cypress e2e tests.

Also just in case you weren’t aware, this component seems to work great on web too using React Native Web!

[hoaphantn7604]

hi @markymc , I have updated in the latest version 2.0.0.

[markymc]

@waldenermonteiro try this:

 <Dropdown
    testID="opponent picker"
    labelField="username"
    valueField="id"
    data={opponentPickerValues} // Shape includes {username: 'some-username'}
    itemTestIDField="username" // this is the key from the above shape, similar to labelField
    ...
/>

Then (I’m using Cypress):

Cypress.Commands.add('selectPickerValue', (pickerTestID, value) => {
  cy.getTestID(pickerTestID).click();

  // These are needed to get the FlatList to load all the items so the target can be clicked
  // This was quick and hacky, and can be improved
  cy.getTestID(pickerTestID + ' flatlist').scrollTo('bottom');
  cy.wait(200);
  cy.getTestID(pickerTestID + ' flatlist').scrollTo('bottom');
  cy.wait(200);
  cy.getTestID(pickerTestID + ' flatlist').scrollTo('bottom');

  cy.getTestID(value).click();
});

cy.selectPickerValue('opponent picker', 'some-username');
cy.getTestID('opponent picker').contains('some-username');