0

I got a form which takes user data. I am building a simple test to check that the continue button will not redirect to another page if the data inputs are invalid or empty.

any ideas?

Many thanks,

:-)

I have tried using waitForNavigatiopn(), but it is now deprecated.

1 Answers1

0

You'd better check for error messages on UI, and API calls if you need to check form data.

// Error on UI
await expect(page.locator("error")).toBeVisible();

// Form still opened - page not redirected
await expect(page.locator("#username")).toBeVisible();

// Url not changed
const url = page.url();
await page.click("text=Continue");
await expect(page).toHaveURL(url)

// Wait for the error on redirect
expect(await page.waitForURL(/success/)).toThrowError();

// Wait for responses
await page.waitForResponse(/error/);
await page.waitForResponse(r => r.body.toString().includes("error"));
...
unickq
  • 1,497
  • 12
  • 18