dioxus-mirror/packages/playwright-tests/web-hash-routing.spec.js

// @ts-check
const { test, expect } = require("@playwright/test");

test("redirect", async ({ page }) => {
  // Going to the root url should redirect to /other.
  await page.goto("http://localhost:2021");

  // Expect the page to the text Other
  const main = page.locator("#other");
  await expect(main).toContainText("Other");

  // Expect the url to be /#/other
  await expect(page).toHaveURL("http://localhost:2021/#/other");
});

test("links", async ({ page }) => {
  await page.goto("http://localhost:2021/#/other");

  // Expect clicking the link to /other/123 to navigate to /other/123
  const link = page.locator("a[href='/#/other/123']");
  await link.click();
  await expect(page).toHaveURL("http://localhost:2021/#/other/123");
});

test("fallback", async ({ page }) => {
  await page.goto("http://localhost:2021/#/my/404/route");

  // Expect the page to contain the text Fallback
  const main = page.locator("#not-found");
  await expect(main).toContainText("NotFound");
});