mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-09-20 06:11:57 +00:00
b0a2e2418c
* Bubble errors from the server to the client on suspense boundaries * make resolving suspense boundaries O(n)
35 lines
1.3 KiB
JavaScript
35 lines
1.3 KiB
JavaScript
// @ts-check
|
|
const { test, expect } = require("@playwright/test");
|
|
|
|
test("hydration", async ({ page }) => {
|
|
await page.goto("http://localhost:3333");
|
|
|
|
// Expect the page to contain the pending text.
|
|
const main = page.locator("#main");
|
|
await expect(main).toContainText("Server said: ...");
|
|
|
|
// Expect the page to contain the counter text.
|
|
await expect(main).toContainText("hello axum! 12345");
|
|
// Expect the title to contain the counter text.
|
|
await expect(page).toHaveTitle("hello axum! 12345");
|
|
|
|
// Click the increment button.
|
|
let button = page.locator("button.increment-button");
|
|
await button.click();
|
|
|
|
// Click the server button.
|
|
let serverButton = page.locator("button.server-button");
|
|
await serverButton.click();
|
|
|
|
// Expect the page to contain the updated counter text.
|
|
await expect(main).toContainText("hello axum! 12346");
|
|
// Expect the title to contain the updated counter text.
|
|
await expect(page).toHaveTitle("hello axum! 12346");
|
|
|
|
// Expect the page to contain the updated counter text.
|
|
await expect(main).toContainText("Server said: Hello from the server!");
|
|
|
|
// Make sure the error that was thrown on the server is shown in the error boundary on the client
|
|
const errors = page.locator("#errors");
|
|
await expect(errors).toContainText("Hmm, something went wrong.");
|
|
});
|