* switch to a Document trait and introduce Script/Head/Style/Meta components * Fix desktop title * Insert special elements into the head during the inital SSR render * Make all head component attributes optional * hydrate head elements * improve the server streaming head warning * Document fullstack head hydration approach * deduplicate head elements by href * move Link into head::Link * document head components * add meta and title examples * Fix a few doc examples * fix formatting * Add title to playwright tests * serde is optional on web, but it is enabled by hydrate * remove leftover console log
39 lines
1.3 KiB
JavaScript
39 lines
1.3 KiB
JavaScript
// @ts-check
|
|
const { test, expect } = require("@playwright/test");
|
|
|
|
test("button click", async ({ page }) => {
|
|
await page.goto("http://localhost:3333");
|
|
await page.waitForTimeout(1000);
|
|
|
|
// Expect the page to contain the counter text.
|
|
const main = page.locator("#main");
|
|
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();
|
|
|
|
// 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");
|
|
});
|
|
|
|
test("fullstack communication", async ({ page }) => {
|
|
await page.goto("http://localhost:3333");
|
|
await page.waitForTimeout(1000);
|
|
|
|
// Expect the page to contain the counter text.
|
|
const main = page.locator("#main");
|
|
await expect(main).toContainText("Server said: ...");
|
|
|
|
// Click the increment button.
|
|
let button = page.locator("button.server-button");
|
|
await button.click();
|
|
|
|
// Expect the page to contain the updated counter text.
|
|
await expect(main).toContainText("Server said: Hello from the server!");
|
|
});
|