test loading.tsx files

Answered

Jumbo flying squid posted this in #help-forum

Jumbo flying squidOP

2024-05-03T07:06:36.177Z

Hey guys, whats the strategy to test loading.tsx file renders? Specifically just want to see the layout!

Answered by B33fb0n3

inside your page.tsx create a new Promise that resolves after x seconds. Like that you can build a delay in that the page loads and then you can see the loading.tsx. A delay could look like this:

export const delay = async (timeInSec: number) => {
    const abc = await new Promise((resolve) => setTimeout(resolve, timeInSec * 1000));
    return true;
}

View full answer

8 Replies

@Jumbo flying squid Hey guys, whats the strategy to test loading.tsx file renders? Specifically just want to see the layout!

B33fb0n3

2024-05-03T07:51:56.599Z

inside your page.tsx create a new Promise that resolves after x seconds. Like that you can build a delay in that the page loads and then you can see the loading.tsx. A delay could look like this:

export const delay = async (timeInSec: number) => {
    const abc = await new Promise((resolve) => setTimeout(resolve, timeInSec * 1000));
    return true;
}