Fix flaky autoplay e2e test by awaiting animation settle

Replace immediate `expect(...).toBeNotVisible()` assertions with
`waitFor(...).toBeNotVisible().withTimeout(500)` to handle the race
condition where FlatList's paging scroll animation hasn't fully settled
when the non-visibility check runs. Adjacent items can be briefly
partially visible at the screen edge during the scroll animation,
causing the immediate assertion to fail.

https://claude.ai/code/session_01TSf7rodAUegEbivLi1hRY9

Author: claude

example/e2e/renderItems.e2e.test.js

@@ -9,6 +9,7 @@ const SCREENS = {
 };
 
 const DELAY = 2 * 1000;
+const ANIMATION_SETTLE_TIMEOUT = 500;
 
 describe('example with renderItems and data', () => {
   beforeAll(async () => {
@@ -31,54 +32,54 @@ describe('example with renderItems and data', () => {
       .toBeVisible()
       .withTimeout(DELAY);
 
-    await expect(element(by.id(SCREENS.one))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.two))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.three))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.fourth))).toBeNotVisible();
+    await waitFor(element(by.id(SCREENS.one))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.two))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.three))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.fourth))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
 
     // after 2s => screen with one
     await new Promise((_) => setTimeout(_, DELAY / 2));
     await waitFor(element(by.id(SCREENS.one)))
       .toBeVisible()
       .withTimeout(DELAY);
 
-    await expect(element(by.id(SCREENS.zero))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.two))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.three))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.fourth))).toBeNotVisible();
+    await waitFor(element(by.id(SCREENS.zero))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.two))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.three))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.fourth))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
 
     // after 4s => screen with two
     await new Promise((_) => setTimeout(_, DELAY / 2));
     await waitFor(element(by.id(SCREENS.two)))
       .toBeVisible()
       .withTimeout(DELAY);
 
-    await expect(element(by.id(SCREENS.zero))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.one))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.three))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.fourth))).toBeNotVisible();
+    await waitFor(element(by.id(SCREENS.zero))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.one))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.three))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.fourth))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
 
     // after 6s => screen with three
     await new Promise((_) => setTimeout(_, DELAY / 2));
     await waitFor(element(by.id(SCREENS.three)))
       .toBeVisible()
       .withTimeout(DELAY);
 
-    await expect(element(by.id(SCREENS.zero))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.one))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.two))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.fourth))).toBeNotVisible();
+    await waitFor(element(by.id(SCREENS.zero))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.one))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.two))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.fourth))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
 
     // after 8s => screen with fourth
     await new Promise((_) => setTimeout(_, DELAY / 2));
     await waitFor(element(by.id(SCREENS.fourth)))
       .toBeVisible()
       .withTimeout(DELAY);
 
-    await expect(element(by.id(SCREENS.zero))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.one))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.two))).toBeNotVisible();
-    await expect(element(by.id(SCREENS.three))).toBeNotVisible();
+    await waitFor(element(by.id(SCREENS.zero))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.one))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.two))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
+    await waitFor(element(by.id(SCREENS.three))).toBeNotVisible().withTimeout(ANIMATION_SETTLE_TIMEOUT);
   });
 
   // https://github.com/wix/Detox/blob/master/docs/APIRef.ActionsOnElement.md#swipedirection-speed-percentage