import { Alepha } from "alepha";
import { $head, AlephaReactHead } from "alepha/react/head";
import { describe, it } from "vitest";
import { $page } from "../index.ts";
class App {
head = $head({
htmlAttributes: { lang: "fr", "x-data-custom": "ok" },
});
hello = $page({
head: {
title: "Hello World",
bodyAttributes: { class: "hello-world" },
meta: [
{ name: "description", content: "This is a test page." },
{ name: "keywords", content: "test, alepha, react" },
],
},
component: () => "",
});
}
const alepha = Alepha.create().with(AlephaReactHead);
const a = alepha.inject(App);
describe("PageHead", () => {
it("should render page with custom head and body attributes", async ({
expect,
}) => {
const result = await a.hello.render({ html: true, hydration: false });
// Check key parts of the HTML output (streaming adds newlines between sections)
expect(result.html).toContain("");
expect(result.html).toContain('');
expect(result.html).toContain("Hello World");
expect(result.html).toContain(
'',
);
expect(result.html).toContain(
'',
);
expect(result.html).toContain('');
expect(result.html).toContain('');
expect(result.html).toContain("");
expect(result.html).toContain("");
});
});