webdriverio e2e testing with Appium 2

[kopax-polyconseil]

I want to test my react-native-date-picker on both iOS and Android. For this I need to set accessibility id / acessibility identifier within native app.

This is possible through testID, accessibilityLabel with react-native to set those and run e2e test with webdriver.

However, I do not find how to set the value of the day, month and year and cannot proceed to next screen.

Do you have any e2e testing instruction or recommendation?

Thanks and happy new year !

[steinalex]

It's not a perfect solution, but I did this with Webdriverio by getting the element using the predicate in iOS, and then scrolling to change the date or time.

const selector = `-ios predicate string:value == "Today"`
const touchAction = [
 { action: 'press', x: 0, y: 150 },
 { action: 'moveTo', x: 0, y: 0 },
 'release',
]
$(selector).touchAction(scrollDate)

You will need to use a different selector on Android though

[kopax-polyconseil]

This is how I finally did on iOS :

https://github.com/pass-culture/pass-culture-app-native/blob/master/e2e/tests/pc/features/auth/SignupScreens.ts#L149-L183

      const datePicker = $('-ios class chain:**/XCUIElementTypeDatePicker')
      const datePickerWheels = datePicker.$$('-ios class chain:**/XCUIElementTypePickerWheel')

      const initialDate = Number(await datePickerWheels[0].getValue())
      const initialMonth = RegistrationBirthDate.MONTHS_IOS_NATIVE.indexOf(
        await datePickerWheels[1].getValue()
      )
      const initialYear = Number(await datePickerWheels[2].getValue())

      // month
      for (let i = 0; i < Math.abs(initialMonth - birthDate.getMonth()); i++) {
        await driver.execute('mobile: selectPickerWheelValue', {
          order: initialMonth > birthDate.getMonth() ? 'previous' : 'next',
          offset: 0.15,
          element: await datePickerWheels[1].elementId,
        })
      }

      // year
      for (let i = 0; i < Math.abs(initialYear - birthDate.getFullYear()); i++) {
        await driver.execute('mobile: selectPickerWheelValue', {
          order: initialYear > birthDate.getFullYear() ? 'previous' : 'next',
          offset: 0.15,
          element: await datePickerWheels[2].elementId,
        })
      }

      // day in last, to avoid bug due to month change
      for (let i = 0; i < Math.abs(initialDate - birthDate.getDate()); i++) {
        await driver.execute('mobile: selectPickerWheelValue', {
          order: initialDate > birthDate.getDate() ? 'previous' : 'next',
          offset: 0.15,
          element: await datePickerWheels[0].elementId,
        })
      }