How goBack screen in test with detox

Question

I make automatization react native test with detox, It has the next screen sequence A -> B -> C and i wish to go back to the screen B <- C. Is there a solution for this?

score 3 · Answer 1 · answered Feb 15 '19 at 18:48

3

There's a testId on the back button, so you can do this:

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

answered Feb 15 '19 at 18:48

mikelovesrobots

47
2

This worked for me on the following environment: Xcode: 11.5 react-native: 0.61.5 "detox": "^16.8.2", – Olivier Jun 18 '20 at 12:45

score 3 · Answer 2 · answered Aug 29 '19 at 09:22

3

You could go ahead and create a utility

export const pressBack = async () => {
  if (device.getPlatform() === 'android') {
    await device.pressBack(); // Android only
  } else {
    await element(by.traits(['button']))
      .atIndex(0)
      .tap();
  }
};

Android: device.pressBack()
iOS: go back last screen #828

answered Aug 29 '19 at 09:22

Leo

10,407
3
45
62

1

Worked Perfectly, tnx – Erfan Taghvaei Mar 10 '23 at 20:44

score 2 · Answer 3 · answered Oct 09 '19 at 11:38

sometimes

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

does not work and

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

selects another button. In that case, you can try to use swipe right on ios assuming that it is a stack navigator. Use the outer container view

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

score 1 · Answer 4 · answered Jul 13 '18 at 17:31

1

the solution was to use traits button as follows:

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

answered Jul 13 '18 at 17:31

Gaston Diaz

101
1
6

MikeL · Answer 5 · 2020-08-12T08:17:49.090

1

If you are using react-native-navigation you can use:

const backButton = () => {
  if (device.getPlatform() === 'ios') {
    return element(by.type('_UIBackButtonContainerView'));
  } else {
    return element(by.label('Navigate Up'));
  }
};
...
await backButton().tap();

For iOS in detox@17.3.6 & react-native-navigation@6.10.1 you can use:

return element(by.id('pop'));

edited Aug 12 '20 at 08:17

answered Feb 24 '20 at 13:27

MikeL

2,756
2
23
41

score 1 · Answer 6 · answered Nov 19 '20 at 19:19

Another way that works is

await element(by.id('header-back')).atIndex(0).tap()

This uses the built in testID that the default back button that comes with react-navigation v5. You may need to mess with the atIndex() number since for me it seems to match 2 back buttons but the first one was the one I was looking for.

How goBack screen in test with detox

6 Answers6

Linked