javascriptplaywright

How to verify an API request has not been made with Playwright


I have a chat application that I'm writing Playwright tests for. There is a textbox where the user can write their message. When the user presses Enter, the message should be sent. When the user presses Shift+Enter, the message should not be sent, but a line break should be added to the message.

How can I write Playwright tests for this? Here is a start:

test("pressing enter should send message", async ({ page }) => {
  await page.goto("/chat");

  const input = page.getByRole("textbox");

  await input.fill("foo");
  await input.press("Enter");
  await expect(input).toHaveValue("foo");

  // TODO: Expect that the form is submitted.
});

test("pressing shift+enter should create a line break", async ({ page }) => {
  await page.goto("/chat");

  const input = page.getByRole("textbox");

  await input.fill("foo");
  await input.press("Enter");
  await expect(input).toHaveValue("foo\n"); // Can the line break be \r\n?

  // TODO: Expect that the form is not submitted
});

Solution

  • I would verify a certain API request has not been made like below:

        let fooRequestWasMade = false;
     
        page.on('request', request => {
          if (request.url().includes("/foobar/"))
            fooRequestWasMade = true
        })
    
        await page.waitForLoadState('networkidle');
        expect(fooRequestWasMade).toBe(false);