Open
Description
What happened?
Hey,
The test is pretty basic : I'm scrolling in a list (FlashList) until if find a specific element (with a unique testID).
Detox is just scrolling endlessly, event if the specific element is clearly visible and throw a timeout.
My tests are randomly failing on my CI machine (I could not reproduce it on my local machine). I didn't have any issues so far with scroll.
Here is a video where the test is supposed to scroll until the Summer box element is visible (i've cut the video since I can only post a 10mb file here) :
detox2.mov
What was the expected behaviour?
Scroll in a list until the specific element is visible.
Was it tested on latest Detox?
- I have tested this issue on the latest Detox release and it still reproduces.
Did your test throw out a timeout?
- I have followed the instructions under Identifying which synchronization mechanism causes us to wait too much.
Help us reproduce this issue!
Here are some utility functions :
export async function launchApp() {
await device.launchApp({
newInstance: true,
permissions: {
notifications: "YES",
location: "always",
camera: "YES",
photos: "YES",
userTracking: "YES",
},
});
}
export async function waitForElementToBeVisible(
element: Detox.IndexableNativeElement,
timeout = 30_000,
) {
return waitFor(element).toBeVisible().withTimeout(timeout);
}
export function scrollDownToElement(
id: string | RegExp,
listId: string,
options?: {
scrollPixelsAmount: number;
startPositionX?: number;
startPositionY?: number;
},
) {
return waitFor(elementById(id))
.toBeVisible()
.whileElement(by.id(listId))
.scroll(
options?.scrollPixelsAmount || 250,
"down",
options?.startPositionX || NaN,
options?.startPositionY || NaN,
);
}
Here is my utility Flows :
export const Flows = {
HomeScreen: {
async waitUntilVisible() {
const homeListId = "HomeScreen.List.public";
const homeList = elementById(homeListId);
await waitForElementToBeVisible(homeList, 60_000);
},
async goToSale(saleId: string, saleName: string) {
const homeListId = "HomeScreen.List.public";
// Find sale on home screen
const _saleId = `Public.${saleId}`;
const sale = elementById(_saleId);
// this is the part where the timeout occurs
await scrollDownToElement(_saleId, homeListId, {
scrollPixelsAmount: 600,
});
await waitForElementToBeVisible(sale);
await sale.tap();
},
}
}
And here is the test :
describe("SaleScreen", () => {
beforeEach(async () => {
await launchApp();
});
describe("Monoproduct", () => {
it("should display sale mono product", async () => {
await Flows.HomeScreen.waitUntilVisible();
await Flows.HomeScreen.goToSale(
SALES.monoproduct.saleId,
SALES.monoproduct.saleName,
);
await expect(elementById("ProductContent.Subtitle")).toExist();
});
});
});
In what environment did this happen?
Detox version:
React Native version:
Has Fabric (React Native's new rendering system) enabled: (yes/no)
Node version:
Device model:
iOS version:
macOS version:
Xcode version:
Test-runner (select one): jest / other
Detox logs
Detox logs
• Run loop "Main Run Loop" is awake.
• Run loop "JS Run Loop" is awake.
09:14:25.451 detox[49382] i The app has not responded to the network requests below:
(id = 5) invoke: {"type":"action","action":"scroll","params":[600,"down",null,null],"predicate":{"type":"id","value":"HomeScreen.List.public","isRegex":false},"while":{"type":"expectation","predicate":{"type":"id","value":"Public.2268cbf4e1a143bcb9295037f","isRegex":false},"expectation":"toBeVisible"}}
That might be the reason why the test "SaleScreen Monoproduct should display sale mono product" has timed out.
09:14:25.451 detox[49382] i SaleScreen > Monoproduct: should display sale mono product [FAIL]
FAIL tests/SaleScreen.test.ts (168.795 s)
SaleScreen
Monoproduct
✕ should display sale mono product (157511 ms)
● SaleScreen › Monoproduct › should display sale mono product
thrown: "Exceeded timeout of 120000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."
15 |
16 | describe("Monoproduct", () => {
> 17 | it("should display sale mono product", async () => {
| ^
18 | await Flows.HomeScreen.waitUntilVisible();
19 | await Flows.HomeScreen.goToSale(
20 | SALES.monoproduct.saleId,
at it (tests/SaleScreen.test.ts:17:5)
at describe (tests/SaleScreen.test.ts:16:3)
at Object.describe (tests/SaleScreen.test.ts:11:1)
Device logs
Device logs
paste your device.log here!
More data, please!
No response