[BUG] Unable to see a detailed error or reason of failaure in console when waiting for element is timeout

[amrsa1]

Context:

• Playwright Version: 1.15
• Operating System: linux
• Node.js version: 14
• Browser: any

Code Snippet

console show error timeout, but not specifying any useful details, like time out for what and for which element, which line...etc

    test.beforeAll(async ({browser}) =>{
        page = await browser.newPage()
        p = new ParentList(page);
        const loginCookie = await API.getCookies('admin', 'pds');
        await page.context().addCookies([{ name: 'PHPSESSID', value: loginCookie, path: '/' ,domain:'dev.d.d'}]);

    });

    test.beforeEach(async () =>{
        await page.goto('/parent/list')
    });

    test('01. Should be able to add new project', async () => {
        await p.waitForElement(p.parentListHeader)   //  I intentionally make it fails here
    });

Describe the bug

Unable to see a detailed info when a test is failing like referring to an element and print a meaningful error that could help in debugging.

[dgozman]

@amrkamel1 Could you please share the ParentList.waitForElement method? What Playwright APIs does it call? We need to reproduce the issue to be able to fix it 😄

[amrsa1]

@dgozman

    parentListHeader = 'text="Parents Lists"';

    async waitForElement(element) {
        await this.page.waitForSelector(element)
        return this;
    }

    test('01. Should be able to add new project', async () => {
        await p.waitForElement(p.parentListHeader)   //  I intentionally make it fails here
    });

[amrsa1]

@dgozman Is there something I missing, prevent detailed log from being displayed

[dgozman]

@amrkamel1 The reason is that you create your own page in the beforeAll. So when the test times out, p.waitForElement() is still running and does not give you any logs. Since you are already navigating in beforeEach, I'd suggest you to use built-in page instead: https://playwright.dev/docs/intro#using-test-fixtures.

Meanwhile, I'll see what we can do to improve the situation.

[amrsa1]

Gotcha thank you.