How to tap backbutton arrow created by react navigation ?

Description

There are two buttons on this page. One is on the top-left, which was created by react-navigation. One is just ‘confirmation’ button. I trying tapping the first top back button.

I use the code

await element(by.id("header-back")).tap();

not working, no match element for 'header-back;

I then use the code

await element(by.traits(['button']))
  .atIndex(0)
  .tap();

not working too, it clicks 'confirmation button ’ on the button page. not the top back button I want.

Your environment

Detox version: React Native version: Node version: Device model: OS: Test-runner (select one): jest-circus / jest+jasmine / mocha / other

[d4vidi]

Thanks, that’s a good reference to have. In any case, there’s always device.pressBack().

[jogyfelix]

await element(by.id('parentViewTestId')).swipe('right', 'fast', 0.75, 0.1, 0.1);

This works for me as right swipe does the job of a back button in iOS.